CalendarInput

Basics

Input with date text (LL, locale from dayjs), a calendar icon and the Calendar.Panel panel in a popover.

tsx

import { CalendarInput } from "~/components/ui/base/calendar-input";

<CalendarInput
  defaultValue="2026-04-12"
  defaultViewMonth="2026-04-01"
  placeholder="e.g. April 12, 2026"
/>

Metadata

Source: meta.generated.json (see npm run generate)

File base/calendar-input/meta.generated.json not found or path not allowed.