About this piece
Booking Confirmed
Meeting-booked card with an emerald check header, when/where/guests rows, and add to calendar plus reschedule.
Usage
The import and the props worth knowing about, in one place.
import { Calendar14 } from "@/components/beste/piece/calendar14";
<Calendar14
title="Discovery call with Kestrel Labs"
when="Thu, Apr 30 · 14:00 – 14:30"
where="Google Meet · meet.beste.co/kestrel"
guests="3 invited"
label="Meeting booked"
tone="neutral"
/>More Calendar pieces
View all CalendarBook a session
Mon12
Tue13
Wed14
Thu15
Fri16
Sat17
Sun18
Pick a day, then a time
Booking Confirm
A week strip where the selection highlight glides to a new day, one of three time slots fills in, and a confirmed row with a check fades in before the flow resets.
Casa Mariposa · LisbonBooking #A-7812-55
ConfirmedCheck-inJun 14 · After 16:00
Check-outJun 18 · Before 11:00
2 guests€736 · 4 nights
Reservation Detail
Reservation card with a status pill, confirmation code, check-in/out split, party size, and total price.
Today · Thu 23 Apr
09:30
Design reviewFigma
11:00
1:1 with MiraMeet
14:30
Ship roomOffice · 4F
Day Agenda
Today's schedule card with left-ruled event rows colored by accent and a leading start-time column.
Pick a room · Thu 14:00 – 14:30
The ArchiveFloor 2 · North
8
Free nowOrbitFloor 3
4
Free from 14:15BoardroomFloor 5 · Executive
12
Booked · next at 16:00Room Picker
Meeting-room chooser where each row shows capacity, video, and an emerald Free or rose Booked pill.
