Weekly recurrence card with a repeat icon, time window, highlighted day-of-week pills, and an end date.
New here? Read the installation guide.
import { Calendar9 } from "@/components/beste/piece/calendar9";
<Calendar9
label="Weekly standup"
days={[
"Mon",
"Tue",
"Wed",
"Thu",
"Fri",
"Sat",
"Sun"
]}
activeDays={[
"Tue",
"Thu",
"Fri"
]}
time="09:30 – 09:45"
endsOn="Ends Dec 19, 2026"
/>Today's schedule card with left-ruled event rows colored by accent and a leading start-time column.
Today
Tue, 12 MayA day view listing time-stamped agenda rows, each with a colored marker and a truncating title.
Sun-schedule card with sunrise and sunset mono times flanking a large daylight duration in the center.
Seven-day strip of bordered day tiles, each showing the weekday, number, and a dot row of event counts.