Tear Off Page

Desk-calendar page with binder dots on top, a dashed weekday header, big red day, and year footer.

Thursday
23April2026
Day 113 of the year

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

Import & use
import { Calendar7 } from "@/components/beste/piece/calendar7";

<Calendar7
  weekday="Thursday"
  day="23"
  month="April"
  year="2026"
  subtitle="Day 113 of the year"
/>