Compact upcoming-events list with warm gradient day-card tiles on the left and truncated titles.
New here? Read the installation guide.
import { Calendar22 } from "@/components/beste/piece/calendar22";
<Calendar22
label="Coming up"
upcoming={[
{
"label": "Project Horizon launch",
"date": "May 1"
},
{
"label": "Team offsite · Bodrum",
"date": "May 12"
},
{
"label": "Product review",
"date": "May 19"
},
{
"label": "Design + Eng sync",
"date": "May 23"
}
]}
/>Today's schedule card with left-ruled event rows colored by accent and a leading start-time column.
Upcoming-holiday strip with a rose book tile, country caption, and a mono date chip on the right.
Today
Tue, 12 MayA day view listing time-stamped agenda rows, each with a colored marker and a truncating title.
Compact month grid with weekday abbreviations and a filled primary tile marking today.