Как переделать html в React-календаре?

Question

Я разрабатываю модальный календарь, для которого я использовал пакет npm response-calendar ( https://www.npmjs.com/package/react-calendar ), я могу изменить CSS пакета, перезаписав календарь .css в папке dist с локальной копией, но я не понимаю, как изменить HTML-код пакета, мне нужно добавить текст в самом верху и удалить несколько кнопок навигации с панели навигации. Пожалуйста, обратитесь к рисунку ниже для справки. 1-е фото: что я сделал до сих пор

2-е фото: чего я хочу достичь

Answer 1

В документации упоминается несколько реквизитов, среди которых используются navigationLabel как показано ниже;

      <Calendar
 onChange={this.smallCalenderChange}
 value={this.state.date}
 navigationLabel={() => <p>Choose Date</p>}
/>

props navigationLabel принимает компонент в качестве аргумента, в котором вы можете указать заголовок для календаря, в моем случае я дал следующее: - () => <p>Choose Date</p>