Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA segmented time field with chips for the times people choose most, such as 9 AM, noon and 5 PM, that mark themselves pressed when the field matches. Use this when most times chosen are round ones and a tap is faster 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 most times chosen are round ones and a tap is faster than typing.
Do not use it for choosing among times that may be taken; use time-slot-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. |
| presets | { label: string; value: string }[] | 9 AM, noon, 3 PM, 5 PM | Chips. |
| minuteStep | number | 15 | Step of the minute segment. |
| hourCycle | 12 | 24 | from locale | Clock. |
aria-pressed; the field keeps all its segment keyboard behaviour.The pattern ships with a Testing Library test (time-field-with-presets.test.tsx) that covers setting from a chip, the pressed state following typing and the 24-hour labels.