Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA leave request range that counts only working days, takes out public holidays, compares them with the remaining balance and refuses a request that overdraws it. Use this when leave is taken in days off work and the balance is charged only for working days.
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 leave is taken in days off work and the balance is charged only for working days.
Do not use it for calendar-day ranges; use date-range-field.
It composes date-range-field, date-time-core and button, which the CLI installs for you.
import { TimeOffRequestRange } from "@/components/time-off-request-range"<TimeOffRequestRange
balance={12}
holidays={["2026-12-25"]}
onRequest={(range, days) => submit(range, days)}
/>| Prop | Type | Default | Description |
|---|---|---|---|
| balance | number | - | Days left. |
| holidays | string[] | [] | Public holidays. |
| weekend | number[] | [0, 6] | Non-working weekdays. |
| onRequest | (range: DateRange, days: number) => void | - | Called with the range and the days charged. |
The pattern ships with a Testing Library test (time-off-request-range.test.tsx) that covers the working-day count with holidays, the balance rule and requesting.