如何为第 5 版自定义 material UI 日期选择器图标？

Question

因为我正在使用 material UI 版本 5 的日期选择器，所以我试图用我自定义的（图像或 svg）替换图标，但无法这样做。请帮忙:-

我为此找到了一些结果用于更改图标但无法应用于自定义图标

components={{
                  OpenPickerIcon: ?
                }}

它仅应用 material UI 上可用的图标，但需要一些其他图像或 svg。

此 link 图片包含需要更改的图标 [1]: https://i.stack.imgur.com/wVXvz.png

任何帮助将不胜感激。

Answer 1

您需要将图像包装在自定义图标组件中。查看自定义图标的详细信息 here。

例如：

function DateIcon(props) {
  return (
    <SvgIcon {...props}>
      <path d="{your svg path}" />
    </SvgIcon>
  );
}

然后：

components={{
  OpenPickerIcon: DateIcon
}}

how to customize material UI date-Picker icon for version 5?