如何创建range datePicker，如图所示

import React, { useState } from 'react';
import { DatePicker } from 'antd';

const RangeDatePicker = () => {
  const [startDate, setStartDate] = useState(null);
  const [endDate, setEndDate] = useState(null);

  const handleStartDateChange = (date) => {
    setStartDate(date);
  };

  const handleEndDateChange = (date) => {
    setEndDate(date);
  };

  return (
    <div>
      <DatePicker.RangePicker
        value={[startDate, endDate]}
        onChange={([start, end]) => {
          handleStartDateChange(start);
          handleEndDateChange(end);
        }}
      />
    </div>
  );
};

export default RangeDatePicker;