# time-picker

- 分组：高级 / 可选能力（Advanced / Optional）
- 页面：/components/time-picker
- 源码：packages/react/src/components/time-picker.tsx

## 导出

```ts
import { TimePicker, TimeRangePicker } from "@modra/react";
```

## Props（TimePickerProps）

| 名称 | 必填 | 类型 | 说明 |
| --- | --- | --- | --- |
| `value` | 否 | `string` |  |
| `defaultValue` | 否 | `string` |  |
| `onValueChange` | 否 | `(value: string \| undefined) => void` |  |
| `format` | 否 | `string` |  |
| `use12Hours` | 否 | `boolean` |  |
| `step` | 否 | `number` |  |
| `hourStep` | 否 | `number` |  |
| `minuteStep` | 否 | `number` |  |
| `secondStep` | 否 | `number` |  |
| `showSecond` | 否 | `boolean` | Shows the seconds column. Defaults to whether `format` contains a seconds token, so `format="HH:mm"` gives an hour/minute-only panel. |
| `disabledHours` | 否 | `TimeDisabled` |  |
| `disabledMinutes` | 否 | `(hour: number) => boolean \| number[]` |  |
| `disabledSeconds` | 否 | `(hour: number, minute: number) => boolean \| number[]` |  |
| `open` | 否 | `boolean` |  |
| `onOpenChange` | 否 | `(open: boolean) => void` |  |