[DataGrid] date and datetime types in darkmode

[daveteu]

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

In DataGrid, when using date and dateTime types, the Date and DateTimePicker components are not respecting palette.darkmode

Expected Behavior 🤔

Picker should respect theme colors

This behavior can also be observed on Mui Documentations - https://material-ui.com/components/data-grid/editing/#controlled-editing

Your Environment 🌎

System: System

 System:
    OS: macOS 11.4
  Binaries:
    Node: 16.5.0 - ~/.nvm/versions/node/v16.5.0/bin/node
    Yarn: Not Found
    npm: 7.19.1 - ~/.nvm/versions/node/v16.5.0/bin/npm
  Browsers:
    Chrome: 92.0.4515.131
    Edge: Not Found
    Firefox: Not Found
    Safari: 14.1.1
  npmPackages:
    @material-ui/core: ^5.0.0-beta.2 => 5.0.0-beta.2 
    @material-ui/data-grid: ^4.0.0-alpha.37 => 4.0.0-alpha.37 
    @material-ui/icons: ^5.0.0-beta.1 => 5.0.0-beta.1 
    @material-ui/lab: ^5.0.0-alpha.41 => 5.0.0-alpha.41 
    @material-ui/private-theming:  5.0.0-beta.2 
    @material-ui/styled-engine-sc: ^5.0.0-beta.1 => 5.0.0-beta.1 
    @material-ui/styles: ^5.0.0-beta.2 => 5.0.0-beta.2 
    @material-ui/system:  5.0.0-beta.2 
    @material-ui/types:  6.0.1 
    @material-ui/unstyled:  5.0.0-alpha.41 
    @material-ui/utils:  5.0.0-beta.1 
    @types/react: ^17.0.0 => 17.0.11 
    react: ^17.0.2 => 17.0.2 
    react-dom: ^17.0.2 => 17.0.2 
    styled-components: ^5.3.0 => 5.3.0 
    typescript: ^4.1.3 => 4.3.2 

[oliviertassinari]

Duplicate of mui/material-ui#25016

[oliviertassinari]

I think that we can solve this issue the same way we will #1805: with mui/material-ui#25016, and using the CssBaseline component. In the meantime, the workaround is trivial https://codesandbox.io/s/material-demo-forked-2iwpd?file=/demo.tsx

[m4theushw]

Fixed by mui/material-ui#25016.

You need to use <CssBaseline enableColorScheme /> in your theme. See https://mui.com/components/css-baseline/#page