Datepicker Demos. HTML Date Picker : Calendar « GUI Components « JavaScript DHTML. jQuery Datepicker. A datepicker can easily be added as a popup to a text field or inline in a division or span with appropriate default settings.
The popup shows when the field gains focus and is closed by clicking on the Close link or clicking anywhere else on the page. You can also remove the datepicker widget if it is no longer required. Popup datepicker (input): Inline datepicker (div/span):