<link rel="stylesheet" type="text/css" href="../../codebase/dhtmlxcalendar.css">
    <link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxcalendar_dhx_skyblue.css">
    <link rel="stylesheet" type="text/css" href="../../../dhtmlxToolbar/codebase/skins/dhtmlxtoolbar_dhx_skyblue.css">
    <script src="../../codebase/dhtmlxcommon.js"></script>
    <script src="../../codebase/dhtmlxcalendar.js"></script>
    <script src="../../../dhtmlxToolbar/codebase/dhtmlxtoolbar.js"></script>
    <script>
var myCalendar,
myToolbar;
function doOnLoad() {
    myToolbar = new dhtmlXToolbarObject("toolbarObj");
    myToolbar.setIconsPath("../../../dhtmlxToolbar/samples/common/imgs/");
    myToolbar.loadXML("../../../dhtmlxToolbar/samples/common/dhxtoolbar_button.xml?" + new Date().getTime(), function() {
        myToolbar.addInput("calendar", null, "12.06.2013", 90);
        myCalendar = new dhtmlXCalendarObject(myToolbar.getInput("calendar"));
        myCalendar.setDateFormat("%d.%m.%Y");
    });
}</script>
 
 
    <div style="height: 150px;"><div id="toolbarObj" style="width: 500px;"></div></div>