Today's schedule card with left-ruled event rows colored by accent and a leading start-time column.
New here? Read the installation guide.
import { Calendar10 } from "@/components/beste/piece/calendar10";
<Calendar10
heading="Today · Thu 23 Apr"
items={[
{
"time": "09:30",
"title": "Design review",
"location": "Figma",
"accent": "sky"
},
{
"time": "11:00",
"title": "1:1 with Mira",
"location": "Meet",
"accent": "emerald"
},
{
"time": "14:30",
"title": "Ship room",
"location": "Office · 4F",
"accent": "violet"
}
]}
/>Today
Tue, 12 MayA day view listing time-stamped agenda rows, each with a colored marker and a truncating title.
Stacked block of scheduled slots with tone-colored left rails and a from-to mono time column.
Time-blocked day plan with a start-time gutter and color-coded focus, meeting, break, and admin blocks.