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