Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA list of staff shifts for a day checked against the number of people needed each hour, reporting the hours that are short and the ones that are over-staffed. Use this when a manager builds a day's roster and must see where cover is missing.
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 manager builds a day's roster and must see where cover is missing.
Do not use it for one person's hours; 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 |
|---|---|---|---|
| required | number | 2 | People needed in every open hour. |
| open / close | string | 08:00 / 20:00 | Opening hours. |
| value / defaultValue | { name: string; shift: { start; end } }[] | - | The roster. |
| onValueChange | (roster, gaps: Gap[]) => void | - | Roster and the short ranges. |
The pattern ships with a Testing Library test (shift-coverage-gaps.test.tsx) that covers the hourly counts, merging adjacent short hours into ranges and reporting.