Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProHour and minute drums for a length of time, such as a timer or an estimate, that report an ISO 8601 duration and a spoken length. Use this when a phone user sets a timer or a length and a drum fits better than typing numbers.
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 timer or a length and a drum fits better than typing numbers.
Do not use it for long durations in days; use duration-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 | PT30M | ISO duration. |
| maxHours | number | 23 | Largest hour value. |
| minuteStep | number | 5 | Minutes between rows. |
| locale | string | browser | Language of the spoken length. |
The pattern ships with a Testing Library test (wheel-duration-picker.test.tsx) that covers ISO round trip, the step, the spoken length and zero.