# date-range-picker

- 分组：组合组件（Composite）
- 页面：/components/date-range-picker
- 源码：packages/react/src/components/date-range-picker.tsx

## 导出

```ts
import { DateRangePicker } from "@modra/react";
```

## Props（DateRangePickerProps）

| 名称 | 必填 | 类型 | 说明 |
| --- | --- | --- | --- |
| `value` | 否 | `DateRange` |  |
| `defaultValue` | 否 | `DateRange` |  |
| `onValueChange` | 否 | `(value: DateRange \| undefined) => void` |  |
| `disabled` | 否 | `boolean \| Matcher \| Matcher[]` |  |
| `placeholder` | 否 | `string` |  |
| `locale` | 否 | `Locale` |  |
| `format` | 否 | `string` |  |
| `presets` | 否 | `DateRangePickerPreset[]` |  |
| `onPresetSelect` | 否 | `(preset: DateRangePickerPreset, value: DateRange) => void` |  |
| `className` | 否 | `string` |  |
| `calendarClassName` | 否 | `string` |  |