# date-picker-wrapper LLMs.txt > 供 LLM 快速理解 `@flatbiz/antd/date-picker-wrapper` 的使用方式。 ## 模块定位 DatePicker包装组件 ## 导入方式 ```ts import { DatePickerWrapper } from '@flatbiz/antd/date-picker-wrapper'; // 也可以从主入口导入:import { ... } from '@flatbiz/antd'; ``` ## 公开导出 - `DatePickerWrapper` - DatePicker包装组件 - `* from ./date.jsx` - `DatePickerWrapperProps` ## 依赖的 antd 能力 `DatePicker`、`GetProps` ## Props / 配置要点 ### DatePickerType - 声明:`type DatePickerType = GetProps; // BaseSelectRef` ### DatePickerWrapperProps - `value`(可选):: string;默认格式为 'YYYY-MM-DD' - `onChange`(可选):: (value?: string) => void - `disabledDateConfig`(可选):: { minDate?: TDayjsDateType; maxDate?: TDayjsDateType; disabledHourList?: number[]; disabledMinuteList?: number[]; disabledSecondList?: number[]; };禁用 小时 刻度列表,与日期无关 - `format`(可选):: TDayjsDateType;可自定义格式 - `outputNormalize`(可选):: (value?: TAny) => TAny;value 输出适配 - `inputNormalize`(可选):: (value?: TAny) => string | undefined;value 输入适配 ## 使用规则与行为 - DatePicker包装组件 - 默认格式为 'YYYY-MM-DD' - 禁用 小时 刻度列表,与日期无关 - 禁用 分钟 刻度列表,与日期无关 - 禁用 秒钟 刻度列表,与日期无关 - 可自定义格式 - value 输出适配 - value 输入适配 ## 基础示例 ```tsx import { DatePickerWrapper, type DatePickerWrapperProps } from '@flatbiz/antd/date-picker-wrapper'; const props: DatePickerWrapperProps = { // 按业务传入必要参数 }; ; ``` ## 源码索引 - `src/date-picker-wrapper/date.tsx` - `src/date-picker-wrapper/index.ts` - `src/date-picker-wrapper/types.ts` ## 给 LLM 的注意事项 - 优先使用 `@flatbiz/antd/date-picker-wrapper` 或主入口 `@flatbiz/antd` 的公开导出,不要引用内部实现文件。 - 当 Props 与 antd 原组件同名能力冲突时,以本模块导出的 Props 类型为准。 - 若文档未覆盖某个边缘参数,请读取上方源码索引中的类型定义和 JSDoc。