Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProClock-in and clock-out times with a Now button on each, rounding to the nearest quarter hour and a worked-time total that handles a shift past midnight. Use this when a person records when they started and stopped and the clock should help.
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 person records when they started and stopped and the clock should help.
Do not use it for planned shifts; use shift-time-range-with-break.
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 | { inAt: string | null; outAt: string | null } | empty | HH:mm. |
| roundTo | number | 15 | Minutes to round Now to; 1 turns rounding off. |
| now | string | clock | Local time used by Now. |
| onValueChange | (value, worked: number | null) => void | - | Minutes worked. |
The pattern ships with a Testing Library test (punch-clock-time-entry.test.tsx) that covers rounding, overnight work, the Now buttons and the total.