React Ant Calendar удалить кнопки месяца, года

Question

Нужна помощь в Ant Calendar

    import { Calendar } from 'antd';

function onPanelChange(value, mode) {
  console.log(value, mode);
}

ReactDOM.render(
  <Calendar onPanelChange={onPanelChange} />,
  mountNode);

Мне нужно удалить кнопки по умолчанию МЕСЯЦ, ГОД и другие параметры.

Спасибо!

Answer 1

const headerRender = () => null;

<Calendar
  headerRender={headerRender}
/>

Answer 2

.ant-fullcalendar-header{
  display:none;
}

https://github.com/ant-design/ant-design/issues/12373

Answer 3

На данный момент точного решения не существует. Но можно использовать хитрость:

Дайте настраиваемое имя класса компоненту календаря и добавьте ниже код css

.<customClassName>  .ant-fullcalendar-header .ant-radio-group {
    display: none !important
}