如何使用 makeStyles 更改 MUI DatePicker 日历选定的日期背景颜色

Question

我想更改 MUI datePicker 中所选日期的背景颜色。如下图所示，我需要将蓝色更改为其他颜色。
下面是我的代码

const useStyles = makeStyles(theme => ({
  datePickerStyle: {
    "& .css-bkrceb-MuiButtonBase-root-MuiPickersDay-root.Mui-selected": {
    backgroundColor: "red",
    color: '#000000'
  },
  }

        <DatePicker
          disablePast
          value={checkout.rideDate}
          shouldDisableDate={getDisabledDates}
          onChange={(newValue) => {
            dispatch(setRideDate(newValue?.toISOString().split('T')[0]))
          }}
          renderInput={(params) => <TextField className={classes.datePickerStyle} {...params} 
          />
          }

Answer 1

我通过在 PaperProps 中传递样式来解决这个问题，如下所示：

            PaperProps={{
              sx: {
                "& .MuiPickersDay-root": {
                  "&.Mui-selected": {
                    backgroundColor: colors.Cerulean,
                  },
                },

https://i.stack.imgur.com/D8DWw.png