Recurring Schedule

Weekly recurrence card with a repeat icon, time window, highlighted day-of-week pills, and an end date.

Weekly standup09:30 – 09:45

MTWTFSS

Ends Dec 19, 2026

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

Import & use

import { Calendar9 } from "@/components/beste/piece/calendar9";

<Calendar9
  label="Weekly standup"
  days={[
    "Mon",
    "Tue",
    "Wed",
    "Thu",
    "Fri",
    "Sat",
    "Sun"
  ]}
  activeDays={[
    "Tue",
    "Thu",
    "Fri"
  ]}
  time="09:30 – 09:45"
  endsOn="Ends Dec 19, 2026"
/>