Documentation
Form Controls
Calendar

Calendar

Date range selection and two months view

Component API

Calendar component props

PropDefaultDescription
sizemd
sm | md | lg

Size of the element

onClick
onClick: (date: CalendarDateValue) => void

Callback function to be called when the calendar date is clicked

weekStartsOn
1 | 2 | 3 | 4 | 5 | 6 | 7

The day of the week to start on. Default is 1 (Monday)

valueundefined
Date | null | undefined

Date of highlighted day

className
string | string[]

Class names to add to wrapper component

id
string

ID of the element