Quarterly roadmap strip with violet-ringed milestone dots spaced along a rail and labels underneath.
New here? Read the installation guide.
import { Calendar28 } from "@/components/beste/piece/calendar28";
<Calendar28
quarter="Q2 · roadmap"
milestones={[
{
"label": "Kickoff",
"when": "Apr 01"
},
{
"label": "Design freeze",
"when": "May 06"
},
{
"label": "Beta",
"when": "May 27"
},
{
"label": "GA launch",
"when": "Jun 17"
}
]}
/>Month grid where each day prints colored dots beneath the number to hint at event categories on it.
Seven-day strip of bordered day tiles, each showing the weekday, number, and a dot row of event counts.
Upcoming reminders panel with a tone-colored dot per item and a mono due time on the right.