Horizontal pill combining a relative label, weekday, 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={false}
inverted={false}
weekday="Thu"
date="Apr 23"
time="14:00"
relative="Today"
/>