复制一段给 AI 编程工具的提示词，包含源码、依赖和用法
属性
CalendarProps
同时支持以下类型的全部属性： Omit<React.ComponentProps<"div">, "onSelect" | "defaultValue">
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| value | Date | null | — | — |
| defaultValue | Date | null | null | — |
| onSelect | (date: Date) => void | — | — |
| weekStartsOn | 0 | 1 | 1 | 0 = Sunday, 1 = Monday |
| locale | string | "en-US" | BCP 47 locale for month and weekday names |
| disablePast | boolean | false | Days before today can't be picked |
| isDateDisabled | (date: Date) => boolean | — | — |
DatePickerProps
同时支持以下类型的全部属性： Omit<CalendarProps, "onSelect" | "onChange">
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| onChange | (date: Date) => void | — | — |
| placeholder | string | "Pick a date" | — |
| defaultOpen | boolean | false | Opens on first render without moving focus, handy for previews |
安装
$ npx shadcn@latest add https://chromotion.dev/r/date-picker.json命令行安装的是基础组件，定制的参数写在「定制」标签页生成的代码里。