calendar-03

1"use client"
2 
3import * as React from "react"
4 
5import { Calendar } from "@/registry/default/ui/calendar"
6 
7export default function Calendar03() {
8  const [dates, setDates] = React.useState<Date[]>([
9    new Date(2025, 5, 12),
10    new Date(2025, 6, 24),
11  ])
12 
13  return (
14    <Calendar
15      mode="multiple"
16      numberOfMonths={2}
17      defaultMonth={dates[0]}
18      required
19      selected={dates}
20      onSelect={setDates}
21      max={5}
22      className="rounded-lg border shadow-sm"
23    />
24  )
25}