DatePicker
v1.0.0A date picker with popover and inline modes.
Standard Selector
Click the input to open the date picker.
Inline View Container
The calendar renders inline without a popover.
June
2026
S
M
T
W
T
F
S
Min / Max Range Bounds
Set minimum and maximum selectable dates.
API Reference
All available props for this component.
Property | Type | Default | Description |
|---|---|---|---|
| value | Date | undefined | Currently active date object controlling standard internal selection matrix states. |
| onChange | (date: Date) => void | undefined | Standard execution trigger hook fired immediately upon calendar integer interaction. |
| minDate | Date | undefined | Enforces a mathematical floor preventing selection vectors before defined logical timestamp limits. |
| maxDate | Date | undefined | Enforces a mathematical ceiling disabling interface inputs targeting out-of-bounds ranges. |
| inline | boolean | false | Forces structural component rendering into relative block grids voiding Popover input mechanics. |
| placeholder | string | 'Pick a date' | Dictates input fallback parameters if undefined initialization state occurs. |
| formatDate | (date: Date) => string | undefined | Overrides default English timestamp formatting with direct string output mapping. |
| className | string | '' | Appends extra CSS variables immediately onto outer hierarchy wrapper tags. |