Calendar

Single date selection

Calendar component props

Prop	Default	Description
`onClick`	—	`onClick: (date: CalendarDateValue) => void` Callback function to be called when the calendar date is clicked
`mode`	`date`	`date \| range` The mode of the calendar. Select single date or date range.
`weekStartsOn`	—	`1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7` The day of the week to start on. Default is 1 (Monday)
`value`	`undefined`	`Date \| null \| undefined` Date of highlighted day
`className`	—	`string` Class names to add to wrapper component
`numberOfMonths`	`1`	`1 \| 2` The number of months to display.
`todayText`	`"Today"`	`string` The text to display for the today date.

Type of value and onChange callback depends on the selected calendar mode.


type CalendarDateValue = Date | null | undefined

Mode	Value type
date	`CalendarDateValue`
range	`[CalendarDateValue, CalendarDateValue]`