calendar-18

1"use client"
2 
3import * as React from "react"
4 
5import { Calendar } from "@/registry/default/ui/calendar"
6 
7export default function Calendar18() {
8  const [date, setDate] = React.useState<Date | undefined>(
9    new Date(2025, 5, 12)
10  )
11 
12  return (
13    <Calendar
14      mode="single"
15      selected={date}
16      onSelect={setDate}
17      className="rounded-lg border [--cell-size:2.75rem] md:[--cell-size:3rem]"
18      buttonVariant="ghost"
19    />
20  )
21}