Two-column grid of preset meeting templates, each showing the label and its intended time slot.
New here? Read the installation guide.
import { Calendar25 } from "@/components/beste/piece/calendar25";
<Calendar25
heading="Quick create"
quickItems={[
{
"label": "15-min check-in",
"time": "Today · 15:00"
},
{
"label": "30-min 1:1",
"time": "Today · 16:30"
},
{
"label": "Focus block",
"time": "Tomorrow · 09:00"
},
{
"label": "All-day review",
"time": "Fri · All day"
}
]}
/>Compact month grid with weekday abbreviations and a filled primary tile marking today.
Stacked block of scheduled slots with tone-colored left rails and a from-to mono time column.
Day-over-hour heatmap with rose busy cells against muted free slots and a simple busy/free legend.
Today's schedule card with left-ruled event rows colored by accent and a leading start-time column.