Stacked block of scheduled slots with tone-colored rows and a from-to time column.
The import and the props worth knowing about, in one place.
import { Calendar15 } from "@/components/beste/piece/calendar15";
<Calendar15
heading="Thursday"
slots={[
{
"from": "09:00",
"to": "10:00",
"label": "Design review",
"tone": "sky"
},
{
"from": "10:30",
"to": "11:00",
"label": "1:1 with Hania",
"tone": "emerald"
},
{
"from": "13:00",
"to": "14:30",
"label": "Sprint planning",
"tone": "violet"
}
]}
bordered={false}
/>