需要在Antd Datepicker中编辑时刻以显示月份的全名

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

const { MonthPicker } = DatePicker;

const CustomDatePicker = () => {
  const [selectedDate, setSelectedDate] = useState(null);

  const renderExtraFooter = () => {
    if (selectedDate) {
      const monthFullName = selectedDate.format('MMMM');
      return <div>{monthFullName}</div>;
    }
    return null;
  };

  const handleDateChange = (date) => {
    setSelectedDate(date);
  };

  return (
    <MonthPicker
      renderExtraFooter={renderExtraFooter}
      onChange={handleDateChange}
    />
  );
};

export default CustomDatePicker;