Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA two-year month grid for choosing the first and last signup month of a cohort, capped at twelve months, with the exact start and end days and the month count. Use this when retention or cohort reports are defined by whole months of signups.
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 retention or cohort reports are defined by whole months of signups.
Do not use it for day-level ranges; use range-calendar.
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 | { from: string; to: string } | null | null | Months as YYYY-MM. |
| onValueChange | (months: MonthRange, days: DateRange) => void | - | The months and the days they cover. |
| maxMonths | number | 12 | Longest cohort window. |
| max | string | - | Latest month (usually the last complete month). |
The pattern ships with a Testing Library test (cohort-month-range.test.tsx) that covers the day range of a month range, the month count and the cap.