<link rel="stylesheet" type="text/css" href="../../codebase/dhtmlxcalendar.css">
    <link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxcalendar_dhx_skyblue.css">
    <script src="../../../dhtmlxPopup/codebase/dhtmlxcommon.js"></script>
    <script src="../../codebase/dhtmlxcalendar.js"></script>
    <style>
        #calendarHere {
            position: relative;
            height: 250px;
        }
    </style>
    <script>
var myCalendar;
function doOnLoad() {
    myCalendar = new dhtmlXCalendarObject("calendarHere");
    myCalendar.show();
}</script>
 
 
    <div style="margin-bottom: 20px;">This will affect on minutes-selector; 1, 5 (default), 10, 15 only allowed</div>
    <div style="margin-bottom: 20px;">
        <input type="button" value="1" onclick="myCalendar.setMinutesInterval(1);">
        <input type="button" value="5" onclick="myCalendar.setMinutesInterval(5);">
        <input type="button" value="10" onclick="myCalendar.setMinutesInterval(10);">
        <input type="button" value="15" onclick="myCalendar.setMinutesInterval(15);">
    </div>
    <div id="calendarHere"></div>