Horizontal pill combining a relative label, weekday, mono date, and an optional time separated by thin rules.
The import and the props worth knowing about, in one place.
import { Calendar4 } from "@/components/beste/piece/calendar4";
<Calendar4
surface="card"
bordered={true}
inverted={false}
weekday="Thu"
date="Apr 23"
time="14:00"
relative="Today"
/>Compact month summary pill with today tile on the left, a dotted event indicator, and a plus button.
Today's schedule card with left-ruled event rows colored by accent and a leading start-time column.
Appointment picker with a timezone caption and a grid of time pills, one active and a few disabled.