Datepicker

The datepicker is tied to a standard form input field. Focus on the input(click,or use the tab key) to open an interactive calendar in a small overlay. Read the Official jQuery UI Datepicker Documentationfor a full list of instructions and other options.

Display Inline

Display the datepicker embedded in the page instead of in an overlay. Simply call .datepicker()on a div instead of an input.

Dates in Other Months

The datepicker can show dates that come from other than the main month being displayed. These other dates can also be made selectable.

Month and Year Menus

Show month and year dropdowns in place of the static month/year header to facilitate navigation through large timeframes.

Basic Functionality

Choose a date,click elsewhere on the page(blur the input),or hit the Esc key to close. If a date is chosen,feedback is shown as the input's value.

Display Button Bar

Display a button for selecting Today's date and a Done button for closing the calendar.

Multiple Months

Set the numberOfMonthsoption to an integer of 2 or more to show multiple months in a single datepicker.

Date Range

Select the date range to search for.