DatePicker 日期选择
在输入框里选日期、日期时间或日期区间。
2026-11-13 · — · —
值是 YYYY-MM-DD（带 time 时 YYYY-MM-DD HH:mm）字符串。DateRangePicker 两个月并排，左侧是快捷区间（DEFAULT_RANGE_PRESETS，传 presets={[]} 隐藏），选完结束日才回调。
安装
pnpm dlx shadcn@latest add https://docs.linasan.cn/r/date-picker.json第一次装本站的组件前先在项目里执行一次 shadcn init，详见 安装。
用法
import { DatePicker } from '@/components/form/date-picker';
import { DateRangePicker } from '@/components/form/date-range-picker';
<DatePicker value={day} onChange={setDay} />
<DatePicker time value={at} onChange={setAt} />
<DateRangePicker value={range} onChange={setRange} />安装 DateRangePicker
pnpm dlx shadcn@latest add https://docs.linasan.cn/r/date-range-picker.json第一次装本站的组件前先在项目里执行一次 shadcn init，详见 安装。
属性
DatePicker
属性
类型
DateRangePicker
属性
类型