Calendar Right Navigation

A single-date calendar card with month navigation (previous/next) controls placed on the right side of a compact header, for picking a date in forms and scheduling UIs.

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

import CalendarRightNavigation from "@/components/ui/calendar-right-navigation";

export default function CalendarRightNavigationDemo() {
  return (
    <div className="flex w-full items-center justify-center p-8">
      <CalendarRightNavigation />
    </div>
  );
}