# date-range-picker-wrapper LLMs.txt

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

## 模块定位

DatePicker.RangePicker包装组件

## 导入方式

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

## 公开导出

- `DateRangePickerWrapper` - DatePicker.RangePicker包装组件
- `* from ./date-range-picker-wrapper.jsx`
- `DateRangePickerWrapperProps`

## 依赖的 antd 能力

`DatePicker`、`GetProps`

## Props / 配置要点

### DateRangePickerType

- 声明：`type DateRangePickerType = GetProps<typeof DatePicker.RangePicker>; // BaseSelectRef`

### DateRangePickerWrapperProps

- `value`（可选）：: [string, string]
- `onChange`（可选）：: (value?: [string, string]) => void
- `disabledDateConfig`（可选）：: { minDate?: TDayjsDateType; maxDate?: TDayjsDateType; maxDays?: number; disabledHourList?: number[]; disabledMinuteList?: number[]; disabledSecondList?: numb…；1. minDate、maxDate 与 format格式相同；默认：YYYY-MM-DD 2. maxDays 最大可选的天数
- `format`（可选）：: TDayjsDateType
- `outputNormalize`（可选）：: (value: [string, string]) => TAny；value 输出适配
- `inputNormalize`（可选）：: (value?: TAny) => [string, string] | undefined；value 输入适配

## 使用规则与行为

- DatePicker.RangePicker包装组件
- 1. minDate、maxDate 与 format格式相同；默认：YYYY-MM-DD 2. maxDays 最大可选的天数
- 禁用 小时 刻度列表，与日期无关
- 禁用 分钟 刻度列表，与日期无关
- 禁用 秒钟 刻度列表，与日期无关
- value 输出适配
- value 输入适配

## 基础示例

```tsx
import { DateRangePickerWrapper, type DateRangePickerWrapperProps } from '@flatbiz/antd/date-range-picker-wrapper';

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

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

## 源码索引

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

## 给 LLM 的注意事项

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