Calendar With Date Input

A single-date calendar paired with a date input field that stay in sync, letting users pick a day or type it directly.

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

import Calendar13 from "@/components/ui/calendar-13";

export default function Default() {
  return (
    <div className="flex min-h-svh items-center justify-center p-6">
      <Calendar13 />
    </div>
  );
}