Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA duration field that accepts 1h30, 90m, 1.5h, 1:30 and 2d 4h, shows what it understood in words, suggests common durations and keeps the value in minutes. Use this when people log or estimate time.
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 for time tracking, estimates and timers, where people type durations the way they say them and the product needs one number.
Do not use it when people pick a clock time or a date range. Use a time 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 | number \\ | null | - | Minutes (controlled). |
| defaultValue | number \\ | null | null | Initial minutes. |
| onValueChange | (minutes: number \\ | null) => void | - | Runs when the parsed value changes. |
| min | number | 0 | Smallest accepted minutes. |
| max | number | - | Largest accepted minutes. |
| suggestions | number[] | 15, 30, 45, 60, 90, 120, 240, 480 | Minutes offered in the list. |
| label | string | Duration | Visible label. |
combobox with a listbox of common durations; Enter and blur replace the text with the normalised form (1h 30m).1 hour 30 minutes) is a polite role="status"; errors are linked with aria-describedby and set aria-invalid.parseDuration accepts 90, 90m, 1h30, 1h 30m, 1.5h, 1:30, 2d 4h (a day is 24 hours) and rejects negatives and nonsense.min and max is reported, not clamped silently.The pattern ships with a Testing Library test (duration-input-suggestions.test.tsx) that covers parsing the accepted forms, normalising on blur, the echo, limits and the suggestions list.