//
A date picker component supporting inline inputs, button triggers, and single/range selections.
bun add xiod-ui1import { DatePicker } from "xiod-ui/date-picker";1<DatePicker>2</DatePicker>| Prop | Type | Default | Description |
|---|---|---|---|
mode | "range"| "single"| undefined | single | |
triggerType | "button"| "input"| undefined | button | |
defaultValue | Date| DateRange| undefined | - | |
value | Date| DateRange| undefined | - | |
onSelect | ((value: Date| DateRange| undefined) => void)| undefined | - | |
placeholder | string| undefined | - | |
formatStr | "PPP"| "LLL dd, y"| "yyyy-MM-dd"| undefined | PPP | |
minDate | Date| undefined | - | |
maxDate | Date| undefined | - | |
disabled | boolean| Date| Date[]| ((date: Date) => boolean)| undefined | - | |
numberOfMonths | number| undefined | 1 | |
fixedWeeks | boolean| undefined | true | |
weekStartsOn | 0| 1| 2| 3| 4| 5| 6| undefined | 0 | |
showOutsideDays | boolean| undefined | true | |
disableOutsideDays | boolean| undefined | false | |
triggerClassName | string| undefined | - | |
triggerVariant | "default"| "secondary"| "ghost"| "outline"| undefined | outline | |
triggerSize | "default"| "sm"| "lg"| "xs"| undefined | default |