Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA field-style button that opens a bottom drawer with a time drum, Done and Cancel, where scrolling changes a draft and only Done updates the form. Use this when a phone form asks for a time and the wheel should not change the field until the person confirms.
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 form asks for a time and the wheel should not change the field until the person confirms.
Do not use it for dates; use bottom-sheet-date-picker.
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 | null | null | HH:mm; called on Done. |
| hourCycle | 12 | 24 | from locale | Clock. |
| minuteStep | number | 5 | Minutes between rows. |
| placeholder / title | string | Select a time / Choose a time | Texts. |
The pattern ships with a Testing Library test (bottom-sheet-time-wheel.test.tsx) that covers the draft staying private until Done, Cancel and the formatted trigger.