...
Select a date from a calendar popover.
npx neobrutal add date-pickernpm install @base-ui/react lucide-reactimport { DatePicker } from '@/components/ui/date-picker'const [date, setDate] = useState<Date | null>(null)
<DatePicker value={date} onChange={setDate} />| Prop | Type | Default | Description |
|---|---|---|---|
| value | Date | null | null | The currently selected date. |
| onChange | (date: Date | null) => void | - | Callback fired when the user applies a date selection. |
| placeholder | string | "Select date" | Placeholder text shown when no date is selected. |
| disabled | boolean | false | Whether the date picker trigger is disabled. |