如何使用DatePicker更改MUI makeStyles日历选定的日期背景色
如何使用DatePicker更改MUI makeStyles日历选定的日期背景色
提问于 2022-02-22 08:38:44
我想改变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}
/>
}
回答 1
Stack Overflow用户
发布于 2022-06-14 10:07:21
我通过在PaperProps中传递样式来解决这个问题，如下所示：
PaperProps={{
sx: {
"& .MuiPickersDay-root": {
"&.Mui-selected": {
backgroundColor: colors.Cerulean,
},
},
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71218196
复制相关文章
相似问题
腾讯云开发者
