Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA time picker made of two native selects for hour and minute on a step grid, with the time in the locale's format on the trigger and Apply, Clear and Escape.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use this for reminders, meetings and opening hours where times are round.
Do not use it for exact timestamps (use a time field), or for durations.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | - | 24-hour "HH:MM" or empty. |
onValueChange | (value: string) => void | - | Called on Apply or Clear. |
step | number | 15 | Minute step. |
label, locale | string | Time, en-US | Trigger label and formatting. |
Intl.DateTimeFormat; the selects are labelled Hour and Minute.step (15 by default), so times always land on the grid.| Key | Action |
|---|---|
| Tab | Hour, Minute, Clear, Apply |
| Enter | applies |
| Escape | cancels |
The pattern ships a Testing Library test (popover-time-simple.test.tsx) that covers the locale format, the open state, applying, the minute grid, clearing and Escape.