<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="../../codebase/dhtmlxcalendar.js"></script>
<style>
#calendar_input {
border: 1px solid #909090;
font-family: Tahoma;
font-size: 12px;
}
#calendar_icon {
vertical-align: middle;
cursor: pointer;
}
</style>
<script>var myCalendar;
function doOnLoad() {
myCalendar = new dhtmlXCalendarObject({
input: "calendar_input",
button: "calendar_icon"
});
}
</script>
<div style="position:relative;height:280px;">
<input type="text" id="calendar_input">
<span><img id="calendar_icon" src="../common/calendar.gif" border="0"></span>
</div>