我想更改 MUI datePicker 中所选日期的背景颜色。如下图所示,我需要将蓝色更改为其他颜色。
下面是我的代码
const useStyles = makeStyles(theme => ({
datePickerStyle: {
"& .css-bkrceb-MuiButtonBase-root-MuiPickersDay-root.Mui-selected": {
backgroundColor: "red",
color: '#000000'
},
}
Run Code Online (Sandbox Code Playgroud)
<DatePicker
disablePast
value={checkout.rideDate}
shouldDisableDate={getDisabledDates}
onChange={(newValue) => {
dispatch(setRideDate(newValue?.toISOString().split('T')[0]))
}}
renderInput={(params) => <TextField className={classes.datePickerStyle} {...params}
/>
}
Run Code Online (Sandbox Code Playgroud)