Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA calendar with dots under public holidays and a list of the holidays in the visible month, read from the day you focus or pick. Use this when planners need to see which days are public holidays before choosing dates.
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 planners need to see which days are public holidays before choosing dates.
Do not use it as an event calendar with times; use calendar-month-view.
It composes calendar-grid and date-time-core, which the CLI installs for you.
import { HolidayCalendarMarkers } from "@/components/holiday-calendar-markers"<HolidayCalendarMarkers holidays={{ "2026-12-25": "Christmas Day" }} />| Prop | Type | Default | Description |
|---|---|---|---|
| holidays | Record<string, string> | - | ISO date to holiday name. |
| value / defaultValue / onValueChange | string | null | null | Picked day. |
| today / locale | - | - | Reference day and locale. |
The pattern ships with a Testing Library test (holiday-calendar-markers.test.tsx) that covers the month list, dots, picking a holiday and changing month.