Date Range Picker

import { DateRangePicker } from "@/components/ui/date-range-picker";
import type { DateRange } from "react-day-picker";

const [range, setRange] = useState<DateRange | undefined>();

<DateRangePicker
  value={range}
  onChange={setRange}
  placeholder="Pick a date range"
  numberOfMonths={2}
  disableFuture       // 미래 차단 (보고서 기간)
  // disablePast      // 과거 차단 (예약)
/>

// 결과
// range.from → Date | undefined
// range.to   → Date | undefined