Colored month strip on top, a giant day number, and the weekday below.
The import and the props worth knowing about, in one place.
import { Calendar1 } from "@/components/beste/piece/calendar1";
<Calendar1
month="APR"
day="21"
weekday="Tuesday"
tone="destructive"
/>Seven-day strip of bordered day tiles, each showing the weekday, number, and a dot row of event counts.
Month grid where each day prints colored dots beneath the number to hint at event categories on it.
Today
Tue, 12 MayA day view listing time-stamped agenda rows, each with a colored marker and a truncating title.
Today's schedule card with left-ruled event rows colored by accent and a leading start-time column.