更改Material Ui日期选择器的背景颜色

Question

我想更改用户界面ui datepicker模态的背景颜色

从“ @ material-ui / core”导入{createMuiTheme};

const materialTheme = createMuiTheme({
    overrides: {
        MuiPickersToolbar: {
            toolbar: {
                backgroundColor: 'red',
            },
        },
        MuiPickersDay: {
            day: {
                color: 'black',

            },
            daySelected: {
                backgroundColor: '#33abb6',
            },
            dayDisabled: {
                color: '#ccc',
            },
            current: {
                color: 'red',
            },
        },
        MuiPickersModal: {
            dialogAction: {
                color: '#33abb6',
            },
        },
    },
});


export default materialTheme

在上面的代码中，我可以更改日期的颜色和其他几种颜色，但不能更改总背景颜色

有没有我可以从中获取这些类名或任何其他选项的文档

Answer 1

尝试CSS：

.MuiPaper-root {
  background-color: #eaea87;
}

Answer 2

MuiPickers使用的是对话框材质Ui，因此请覆盖此选择器中使用的所有对话框组件。我不确定下面的解决方案。您可以尝试一下，希望它能起作用。

"RLM URL for this request: https://xxxxxxxxxx/brpm/requests/44645"

我认为好的方法是在DialogProps中发送样式

https://material-ui-pickers.dev/api/DateTimePicker（节模式包装器）

因此您可以覆盖所有对话框模式。