Calendar3

1"use client";
2 
3import * as React from "react";
4import { Calendar } from "@/ui/calendar";
5 
6type DateRange = {
7  from: Date | undefined;
8  to?: Date | undefined;
9};
10 
11export default function Calendar3() {
12  const [date, setDate] = React.useState<DateRange | undefined>({
13    from: new Date(),
14    to: new Date(new Date().setDate(new Date().getDate() + 10)),
15  });
16 
17  return (
18    <Calendar
19      mode="range"
20      selected={date}
21      onSelect={setDate}
22      className="rounded-md border"
23    />
24  );
25}