Desk-calendar page with binder dots on top, a dashed weekday header, big red day, and year footer.
New here? Read the installation guide.
import { Calendar7 } from "@/components/beste/piece/calendar7";
<Calendar7
weekday="Thursday"
day="23"
month="April"
year="2026"
subtitle="Day 113 of the year"
/>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.
Time-blocked day plan with a start-time gutter and color-coded focus, meeting, break, and admin blocks.