Date Picker

The Date Picker allows users to select a specific date through a structured calendar interface.

Default

With buttons

Range

API References

PropTypeDefault

value / onChange

Date | null / (date: Date) => void

—

month / onMonthChange

Date / (month: Date) => void

—

minDate / maxDate

Date

—

markedDates

Date[]

—

showFooter

boolean

true

showNeutralButton / showPrimaryButton

boolean

true

onCancel / onApply

() => void

—

PropTypeDefault

start / end / onChange

Date | null / (start, end) => void

—

leftMonth / onLeftMonthChange

Date / (month: Date) => void

—

activePreset / onPresetSelect

string | null / (label: string) => void

—

showPresets

boolean

true

showSecondCalendar

boolean

true

showRangeLabel

boolean

true

markedDates

Date[]

—

showFooter / showNeutralButton / showPrimaryButton / onCancel / onApply

—