Launch-countdown card with an amber icon, target date, and four ring-bordered time-unit tiles.
New here? Read the installation guide.
import { Calendar12 } from "@/components/beste/piece/calendar12";
<Calendar12
label="Launch countdown"
targetDate="May 1, 2026 · 09:00 UTC"
days={8}
hours={11}
minutes={42}
seconds={7}
tone="neutral"
/>Today's schedule card with left-ruled event rows colored by accent and a leading start-time column.
Weekly recurrence card with a repeat icon, time window, highlighted day-of-week pills, and an end date.
Stacked block of scheduled slots with tone-colored left rails and a from-to mono time column.
Compact upcoming-events list with warm gradient day-card tiles on the left and truncated titles.