# time-range-picker-wrapper-form-item LLMs.txt > 供 LLM 快速理解 `@flatbiz/antd/time-range-picker-wrapper-form-item` 的使用方式。 ## 模块定位 包含了Form.Item组件的时间区间选择组件,时间区间组件可以定义成两个字段操作,不用再通过数组处理 ## 导入方式 ```ts import { TimeRangePickerWrapperFormItem } from '@flatbiz/antd/time-range-picker-wrapper-form-item'; // 也可以从主入口导入:import { ... } from '@flatbiz/antd'; ``` ## 公开导出 - `* from ./time-range-picker-wrapper-form-item.jsx` - `TimeRangePickerWrapperFormItem` - 包含了Form.Item组件的时间区间选择组件,时间区间组件可以定义成两个字段操作,不用再通过数组处理 - `TimeRangePickerWrapperFormItemProps` ## 依赖的 antd 能力 `Form` ## Props / 配置要点 ### TimeRangePickerWrapperFormItemProps - `startName`(必填):: FormItemNamePath;开始的时间name - `endName`(必填):: FormItemNamePath;结束的时间name - `formListName`(可选):: Array;如果 TimeRangePickerWrapperFormItem 在Form.List场景下 必传 @deprecated 使用 formListCompleteName 配置 - `formListCompleteName`(可选):: Array | string;前端 formItem 前缀FormName,当 TimeRangePickerWrapperFormItem 处在Form.List场景下,必传 - `timeRangePickerWrapperProps`(可选):: TimeRangePickerWrapperProps ## 使用规则与行为 - 开始的时间name - 结束的时间name - 如果 TimeRangePickerWrapperFormItem 在Form.List场景下 必传 @deprecated 使用 formListCompleteName 配置 - 前端 formItem 前缀FormName,当 TimeRangePickerWrapperFormItem 处在Form.List场景下,必传 - 包含了Form.Item组件的时间区间选择组件,时间区间组件可以定义成两个字段操作,不用再通过数组处理 ## 基础示例 ```tsx import { TimeRangePickerWrapperFormItem, type TimeRangePickerWrapperFormItemProps } from '@flatbiz/antd/time-range-picker-wrapper-form-item'; const props: TimeRangePickerWrapperFormItemProps = { // 按业务传入必要参数 }; ; ``` ## 源码索引 - `src/time-range-picker-wrapper-form-item/index.ts` - `src/time-range-picker-wrapper-form-item/time-range-picker-wrapper-form-item.tsx` ## 给 LLM 的注意事项 - 优先使用 `@flatbiz/antd/time-range-picker-wrapper-form-item` 或主入口 `@flatbiz/antd` 的公开导出,不要引用内部实现文件。 - 当 Props 与 antd 原组件同名能力冲突时,以本模块导出的 Props 类型为准。 - 若文档未覆盖某个边缘参数,请读取上方源码索引中的类型定义和 JSDoc。