如何从react日期范围选择器中删除输入范围？

import React, { useState } from 'react';
import { DateRangePicker } from 'react-dates';
import 'react-dates/lib/css/_datepicker.css';

const MyComponent = () => {
  const [selectedRange, setSelectedRange] = useState(null);

  const handleDeleteRange = () => {
    setSelectedRange(null);
  };

  return (
    <div>
      <DateRangePicker
        startDate={selectedRange ? selectedRange.startDate : null}
        endDate={selectedRange ? selectedRange.endDate : null}
        onDatesChange={({ startDate, endDate }) =>
          setSelectedRange({ startDate, endDate })
        }
        focusedInput={focusedInput}
        onFocusChange={(focusedInput) => setFocusedInput(focusedInput)}
      />
      <button onClick={handleDeleteRange}>删除日期范围</button>
    </div>
  );
};

export default MyComponent;