# date-time-picker

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

## 导出

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

## Props（DateTimePickerProps）

| 名称 | 必填 | 类型 | 说明 |
| --- | --- | --- | --- |
| `value` | 否 | `Date` |  |
| `defaultValue` | 否 | `Date` |  |
| `onValueChange` | 否 | `(value: Date \| undefined) => void` |  |
| `timeZone` | 否 | `string` | IANA timezone used for the calendar and clock wall time (for example, `America/New_York`). |
| `dateFormat` | 否 | `string` |  |
| `timeFormat` | 否 | `string` |  |
| `use12Hours` | 否 | `boolean` |  |
| `hourStep` | 否 | `number` | Step options of the time columns (for example `minuteStep={15}`). |
| `minuteStep` | 否 | `number` |  |
| `secondStep` | 否 | `number` |  |
| `showSecond` | 否 | `boolean` | Shows the seconds column; defaults to whether `timeFormat` has a seconds token. |
| `disabled` | 否 | `boolean` |  |
| `dateDisabled` | 否 | `boolean \| Matcher \| Matcher[]` |  |
| `placeholder` | 否 | `string` |  |
| `className` | 否 | `string` |  |
| `data-form-control` | 否 | `boolean \| string` | Internal marker applied by FormControl for status styling. |
| `children` | 否 | `React.ReactNode` |  |