Upcoming Events

Compact upcoming-events list with warm gradient day-card tiles on the left and truncated titles.

Coming up
1May
Project Horizon launch
12May
Team offsite · Bodrum
19May
Product review
23May
Design + Eng sync

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

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