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.

SunMonTueWedThuFriSat
303112345678910111213141516171819202122232425262728293012345678910
Settings
Layout

Sidebar theme
SunMonTueWedThuFriSat
303112345678910111213141516171819202122232425262728293012345678910
SunMonTueWedThuFriSat
303112345678910111213141516171819202122232425262728293012345678910
:
PM
SunMonTueWedThuFriSat
303112345678910111213141516171819202122232425262728293012345678910
SunMonTueWedThuFriSat
303112345678910111213141516171819202122232425262728293012345678910
SunMonTueWedThuFriSat
303112345678910111213141516171819202122232425262728293012345678910
SunMonTueWedThuFriSat
303112345678910111213141516171819202122232425262728293012345678910
JanFebMarAprMayJunJulAugSepOctNovDec
:
PM