Month header above a 7-column grid of day numbers. Today pops with foreground, highlights tint sky.
New here? Read the installation guide.
import { Calendar2 } from "@/components/beste/piece/calendar2";
<Calendar2
month="April"
year={2026}
startWeekday={2}
daysInMonth={30}
today={21}
highlights={[
7,
14,
28
]}
weekdays={[
"M",
"T",
"W",
"T",
"F",
"S",
"S"
]}
/>Compact month grid with weekday abbreviations and a filled primary tile marking today.
Month grid where each day prints colored dots beneath the number to hint at event categories on it.
Compact month summary pill with today tile on the left, a dotted event indicator, and a plus button.