18Switch language to العربية

Calendar

PreviousNext

An interactive calendar card component for date selection and display.

import { CardsCalendar } from "@/components/atom/calendar"

// Cards read their copy from the site dictionary; the demo passes an empty one.
const dictionary = { locale: "en", cards: {} } as any

export default function CalendarDemo() {
  return (
    <>
      <CardsCalendar dictionary={dictionary} />
    </>
  )
}

Installation

pnpm dlx shadcn@latest add @codebase/calendar

Usage

import { CardsCalendar } from "@/components/atom/calendar"
<CardsCalendar />