Month-long sky-shaded heatmap that darkens with meeting load, paired with a quiet-to-packed legend.
New here? Read the installation guide.
import { Calendar27 } from "@/components/beste/piece/calendar27";
<Calendar27
label="This week · meetings"
days={[
{
"label": "Mon",
"count": 3
},
{
"label": "Tue",
"count": 5
},
{
"label": "Wed",
"count": 4
},
{
"label": "Thu",
"count": 7
},
{
"label": "Fri",
"count": 4
}
]}
max={8}
/>Day-over-hour heatmap with rose busy cells against muted free slots and a simple busy/free legend.
GitHub-style contribution grid with five emerald intensity steps, a caption, and a Less/More legend.
Imminent meeting banner with a sky Join button and stacked attendee avatars ringed by RSVP status.
Month grid where each day prints colored dots beneath the number to hint at event categories on it.