如何使用mui datepicker过滤Reactjs中特定日期的起始日期和终止日期

npm install @mui/lab

import { DatePicker } from '@mui/lab';
import AdapterDateFns from '@mui/lab/AdapterDateFns';
import LocalizationProvider from '@mui/lab/LocalizationProvider';

<LocalizationProvider dateAdapter={AdapterDateFns}>
  <DatePicker
    label="选择日期范围"
    value={selectedDate}
    onChange={(newValue) => setSelectedDate(newValue)}
    renderInput={(params) => <TextField {...params} />}
    shouldDisableDate={(date) => {
      // 在这里设置起始日期和终止日期的过滤条件
      const startDate = new Date('2022-01-01');
      const endDate = new Date('2022-12-31');
      return date < startDate || date > endDate;
    }}
  />
</LocalizationProvider>