Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA date range that is described as total days, whole weeks and days, weekends, working days after holidays, ISO weeks touched and calendar months touched. Use this when a plan, lease or project needs its length in the units different people use.
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 plan, lease or project needs its length in the units different people use.
Do not use it just to pick a range; use date-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 / onValueChange | { from: string; to: string } | null | null | The range. |
| holidays | string[] | [] | Non-working dates. |
| locale | string | browser | Number and date format. |
The pattern ships with a Testing Library test (date-range-duration-summary.test.tsx) that covers the figures for ordinary, single-day and multi-month ranges, with holidays.