calendar-14

1"use client"
2 
3import * as React from "react"
4 
5import { Calendar } from "@/registry/new-york/ui/calendar"
6 
7export default function Calendar14() {
8  const [date, setDate] = React.useState<Date | undefined>(
9    new Date(2025, 5, 12)
10  )
11  const bookedDates = Array.from(
12    { length: 12 },
13    (_, i) => new Date(2025, 5, 15 + i)
14  )
15 
16  return (
17    <Calendar
18      mode="single"
19      defaultMonth={date}
20      selected={date}
21      onSelect={setDate}
22      disabled={bookedDates}
23      modifiers={{
24        booked: bookedDates,
25      }}
26      modifiersClassNames={{
27        booked: "[&>button]:line-through opacity-100",
28      }}
29      className="rounded-lg border shadow-sm"
30    />
31  )
32}