Необходимо отредактировать момент в Antd Datepicker для отображения полного названия месяца

Question

Я использую компонент DatePicker из Antd и пытаюсь отредактировать функцию Moment, отвечающую за обработку названия месяца.

На данный момент мой компонент отображает сокращенное имя, но я пытаюсь изменить его на формат MMMM, чтобы отображалось полное имя месяца.

Кто-нибудь знает, как это сделать и возможно ли это на уровне компонентов?

My Component

import React from "react";
import ReactDOM from "react-dom";
import "antd/dist/antd.css";
import "./index.css";
import { DatePicker, Row, Col } from "antd";

function onChange(value, dateString) {
  console.log("Selected Time: ", value);
  console.log("Formatted Selected Time: ", dateString);
}

function onOk(value) {
  console.log("onOk: ", value);
}

ReactDOM.render(
  <div>
    <Row>
      <Col span={8}>
        <DatePicker
          open
          className="my-class"
          onChange={onChange}
          onOk={onOk}
          format="MMMM"
        />
      </Col>
      <Col span={2} offset={6}>
        <input value={null} />
      </Col>
    </Row>
  </div>,
  document.getElementById("container")
);

Answer 1

Нельзя, свойство DatePicker format относится к форматированию заполнителя средства выбора, а не к внутреннему раскрывающемуся заголовку.

// Formats the date placeholder
<DatePicker onChange={onChange} onOk={onOk} format={'YYYY-MMMM-DD'} />

Наиболее близким решением является реализация вашего средства выбора и отображение заголовка Calendar так, как вам нужно.

Из официального примера для настройки заголовка Calendar вы можете изменить представление месяца:

// From
months.push(localeData.monthsShort(current));
// To
months.push(localeData.months(current))

Ознакомьтесь с примерами .