How to change the color of the calendar icon of the TextField date-picker? In Material-UI React

user_16901153 0
Viewed 904

How to change color icon date-picker? IMG I've already gone through a lot of options, but still can't find how to change the color of the icon. With the help of '.MuiSelect-icon' it was possible to change the color of the TextFiled select ..

const TextField2 = withStyles({
root: {
    '& .MuiInput-underline:after': {
        borderBottomColor: '#ffffff',
    },
    "& .MuiSelect-icon": {
        color: "#ffffff"
    },
    "& .MuiInput-icon": {
        color: "#ffffff"
    },
},})(TextField);
material-ui reactjs
1 Answers
::-webkit-calendar-picker-indicator {
  filter: invert(24%) sepia(85%) saturate(7299%) hue-rotate(356deg)
    brightness(107%) contrast(117%);
}

Edit unruffled-euclid-eumc0

Use CSS filter generator to convert from black to target hex color using filter property

user_32123790
Related