Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA shift start and end that may pass midnight, an unpaid break length, and a computed paid-hours total with a warning when a long shift has no break. Use this when pay and labour rules depend on hours worked after the break.
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 pay and labour rules depend on hours worked after the break.
Do not use it for meetings; use time-range-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 | { shift: { start; end } | null; breakMinutes: number } | empty, 30 | Shift and unpaid break. |
| onValueChange | (value, paidMinutes: number | null) => void | - | Paid minutes. |
| breakAfterMinutes | number | 360 | A shift this long needs a break. |
| minBreakMinutes | number | 30 | Required break for such a shift. |
The pattern ships with a Testing Library test (shift-time-range-with-break.test.tsx) that covers paid hours including overnight, the break rule and the callback.