Datepicker Easily select a date for a text input. To create datepickers we use a jQueryUI widget.

Inline datepicker

To create an inline datepicker you have to use the following HTML structure and initialize the jQueryUI datepicker widget using a selector. If you want to remove the box shadow from the inline datepicker you need to add .no-shadow class to the datepicker selector. In our case, that would be a div with class="datepicker no-shadow".

Multiple months

The datepicker widget supports displaying multiple months for better usability and selection.

Range selector

You can also create dates range selectors using the datepicker.