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
  9345b1fc_27a3_de03_4f3a_060e12451dfb["Calendar14()"]
  c146c58f_f9c4_ac15_8c10_bddacf8bbf42["calendar-14.tsx"]
  9345b1fc_27a3_de03_4f3a_060e12451dfb -->|defined in| c146c58f_f9c4_ac15_8c10_bddacf8bbf42
  style 9345b1fc_27a3_de03_4f3a_060e12451dfb 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"
    />
  )
}