[docs] Apply the new DX to the Button Field demos

[flaviendelangle]

Part of #14496

Doc preview

Packages

• [x] Introduce DateRangePickerFieldProps and DateTimeRangePickerFieldProps
• [x] Make sure every picker passes a format to the field, the date range ones did not (the useDesktopPicker and equivalent hooks to not enforce it yet because it was non trivial, once we have more info passed through the context it should be easier to enforce this kind of things, right now the typing is super hard to modify without introducing TS errors).

Docs

• [x] Move each category of custom behavior demo in a folder to make the "custom-field" folder more readable
• [x] Add validation support on the demos
• [x] Add placeholder support on the demos
• [x] Stop relying on complex types and instead use the new DatePickerFieldProps pattern
• [x] Pass the forwarded props to the Button to support sx, className etc...
• [x] Improve the phrasing in the impacted doc section

I did not migrate those demo to use the new multi file demo feature because it is broken when used inside nested folder.

[mui-bot]

Deploy preview: https://deploy-preview-14860--material-ui-x.netlify.app/

Updated pages:

• docs/data/date-pickers/custom-field/custom-field.md

Generated by :no_entry_sign: dangerJS against e532a224ac1d472146e3c2e69d380872a896a133

[github-actions[bot]]

This pull request has conflicts, please resolve those before we can evaluate the pull request.

[github-actions[bot]]

This pull request has conflicts, please resolve those before we can evaluate the pull request.