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={false}
inverted={false}
month="April"
year={2026}
startWeekday={2}
daysInMonth={30}
today={21}
highlights={[
7,
14,
28
]}
weekdays={[
"M",
"T",
"W",
"T",
"F",
"S",
"S"
]}
/>