Calendar

An alternative to the Calendar on shadcn. Features animations when switching months. Displays multiple months side by side. Includes a date click event.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Calendar to your project and fits it to your theme.

import { enUS } from 'date-fns/locale'
import { Component } from "@/components/ui/calendar";

export default function DemoOne() {
  return <Component locale={enUS} />;
}