如何替换 react-material-ui datepicker 的导航图标？

Posted 2023-02-22

【中文标题】如何替换 react-material-ui datepicker 的导航图标？

【英文标题】：How can i replace the navigation icons of react-material-ui datepicker?

【发布时间】：2021-08-17 13:57:20

【问题描述】：

有什么办法可以替换react-material-ui datepicker的导航图标吗？我尝试了很多，但没有任何效果。

<button class="MuiButtonBase-root MuiIconButton-root MuiPickersCalendarHeader-iconButton" tabindex="0" type="button">
  <span class="MuiIconButton-label">
    <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
      <path d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"></path>
      <path fill="none" d="M0 0h24v24H0V0z"></path>
    </svg>
  </span>
  <span class="MuiTouchRipple-root"></span>
</button>

【参考方案1】：

请检查：Material Ui datepicker - Styling the calendar icon in the text field

Here你有一个工作沙箱。