pnpm dlx shadcn@latest add @saturation/calendar-pickerimport { CalendarPicker } from "@/components/ui/calendar-picker"<CalendarPicker selected={date} onSelect={setDate} />| Prop | Type | Default | Description |
|---|---|---|---|
selected | Date | Date[] | — | Selected date(s). |
onSelect | (date: Date) => void | — | Selection handler. |
mode | "single" | "range" | "multiple" | "single" | Selection mode. |
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Dates on Feb 10-12, 20, and 25 are disabled.
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Weekends (Saturday and Sunday) are disabled.
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Script lock deadline
deadline| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Selected: February 5, 2026 at 10:00