Javascript 更改材质Ui日期选择器的背景色

我想更改材质ui日期选择器模式的背景色

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

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

是否有任何文档可供我获取这些类名或任何其他选项

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

---

MuiPickers正在使用对话框材质Ui，因此覆盖此选择器中使用的所有对话框组件。我不确定下面这个解决方案。你可以试试这个，希望能奏效

   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', 
                    backgroundColor: 'YOUR HEX HERE',
                },
            },
        },
    });

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

（第2节）

---

这样您就可以覆盖所有对话框模式。

我想要一个jss解决方案

   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', 
                    backgroundColor: 'YOUR HEX HERE',
                },
            },
        },
    });