Как в календаре RangeDate из ant.design сделать что бы отображался 1 месяц а не 2?

Для того чтобы в компоненте RangeDate из библиотеки ant.design отображался только один месяц вместо двух, необходимо изменить значение пропса showOneCalendar на true.

Компонент RangeDate позволяет выбрать диапазон дат, и по умолчанию отображает два календаря - левый и правый. Левый календарь соответствует начальной дате, а правый - конечной. Однако, если вы хотите отобразить только один календарь с диапазоном дат, вы можете использовать пропс showOneCalendar. По умолчанию значение этого пропса равно false, что отображает два календаря. Если вы зададите значение true, то будет отображаться только один календарь.

Пример использования с пропсом showOneCalendar:

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

const RangeDate = DatePicker.RangePicker;

const App = () => {
  return (
    <div>
      <RangeDate showOneCalendar={true} />
    </div>
  );
};

export default App;

В этом примере будет отображаться только один календарь, и пользователь сможет выбрать диапазон дат только внутри него.

Надеюсь, это поможет вам настроить компонент RangeDate в соответствии с вашими потребностями!