So, for our requirement we'll need to reference the JQuery Library file, jQuery UI widget and interaction library, Datepicker pluging file, Time Picker addOn, CSS file that we'll interact on Look and feel of the calendar and Finally a Localization file that will translate the default text language to an appropiate one.
Now for attaching the calendar to the HTML input control, you've to add this lignes of code on the HEAD tag :
$.datepicker.setDefaults($.datepicker.regional['fr']); : For localization zone (Here i used an French Localization file to translate my Calendar display text)
$('#datepicker').datetimepicker(); : This include that attachment of the calendar to the input control, and add the time select functionality.
Maybe the calendar will be displayed in BIG FORMA, so to minimize it as you like, you just have to add this snips of code and modify the percentage value as you like :
To downwload, click on the link : JQuery Calendar
http://jqueryui.com/home

