'use client'
import React from 'react'
import {
  DatePickerWithRange,
  DatePickerWithRangeProps,
} from '@/components/ui/daterange'
import { addDays, format } from 'date-fns'

function Page() {
  const handleDateChange = (range: DatePickerWithRangeProps | undefined) => {
    console.log('Date range selected:', range)
  }

  return (
    <div>
      <DatePickerWithRange
        initialRange={{ from: new Date(), to: addDays(new Date(), 10) }}
        // onSelect={(e) => console.log("Selected date range:", e)}
        onChange={(e) => console.log(e)}
      />
    </div>
  )
}

export default Page