Quick Create

Two-column grid of preset meeting templates, each showing the label and its intended time slot.

Quick create

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

Import & use

import { Calendar25 } from "@/components/beste/piece/calendar25";

<Calendar25
  heading="Quick create"
  quickItems={[
    {
      "label": "15-min check-in",
      "time": "Today · 15:00"
    },
    {
      "label": "30-min 1:1",
      "time": "Today · 16:30"
    },
    {
      "label": "Focus block",
      "time": "Tomorrow · 09:00"
    },
    {
      "label": "All-day review",
      "time": "Fri · All day"
    }
  ]}
/>