如何更改 MUI DatePicker 中的图标？

Question

I can't add my icon to the component.

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

Answer 1

The components prop of DatePicker lets you override the inner components including the OpenPickerIcon , so this is how you override it. For reference, see the full API of DatePicker here :

import AccessibleIcon from "@mui/icons-material/Accessible";

<DatePicker
  components={{
    OpenPickerIcon: AccessibleIcon
  }}
  {...}

This is the list of icon components that can be customized:

{
  LeftArrowIcon?: elementType,
  OpenPickerIcon?: elementType,
  RightArrowIcon?: elementType,
  SwitchViewIcon?: elementType
}