Today's schedule card with left-ruled event rows colored by accent and a leading start-time column.
The import and the props worth knowing about, in one place.
import { Calendar10 } from "@/components/beste/piece/calendar10";
<Calendar10
surface="card"
bordered={true}
inverted={false}
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.
Compact upcoming-events list with warm gradient day-card tiles on the left and truncated titles.