Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA large time readout with big minus and plus buttons that move the time by fifteen minutes, wrap around midnight and speak the new time. Use this when a touch user nudges a time up or down and large targets beat tiny segments.
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 touch user nudges a time up or down and large targets beat tiny segments.
Do not use it for typing an exact time; 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. |
| step | number | 15 | Minutes per press. |
| min / max | string | - | Stop at these times instead of wrapping. |
| hourCycle / locale | - | - | Display. |
spinbutton-like group: the buttons are named "Earlier by 15 minutes" and "Later by 15 minutes", Up and Down arrows on the readout do the same, and each change is announced.The pattern ships with a Testing Library test (time-stepper-buttons.test.tsx) that covers stepping, wrapping past midnight, the limits and the keyboard.