Date Pill

Horizontal pill combining a relative label, weekday, mono date, and an optional time separated by thin rules.

TodayThuApr 2314:00

Import & use

import { Calendar4 } from "@/components/beste/piece/calendar4";

<Calendar4
  weekday="Thu"
  date="Apr 23"
  time="14:00"
  relative="Today"
/>

More Calendar pieces

View all Calendar

12May· Monday

Month Pill

Compact month summary pill with today tile on the left, a dotted event indicator, and a plus button.

APR

21Tuesday

Calendar Day

Colored month strip on top, a giant day number, and the weekday below.

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.

Book a 30-minute callThursday, Apr 23 · Europe/Istanbul (UTC+3)

Booking Slots

Appointment picker with a timezone caption and a grid of time pills, one active and a few disabled.

Mon · Apr 27