mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-16 01:29:11 +08:00
25 lines
634 B
TypeScript
25 lines
634 B
TypeScript
import React, { useState } from 'react';
|
|
import { DatePicker } from 'antd';
|
|
import type { DatePickerProps } from 'antd';
|
|
import type { Dayjs } from 'dayjs';
|
|
|
|
const { RangePicker } = DatePicker;
|
|
|
|
type RangeValue = [Dayjs | null, Dayjs | null] | null;
|
|
|
|
const App: React.FC = () => {
|
|
const [value, setValue] = useState<RangeValue>(null);
|
|
|
|
const disabledDate: DatePickerProps['disabledDate'] = (current, { from }) => {
|
|
if (from) {
|
|
return Math.abs(current.diff(from, 'days')) >= 7;
|
|
}
|
|
|
|
return false;
|
|
};
|
|
|
|
return <RangePicker value={value} disabledDate={disabledDate} onChange={setValue} />;
|
|
};
|
|
|
|
export default App;
|