Compact upcoming-events list with warm gradient day-card tiles on the left and truncated titles.
The import and the props worth knowing about, in one place.
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"
}
]}
bordered={false}
/>