Today
Tue, 12 MayA day view listing time-stamped agenda rows, each with a colored marker and a truncating title.
The import and the props worth knowing about, in one place.
import { Calendar31 } from "@/components/beste/piece/calendar31";
<Calendar31
surface="card"
bordered={false}
inverted={false}
title="Today"
dateLabel="Tue, 12 May"
items={[
{
"time": "09:00",
"title": "New member intake",
"tone": "primary"
},
{
"time": "11:30",
"title": "Care plan review",
"tone": "emerald"
},
{
"time": "14:00",
"title": "Billing sync",
"tone": "amber"
},
{
"time": "16:15",
"title": "Follow-up call",
"tone": "rose"
}
]}
/>