复制一段给 AI 编程工具的提示词,包含源码、依赖和用法
属性
DateRangePickerProps
同时支持以下类型的全部属性: Omit<React.ComponentProps<"div">, "onChange" | "defaultValue">
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| value | DateRange | — | — |
| defaultValue | DateRange | — | — |
| onValueChange | (range: DateRange) => void | — | — |
| today | string | DEFAULT_TODAY | ISO date treated as "today" (highlighted and used by presets). |
| min | string | — | Earliest selectable ISO date |
| max | string | — | Latest selectable ISO date |
| presets | boolean | true | Show the quick-range presets |
| placeholder | string | "Pick a date range" | — |
| align | "start" | "end" | "start" | Which edge of the trigger the popover aligns to |
| disabled | boolean | false | — |
| defaultOpen | boolean | false | Opens on first render without moving focus, handy for static previews |
安装
$ npx shadcn@latest add https://chromotion.dev/r/date-range-picker.json