Can't style datepiker popup dialog

Question

I have a problem with customizing the datepicker popup dialog(For example change color of header). I can\'t style it by attribute style like textField by textFieldStyle. It

Answer 1

If you are using the latest version of Material-UI, things changed. MuiThemeProvider and getMuiTheme are replaced by createMuiTheme and ThemeProvider respectively.

You can use like this: import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';

Now Material-UI is using tree-shaking mechanism to avoid unnecessary bundles, so destructing is well to go.

To change the header, use something like this:

const muiTheme = createMuiTheme({
    overrides: {
        MuiPickersToolbar: {
            toolbar: { backgroundColor: 'var(--themeP)' }
        },

...