TimePicker
時刻入力フィールド。ダイアログまたはポップアップで時・分を選択します。
参考: Material Design 3 公式ガイドライン m3.material.io/components/time-pickers/overview
Import
import { TimePicker, ThemeProvider } from '@m3-baseui/react-tailwind';使用例
const [time, setTime] = useState({ hour: 10, minute: 30 });
<TimePicker variant="dial" value={time} onValueChange={setTime} />Props
| Prop | 型 | 既定値 | 説明 |
|---|---|---|---|
value / defaultValue | TimeValue ({ hour: number; minute: number }) | — | 0–23 時・0–59 分 |
onValueChange | (value: TimeValue) => void | — | 変更コールバック |
variant | 'dial' | 'input' | 'dial' | 時計盤 / 数値入力レイアウト |