Basic

Focus on the input to open date picker.

DateTime

Enable date and time picker.

Allow input

Allows the user to enter a date directly into the input field. By default, direct entry is disabled.

External elements

Use custom elements to trigger the state of the calendar.

Date range

Select a range of dates using the range calendar.

Multiple dates

It is possible to select multiple dates.

Month picker

Show a month-only calendar view.

Time picker

Enable time picker only.

Inline

Display the calendar in an always-open state.