import React, { useState } from 'react'; import { DatePicker } from 'antd'; import type { Dayjs } from 'dayjs'; const { RangePicker } = DatePicker; type RangeValue = [Dayjs | null, Dayjs | null] | null; const App: React.FC = () => { const [dates, setDates] = useState(null); const [value, setValue] = useState(null); const disabledDate = (current: Dayjs) => { if (!dates) { return false; } const tooLate = dates[0] && current.diff(dates[0], 'days') >= 7; const tooEarly = dates[1] && dates[1].diff(current, 'days') >= 7; return !!tooEarly || !!tooLate; }; const onOpenChange = (open: boolean) => { if (open) { setDates([null, null]); } else { setDates(null); } }; return ( setDates(val)} onChange={(val) => setValue(val)} onOpenChange={onOpenChange} /> ); }; export default App;