Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProWeek, month, quarter and year to date buttons that show how many days each covers and what the previous matching stretch would be. Use this when a dashboard is read as progress through the current period against the same point last period.
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 dashboard is read as progress through the current period against the same point last period.
Do not use it for complete past periods; use range-presets.
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 |
|---|---|---|---|
| onValueChange | (choice: { id; range; previous }) => void | - | The period to date and the same stretch of the previous period. |
| today | string | today | Reference day. |
| firstDay | number | 1 | First weekday for week to date. |
The pattern ships with a Testing Library test (period-to-date-shortcuts.test.tsx) that covers each period to date, the previous stretch in a short month and the callback.