include "include/header_production.html"

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

include "include/breadcrumb_right.html"

Documentation

To see all the available options & configurations, we suggest reading the jQueryUI datepicker documentation.

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".

Get source

                

To view more datepickers examples, you can visit the jQueryUI datepicker demos page.

Multiple months

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

Get source

                

                

            

Range selector

You can also create dates range selectors using the datepicker.

Get source

                

                

            
include "include/footer.html"