Time Picker
TimePicker provides time-only selection for common scheduling workflows.
Installation
pnpm --filter @hoag/ui buildUsage
import { TimePicker } from "@hoag/ui/time-picker";
<TimePicker value="08:30" onChange={(time) => console.log(time)} />;Examples
Basic
<TimePicker value="08:30" />12-hour mode
<TimePicker use12HourFormat value="02:15 PM" />API Reference
| Prop | Type | Description |
|---|---|---|
value | string | Controlled time value. |
onChange | (value?: string) => void | Callback when time changes. |
use12HourFormat | boolean | Render 12-hour format. |
disabled | boolean | Disable the picker. |