Mini Calendar Days 1 - Seven day range, a shadcn block by @shadcnblocks · shadcn.exchange

Mini Calendar Days 1 - Seven day range, a shadcn block by @shadcnblocks · shadcn.exchange

example/mini-calendar/mini-calendar-days-1.tsx

"use client";

import {
  MiniCalendar,
  MiniCalendarDay,
  MiniCalendarDays,
} from "@/components/kibo-ui/mini-calendar";

export const title = "Seven day range";

const Example = () => (
  <div className="w-full max-w-md">
    <MiniCalendar days={7}>
      <MiniCalendarDays>
        {(date) => <MiniCalendarDay date={date} key={date.toISOString()} />}
      </MiniCalendarDays>
    </MiniCalendar>
  </div>
);

export default Example;