Roadmap Timeline

Quarterly roadmap strip with violet-ringed milestone dots spaced along a rail and labels underneath.

Q2 · roadmap
KickoffApr 01
Design freezeMay 06
BetaMay 27
GA launchJun 17

New here? Read the installation guide.

Import & use
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"
    }
  ]}
/>

More Calendar pieces

View all Calendar
April 2026
MTWTFSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

Event Dots Month

Month grid where each day prints colored dots beneath the number to hint at event categories on it.

Apr 20 – Apr 26
Mon20
Tue21
Wed22
Thu23
Fri24
Sat25
Sun26

Week Strip

Seven-day strip of bordered day tiles, each showing the weekday, number, and a dot row of event counts.

APR
21Tuesday

Calendar Day

Colored month strip on top, a giant day number, and the weekday below.

Upcoming reminders
Pay estimated taxThu, Apr 24 · 17:00
Annual review prepFri, Apr 25 · 09:00
Call parentsSat, Apr 26 · 11:00
Yoga classSun, Apr 27 · 08:00

Reminder List

Upcoming reminders panel with a tone-colored dot per item and a mono due time on the right.

Weekly standup09:30 – 09:45
MTWTFSS
Ends Dec 19, 2026

Recurring Schedule

Weekly recurrence card with a repeat icon, time window, highlighted day-of-week pills, and an end date.

Thursday · 23 Apr
09:0010:00
Focus block · Design review
10:3011:00
1:1 with Mira
13:0014:30
Sprint planning
16:0016:30
Coffee with Jules

Time Slot List

Stacked block of scheduled slots with tone-colored left rails and a from-to mono time column.

Markdown version