Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProAn iOS-style drum for the time of day with looping hour and minute columns and an AM or PM column for 12-hour locales, giving an HH:mm value. Use this when a phone user sets a time and a drum is faster and friendlier than typing.
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 it when a phone user sets a time and a drum is faster and friendlier than typing.
Do not use it on desktop forms where typing is faster; use time-field.
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 / defaultValue / onValueChange | string | 09:00 | HH:mm. |
| hourCycle | 12 | 24 | from locale | Adds an AM or PM column for 12. |
| minuteStep | number | 1 | Minutes between rows (5 gives 00, 05, 10). |
| locale / label | - | - | Day period labels and accessible name. |
listbox (arrow keys, typeahead, Home and End); looping repeats are hidden from assistive technology; smooth scrolling stops under reduced motion.The pattern ships with a Testing Library test (wheel-time-picker.test.tsx) that covers the conversion both ways around noon and midnight, the columns and changing a column.