Quick Create

Quick create
About this piece

Quick Create

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

Usage

The import and the props worth knowing about, in one place.

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": "Friday"
    }
  ]}
  bordered={false}
/>

More Calendar pieces

View all Calendar
Thursday
09:0010:00
Design review
10:3011:00
1:1 with Hania
13:0014:30
Sprint planning
April 2026
MTWTFSS
Availability
091011121314151617MonTueWedThuFri
Today
09:30
Design review
11:00
1:1 with Hania
14:30
Ship room

Today

Tue, 12 May
09:00New member intake
11:30Care plan review
14:00Billing sync
16:15Follow-up call
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