Skip to content

DatePicker

A date picker that opens a calendar in a popover. It supports single-date or range selection, English and Russian locales, and controlled or uncontrolled usage.

Prop Type Default Description
mode 'single' | 'range' 'single' Selection mode.
value Date | DateRange Controlled value (type depends on mode).
defaultValue Date | DateRange Initial value when uncontrolled.
onValueChange (value?: Date | DateRange) => void Called with the next value.
locale 'en' | 'ru' 'en' Calendar locale.
placeholder string Trigger text when nothing is selected.
size 'sm' | 'md' | 'lg' 'md' Trigger size.
numberOfMonths number Month grids shown side by side.
disabled boolean false Disable the trigger.