Primitive Calendar

A styled date-picker calendar with animated month/day transitions, built for selecting single dates, ranges, or multiple dates in forms and date pickers.

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

"use client";

import * as React from "react";
import BjorkCalendar from "@/components/ui/primitive-calendar";

export default function PrimitiveCalendarDemo() {
  const [date, setDate] = React.useState<Date | undefined>(new Date());

  return <BjorkCalendar mode="single" selected={date} onSelect={setDate} />;
}