如何更改 MUI X DatePicker 中的图标？

Question

我无法将我的图标添加到组件中。

https://codesandbox.io/s/materialuipickers-material-demo-forked-soctc

Answer 1

的slotspropDatePicker允许您覆盖包括 在内的内部组件OpenPickerIcon，因此您可以这样覆盖它：

\n

import AccessibleIcon from "@mui/icons-material/Accessible";\n\n//\xe2\x80\xa6\n\n<DatePicker\n  slots={{\n    openPickerIcon: AccessibleIcon\n  }}\n  {...}\n

\n

这是可以自定义的图标组件列表：

\n

{\n  leftArrowIcon?: elementType,\n  openPickerIcon?: elementType,\n  rightArrowIcon?: elementType,\n  switchViewIcon?: elementType\n}\n

\n

https://mui.com/x/api/date-pickers/date-picker/#slots

\n

\n

\n