Month header above a 7-column grid of day numbers. Today pops with foreground, highlights tint sky.
The import and the props worth knowing about, in one place.
import { Calendar2 } from "@/components/beste/piece/calendar2";
<Calendar2
surface="card"
bordered={true}
inverted={false}
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.
Month grid with a tinted range band, solid start and end chips, and a nights chip in the header.