calendar-09

1"use client"
2 
3import * as React from "react"
4import { type DateRange } from "react-day-picker"
5 
6import { Calendar } from "@/registry/new-york/ui/calendar"
7 
8export default function Calendar09() {
9  const [dateRange, setDateRange] = React.useState<DateRange | undefined>({
10    from: new Date(2025, 5, 17),
11    to: new Date(2025, 5, 20),
12  })
13 
14  return (
15    <Calendar
16      mode="range"
17      defaultMonth={dateRange?.from}
18      selected={dateRange}
19      onSelect={setDateRange}
20      numberOfMonths={2}
21      disabled={{ dayOfWeek: [0, 6] }}
22      className="rounded-lg border shadow-sm"
23      excludeDisabled
24    />
25  )
26}