# date-range-picker-wrapper-form-item LLMs.txt

> 供 LLM 快速理解 `@flatbiz/antd/date-range-picker-wrapper-form-item` 的使用方式。

## 模块定位

包含了Form.Item组件的时间区间选择组件，时间区间组件可以定义成两个字段操作，不用再通过数组处理

## 导入方式

```ts
import { DateRangePickerWrapperFormItem } from '@flatbiz/antd/date-range-picker-wrapper-form-item';
// 也可以从主入口导入：import { ... } from '@flatbiz/antd';
```

## 公开导出

- `DateRangePickerWrapperFormItem` - 包含了Form.Item组件的时间区间选择组件，时间区间组件可以定义成两个字段操作，不用再通过数组处理
- `DateRangePickerWrapperFormItemProps`
- `* from ./form-item.jsx`

## 依赖的 antd 能力

`Form`

## Props / 配置要点

### DateRangePickerWrapperFormItemProps

- `startName`（必填）：: FormItemNamePath；开始的时间name
- `endName`（必填）：: FormItemNamePath；结束的时间name
- `formListName`（可选）：: Array<string | number>；如果 DateRangePickerWrapperFormItem 在Form.List场景下 必传 @deprecated 使用 formListCompleteName 配置
- `formListCompleteName`（可选）：: Array<string | number> | string；前端 formItem 前缀FormName，当 TimeRangePickerWrapperFormItem 处在Form.List场景下，必传
- `dateRangePickerWrapperProps`（可选）：: DateRangePickerWrapperProps

## 使用规则与行为

- 开始的时间name
- 结束的时间name
- 如果 DateRangePickerWrapperFormItem 在Form.List场景下 必传 @deprecated 使用 formListCompleteName 配置
- 前端 formItem 前缀FormName，当 TimeRangePickerWrapperFormItem 处在Form.List场景下，必传
- 包含了Form.Item组件的时间区间选择组件，时间区间组件可以定义成两个字段操作，不用再通过数组处理

## 基础示例

```tsx
import { DateRangePickerWrapperFormItem, type DateRangePickerWrapperFormItemProps } from '@flatbiz/antd/date-range-picker-wrapper-form-item';

const props: DateRangePickerWrapperFormItemProps = {
  // 按业务传入必要参数
};

<DateRangePickerWrapperFormItem {...props} />;
```

## 源码索引

- `src/date-range-picker-wrapper-form-item/form-item.tsx`
- `src/date-range-picker-wrapper-form-item/index.ts`

## 给 LLM 的注意事项

- 优先使用 `@flatbiz/antd/date-range-picker-wrapper-form-item` 或主入口 `@flatbiz/antd` 的公开导出，不要引用内部实现文件。
- 当 Props 与 antd 原组件同名能力冲突时，以本模块导出的 Props 类型为准。
- 若文档未覆盖某个边缘参数，请读取上方源码索引中的类型定义和 JSDoc。