[DatePicker] The style for Paper not working

[mtr1990]

• 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 😯

The style for Paper not working

https://codesandbox.io/s/basicdatepicker-material-demo-forked-07w0l?file=/demo.tsx

In previous versions, I could access it this way. But now it doesn't work anymore

    PrivatePickersPopper: {
      styleOverrides: {
        paper: {
          boxShadow: theme.shadows[20],
          borderRadius:20
        }
      }
    },

How can I interfere with the DatePicker components and style them?

[mnajdova]

Using the sx prop from your side was the right thing to do, however we skipped the sx prop in the pickers component, thinking that it may affect perf and we weren't sure if it will be useful. Seeing this issue, I propose we remove this. For this particular use-case this should fix it:

index 79436e4e8f..8a7eb2721f 100644
--- a/packages/mui-lab/src/internal/pickers/PickersPopper.tsx
+++ b/packages/mui-lab/src/internal/pickers/PickersPopper.tsx
@@ -42,7 +42,7 @@ const PickersPopperRoot = styled(Popper, { skipSx: true })<{ ownerState: PickerP
   }),
 );

-const PickersPopperPaper = styled(Paper, { skipSx: true })<{
+const PickersPopperPaper = styled(Paper)<{
   ownerState: PickerPopperProps & Pick<MuiPopperProps, 'placement'>;
 }>(({ ownerState }) => ({
   transformOrigin: 'top center',

Then, you would be able to customize it with - https://codesandbox.io/s/basicdatepicker-material-demo-forked-67toz?file=/demo.tsx

I propose we remove the skipSx everywhere, it is surprising that it works in some places and not in others. @mtr1990 would you like to work on this?

[hbjORbj]

I propose we remove the skipSx everywhere, it is surprising that it works in some places and not in others. @mtr1990 would you like to work on this?

Yep, there are a few components irrelevant to pickers that also have skipSx: true like BreadcrumbCollapsed, SwitchBase, etc. Why don't we remove the skipSx from only picker-related components for now?

[boutahlilsoufiane]

Hi @mnajdova @hbjORbj, I will work on this!

[hbjORbj]

@boutahlilsoufiane Please go ahead! We always appreciate contribution of the community.

[boutahlilsoufiane]

Hi @mnajdova @hbjORbj, could you please review the PR? Thank you so much for the help.