Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA quarter picker that states the start and end dates, how many days have passed and how many are left, with a progress bar for the current quarter. Use this when goals, OKRs or budgets run by the quarter and people need to know how far through it they are.
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 goals, OKRs or budgets run by the quarter and people need to know how far through it they are.
Do not use it for fiscal years that do not start in January; use fiscal-quarter-picker.
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 | string | null | current quarter | YYYY-Qn. |
| today / locale | - | - | Reference day and locale. |
progressbar with aria-valuenow, aria-valuemin, aria-valuemax and a text value ("Day 25 of 92"); future and past quarters say so in words.The pattern ships with a Testing Library test (quarter-goal-period-selector.test.tsx) that covers progress in the current, a past and a future quarter.