Calendar

Open in Playground

Arrow keys move by day or week, PageUp / PageDown by month, Home / End to the week edges. min / max disable days, weekStartsOn is 0 (Sunday) or 1 (Monday).

Default (jumpMode="none"): the title is plain text and you page month by month with the arrows.

November 2026

Jump modes: jumpMode="dropdown" (left) opens a month and year picker from the title; jumpMode="input" (right) opens a DD / MM / YYYY entry from the title.

Props

valueDate | null
Selected date.
onChange(date: Date) => void
Called with the clicked date.
rangeStartDate | null
Start of a highlighted range.
rangeEndDate | null
End of a highlighted range.
minDate
Earliest selectable date. Days before it are disabled, and so is paging to months before it.
maxDate
Latest selectable date. Days after it are disabled, and so is paging to months after it.
weekStartsOn0 | 1
Default: 0
First day of the week (0 = Sunday).
localestring
Locale for month and weekday names.
jumpMode'none' | 'dropdown' | 'input'
Default: 'none'
Jump to another month: a month and year picker popover opened from the title, or a DD / MM / YYYY entry opened from the title.
classNamestring
Default: ''
Extra classes for the root element.

Calendar props
Prop	Type	Default	Description
`value`	Date \| null	–	Selected date.
`onChange`	(date: Date) => void	–	Called with the clicked date.
`rangeStart`	Date \| null	–	Start of a highlighted range.
`rangeEnd`	Date \| null	–	End of a highlighted range.
`min`	Date	–	Earliest selectable date. Days before it are disabled, and so is paging to months before it.
`max`	Date	–	Latest selectable date. Days after it are disabled, and so is paging to months after it.
`weekStartsOn`	0 \| 1	`0`	First day of the week (0 = Sunday).
`locale`	string	–	Locale for month and weekday names.
`jumpMode`	'none' \| 'dropdown' \| 'input'	`'none'`	Jump to another month: a month and year picker popover opened from the title, or a DD / MM / YYYY entry opened from the title.
`className`	string	`''`	Extra classes for the root element.

Mo	Tu	We	Th	Fr	Sa	Su

Mo	Tu	We	Th	Fr	Sa	Su

Mo	Tu	We	Th	Fr	Sa	Su