<script type="text/javascript">
$(function() {
$("#txtDate").datepicker();
});
</script>
<style type="text/css">
.ui-datepicker { font-size:8pt !important}
<script>
$( function() {
$( "#datepicker" ).datepicker();
} );
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker"></p>
//Other Elements
</body>
public static void ShowCalendar(this DateTimePicker picker, MouseEventArgs clickEvent)
{
var suppressor = new EventSuppressor(picker);
suppressor.Suppress();
// Based on Button from the Textbox we can identify the position of our text box. Picker is button position
int x = picker.Width - 10;
int y = picker.Height / 2;
int lParam = x + y * 0x00010000;
//Now this lParam is the area where our entire text box positions
}
}
private void dateTimePicker1_MouseDown(object sender, MouseEventArgs e)
{
dateTimePicker1.ShowCalendar(e);
}