Calendar Day

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

APR

21Tuesday

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Calendar1 } from "@/components/beste/piece/calendar1";

<Calendar1
  month="APR"
  day="21"
  weekday="Tuesday"
  tone="destructive"
/>