Calendar14() — ui Function Reference

Architecture documentation for the Calendar14() function in calendar-14.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ Calendar14() — ui Function Reference

Dependency Diagram

graph TD
  f2d34352_b1bb_3041_b4bf_05ba2884aa34["Calendar14()"]
  62b263f3_e7e2_15cd_448a_8690da36bc88["calendar-14.tsx"]
  f2d34352_b1bb_3041_b4bf_05ba2884aa34 -->|defined in| 62b263f3_e7e2_15cd_448a_8690da36bc88
  style f2d34352_b1bb_3041_b4bf_05ba2884aa34 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/__registry__/new-york/blocks/calendar-14.tsx lines 7–32

export default function Calendar14() {
  const [date, setDate] = React.useState<Date | undefined>(
    new Date(2025, 5, 12)
  )
  const bookedDates = Array.from(
    { length: 12 },
    (_, i) => new Date(2025, 5, 15 + i)
  )

  return (
    <Calendar
      mode="single"
      defaultMonth={date}
      selected={date}
      onSelect={setDate}
      disabled={bookedDates}
      modifiers={{
        booked: bookedDates,
      }}
      modifiersClassNames={{
        booked: "[&>button]:line-through opacity-100",
      }}
      className="rounded-lg border shadow-sm"
    />
  )
}