Calendar

'use client'

const [date, setDate] = useState<Date | undefined>(new Date())
 
<Calendar
  mode="single"
  selected={date}
  onSelect={setDate}
/>

const [range, setRange] = useState<DateRange | undefined>()
 
<Calendar
  mode="range"
  selected={range}
  onSelect={setRange}
/>

const [dates, setDates] = useState<Date[] | undefined>([])
 
<Calendar
  mode="multiple"
  selected={dates}
  onSelect={setDates}
/>