Pieces/Calendar(32)
Calendar pieces from Beste UI, drop-in widgets built with shadcn/ui and Tailwind CSS.
| Piece | Title | Category | Install |
|---|---|---|---|
| calendar32 | Week Availability Strip | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar32 |
| calendar31 | Daily Agenda Card | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar31 |
| calendar30 | Sunrise Sunset | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar30 |
| calendar29 | Month Pill | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar29 |
| calendar28 | Roadmap Timeline | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar28 |
| calendar27 | Meeting Density | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar27 |
| calendar26 | Meeting Start | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar26 |
| calendar25 | Quick Create | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar25 |
| calendar24 | Out Of Office | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar24 |
| calendar23 | Holiday Card | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar23 |
| calendar22 | Upcoming Events | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar22 |
| calendar21 | Reservation Detail | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar21 |
| calendar20 | Reminder List | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar20 |
| calendar19 | Day Planner | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar19 |
| calendar18 | Room Picker | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar18 |
| calendar17 | Timezone Row | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar17 |
| calendar16 | Event Dots Month | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar16 |
| calendar15 | Time Slot List | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar15 |
| calendar14 | Booking Confirmed | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar14 |
| calendar13 | Availability Grid | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar13 |
| calendar12 | Countdown | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar12 |
| calendar11 | Booking Slots | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar11 |
| calendar10 | Day Agenda | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar10 |
| calendar9 | Recurring Schedule | Calendar | npx shadcn add https://ui.beste.co/piece/r/calendar9 |
Pick a day
May6 slots open on Wednesday, from 08:00 to 16:30.
Week Availability Strip
A one-week day picker with seven compact cells, an accent-filled selection, muted fully booked days, and a caption for the chosen day.
Today
Tue, 12 MayDaily Agenda Card
A day view listing time-stamped agenda rows, each with a colored marker and a truncating title.
Sunrise Sunset
Sun-schedule card with sunrise and sunset mono times flanking a large daylight duration in the center.
Month Pill
Compact month summary pill with today tile on the left, a dotted event indicator, and a plus button.
Roadmap Timeline
Quarterly roadmap strip with violet-ringed milestone dots spaced along a rail and labels underneath.
Meeting Density
Month-long sky-shaded heatmap that darkens with meeting load, paired with a quiet-to-packed legend.
AK
NAMeeting Start
Imminent meeting banner with a sky Join button and stacked attendee avatars ringed by RSVP status.
Quick Create
Two-column grid of preset meeting templates, each showing the label and its intended time slot.
Out Of Office
OOO strip where days tint amber for half-days and rose with strikethrough for full out-of-office days.
Holiday Card
Upcoming-holiday strip with a rose book tile, country caption, and a mono date chip on the right.
Upcoming Events
Compact upcoming-events list with warm gradient day-card tiles on the left and truncated titles.
Reservation Detail
Reservation card with a status pill, confirmation code, check-in/out split, party size, and total price.
Reminder List
Upcoming reminders panel with a tone-colored dot per item and a mono due time on the right.
Day Planner
Time-blocked day plan with a start-time gutter and color-coded focus, meeting, break, and admin blocks.
Room Picker
Meeting-room chooser where each row shows capacity, video, and an emerald Free or rose Booked pill.
Timezone Row
World-clock card listing city and zone next to the local time, with an emerald Local pill on your row.
Event Dots Month
Month grid where each day prints colored dots beneath the number to hint at event categories on it.
Time Slot List
Stacked block of scheduled slots with tone-colored left rails and a from-to mono time column.
Booking Confirmed
Meeting-booked card with an emerald check header, when/where/guests rows, and add to calendar plus reschedule.
Availability Grid
Day-over-hour heatmap with rose busy cells against muted free slots and a simple busy/free legend.
Countdown
Launch-countdown card with an amber icon, target date, and four ring-bordered time-unit tiles.
Booking Slots
Appointment picker with a timezone caption and a grid of time pills, one active and a few disabled.