About
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.
Code
How Calendar is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { enUS } from 'date-fns/locale'
import { Component } from "@/components/ui/calendar";
export default function DemoTwo() {
return <Component locale={enUS} numberOfMonths={2} />;
}