Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA calendar where a horizontal swipe changes the month, with the same buttons and keys as a fallback, ignoring mostly vertical gestures so the page can still scroll. Use this when a calendar is used with a thumb and swiping between months is expected.
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 calendar is used with a thumb and swiping between months is expected.
Do not use it where a swipe would fight with another gesture; use calendar-grid.
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 | null | ISO date. |
| swipeDistance | number | 60 | Pixels a swipe needs to change the month. |
| today / locale | - | - | Reference day and locale. |
The pattern ships with a Testing Library test (swipeable-month-calendar.test.tsx) that covers left and right swipes, a vertical gesture being ignored, a short swipe and RTL.