[DatePicker] Fix passing clearable prop

[alisasanib]

• I have followed (at least) the PR section of the contributing guide.
  Fixes: [DatePicker] 'clearable' prop has no effect. #30676

Demo

Problems:

• clearable prop did not render the clear button in DesktopDatePicker component and it was only passed to the MobileDatePicker component

Solution:

• passing clearable and clearText props and rendering clear button on PickersPopper whenever clearable is true

[mui-bot]

Details of bundle changes

@material-ui/lab: parsed: +0.12% , gzip: -0.01% 😍

Generated by 🚫 dangerJS against d0b9af0

[mnajdova]

Note, we are currently moving the pickers in https://github.com/mui-org/material-ui-x so I would propose focusing on some other components at the time being, until the migration settles. The changes for this particular PR look good, only some polish is needed

[alisasanib]

Thanks for the comments @mnajdova. I will work on them

[siriwatknp]

👋 The migration PR has been merged.

Please follow these steps to make sure that the contents are all updated. (Sorry for the inconvenience)

1. pull latest master from upstream to your branch
2. if your PR has changes on the *.md or demo files, you are likely to encounter conflict because all of them have been moved to the new folder.
   2.1 revert the change on those markdown files you did
   2.2 pull latest master from upstream (you should not see conflict)
   2.3 make the changes again at docs/data/material/*
3. run yarn docs:api
   • you might see the changes in docs/pages/material/api/* if your PR touches some of the components
   • it is okay if there is no changes

If you are struggle with the steps above, feel free to tag @siriwatknp

[mnajdova]

Looks great, thanks @alisasanib

[mnajdova]

@flaviendelangle FYI

[zigang93]

DateRangePicker clearable prop not working mui/mui-x#4503

[wilav-dev]

clearable not showing clear button on mobile components

[flaviendelangle]

Hi,
Thanks for your contribution.

Could you provide a working reproduction, this Codesandbox template might be a good starting point.

[wilav-dev]

https://codesandbox.io/s/date-and-time-pickers-forked-2r22q3?file=/src/App.tsx

[flaviendelangle]

We changed the way users can customize the actions on the pickers
See our latest release note for more details
A doc page will soon follow.

Here is your example updated: https://codesandbox.io/s/date-and-time-pickers-forked-j1swd3?file=/src/App.tsx

By the way, I don't think our components ever had an onClear callback, did you find this prop documented somewhere ?