Usage
import { DatePicker } from "@/registry/components/date-picker/date-picker";
<DatePicker label="…" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | ||
placeholder? | string | "Pick a date" | |
format? | Intl.DateTimeFormatOptions | { month: "short", day: "numeric", year: "numeric" } | Intl options for the field text |
defaultOpen? | boolean | false | Keep the calendar open (docs and previews) |
When to use
Picking one day near today (due dates, bookings, filters), with min / max and disabled days.
When not to use
Dates of birth or far-away years (use three selects or a typed field); date ranges (not supported yet); times.