如何自定义为版本5的资料用户界面日期-选择图标？

Question

由于我使用的资料UI版本5的日期选择器，我试图取代我的定制(图像或svg)图标，但不能这样做。请帮助:-

我找到了一些改变图标的结果，但无法在定制的图标上应用。

如何更改MUI DatePicker中的图标？

components={{
                  OpenPickerIcon: ?
                }}

它唯一的应用图标，这是可用的材料用户界面，但需要一些其他图像或svg那里。

此链接图像包含需要更改1：https://i.stack.imgur.com/wVXvz.png的图标。

任何帮助都会受到感激和感激。

Answer 1

您需要将图像包装在自定义图标组件中。请参阅有关自定义图标这里的详细信息。

例如：

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

然后：

components={{
  OpenPickerIcon: DateIcon
}}