[pickers] Simplify the ownerState on every slot to only pass a small object with valuable information

[flaviendelangle]

Right now, the ownerState passed to styled components or slots is the props of the component calling it (plus 1-2 properties on some occasions).
This make these objects very complex to reason about because people don't know which component is calling a certain slot and which props it has.
Additionally some valuable information are not part of those prop (the slots called by the useXXXPicker hooks don't even have the opening status).

Slots

• actionBar ([pickers] Use the new ownerState in usePickersLayout and useXXXPicker #14994)
• calendarHeader ([pickers] Use the new ownerState in DateCalendar, DateRangeCalendar, MonthCalendar and YearCalendar #15171)
• clearButton ([pickers] Use the new ownerState in useClearableField #15776)
• clearIcon ([pickers] Use the new ownerState in useClearableField #15776)
• day ([pickers] Use the new ownerState in DateCalendar, DateRangeCalendar, MonthCalendar and YearCalendar #15171)
• desktopPaper [pickers] Use the new ownerState object for the clock components and the desktop / mobile wrappers #15669
• desktopTransition (do not support callback signature)
• desktopTrapFocus (do not support callback signature)
• dialog (do not support callback signature)
• digitalClockItem [pickers] Use the new ownerState object for the clock components and the desktop / mobile wrappers #15669
• digitalClockSectionItem (do not support callback signature)
• field ([pickers] Use the new ownerState in usePickersLayout and useXXXPicker #14994)
• fieldRoot ([pickers] Use the new ownerState object in all the field components #15510)
• fieldSeparator ([pickers] Use the new ownerState object in all the field components #15510)
• inputAdornment ([pickers] Use the new ownerState in usePickersLayout and useXXXPicker #14994)
• layout (do not support callback signature)
• leftArrowIcon ([pickers] Use the new ownerState in <PickersCalendarHeader />, <PickersArrowSwitcher /> and <DayCalendarSkeleton /> #15499)
• mobilePaper (do not support callback signature)
• mobileTransition (do not support callback signature)
• monthButton ([pickers] Use the new ownerState in DateCalendar, DateRangeCalendar, MonthCalendar and YearCalendar #15171)
• nextIconButton ([pickers] Use the new ownerState in <PickersCalendarHeader />, <PickersArrowSwitcher /> and <DayCalendarSkeleton /> #15499)
• openPickerButton ([pickers] Use the new ownerState in usePickersLayout and useXXXPicker #14994)
• openPickerIcon ([pickers] Create the new picker's ownerState object #14889)
• popper [pickers] Use the new ownerState object for the clock components and the desktop / mobile wrappers #15669
• previousIconButton ([pickers] Use the new ownerState in <PickersCalendarHeader />, <PickersArrowSwitcher /> and <DayCalendarSkeleton /> #15499)
• rightArrowIcon ([pickers] Use the new ownerState in <PickersCalendarHeader />, <PickersArrowSwitcher /> and <DayCalendarSkeleton /> #15499)
• shortcuts ([pickers] Use the new ownerState in usePickersLayout and useXXXPicker #14994)
• switchViewButton ([pickers] Use the new ownerState in <PickersCalendarHeader />, <PickersArrowSwitcher /> and <DayCalendarSkeleton /> #15499)
• switchViewIcon ([pickers] Use the new ownerState in <PickersCalendarHeader />, <PickersArrowSwitcher /> and <DayCalendarSkeleton /> #15499)
• tabs (do not support callback signature)
• textField ([pickers] Use the new ownerState object in all the field components #15510)
• toolbar ([pickers] Use the new ownerState in usePickersLayout and useXXXPicker #14994)
• yearButton ([pickers] Use the new ownerState in DateCalendar, DateRangeCalendar, MonthCalendar and YearCalendar #15171)

Style overrides

The list might not be complete

• Clock [pickers] Use the new ownerState object for the clock components and the desktop / mobile wrappers #15669
• ClockNumber [pickers] Use the new ownerState object for the clock components and the desktop / mobile wrappers #15669
• ClockPointer [pickers] Use the new ownerState object for the clock components and the desktop / mobile wrappers #15669
• DateCalendar ([pickers] Use the new ownerState in DateCalendar, DateRangeCalendar, MonthCalendar and YearCalendar #15171)
• DateRangeCalendar ([pickers] Use the new ownerState in DateCalendar, DateRangeCalendar, MonthCalendar and YearCalendar #15171)
• DayCalendar ([pickers] Use the new ownerState in DateCalendar, DateRangeCalendar, MonthCalendar and YearCalendar #15171)
• DatePickerToolbar ([pickers] Use the new ownerState in the toolbar components #15777)
• DateRangePickerDay
• DateRangePickerToolbar ([pickers] Use the new ownerState in the toolbar components #15777)
• DateTimePickerTabs ([pickers] Use new ownerState object in <DateTimePickerTabs /> and <DateTimeRangePickerTabs /> #15498)
• DateTimePickerToolbar ([pickers] Use the new ownerState in the toolbar components #15777)
• DateTimeRangePickerTabs ([pickers] Use new ownerState object in <DateTimePickerTabs /> and <DateTimeRangePickerTabs /> #15498)
• DateTimeRangePickerToolbar ([pickers] Use the new ownerState in the toolbar components #15777)
• DigitalClock [pickers] Use the new ownerState object for the clock components and the desktop / mobile wrappers #15669
• MonthCalendar ([pickers] Use the new ownerState in DateCalendar, DateRangeCalendar, MonthCalendar and YearCalendar #15171)
• MultiInputDateRangeField ([pickers] Use the new ownerState object in all the field components #15510)
• MultiInputDateTimeRangeField ([pickers] Use the new ownerState object in all the field components #15510)
• MultiInputTimeRangeField ([pickers] Use the new ownerState object in all the field components #15510)
• MultiSectionDigitalClock [pickers] Use the new ownerState object for the clock components and the desktop / mobile wrappers #15669
• MultiSectionDigitalClockSection [pickers] Use the new ownerState object for the clock components and the desktop / mobile wrappers #15669
• PickersArrowSwitcher ([pickers] Use the new ownerState in <PickersCalendarHeader />, <PickersArrowSwitcher /> and <DayCalendarSkeleton /> #15499)
• PickersCalendarHeader ([pickers] Use the new ownerState in <PickersCalendarHeader />, <PickersArrowSwitcher /> and <DayCalendarSkeleton /> #15499)
• PickersDay
• PickersFilledInput ([pickers] Use the new ownerState object on the <PickersTextField /> component #15863)
• PickersInput ([pickers] Use the new ownerState object on the <PickersTextField /> component #15863)
• PickersInputBase ([pickers] Use the new ownerState object on the <PickersTextField /> component #15863)
• PickersLayout ([pickers] Remove orientation, isLandscape, isRtl, wrapperVariant and disabled props from PickersLayout #15494)
• PickersMonth ([pickers] Use the new ownerState in DateCalendar, DateRangeCalendar, MonthCalendar and YearCalendar #15171)
• PickersOutlinedInput ([pickers] Use the new ownerState object on the <PickersTextField /> component #15863)
• PickersPopper
• PickersSectionList ([pickers] Use the new ownerState object on the <PickersTextField /> component #15863)
• PickersTextField ([pickers] Use the new ownerState object on the <PickersTextField /> component #15863)
• PickersToolbar ([pickers] Use the new ownerState in the toolbar components #15777)
• PickersToolbarButton ([pickers] Use the new ownerState in the toolbar components #15777)
• PickersToolbarText ([pickers] Use the new ownerState in the toolbar components #15777)
• PickersYear ([pickers] Use the new ownerState in DateCalendar, DateRangeCalendar, MonthCalendar and YearCalendar #15171)
• TimeClock [pickers] Use the new ownerState object for the clock components and the desktop / mobile wrappers #15669
• TimePickerToolbar ([pickers] Use the new ownerState in the toolbar components #15777)
• YearCalendar ([pickers] Use the new ownerState in DateCalendar, DateRangeCalendar, MonthCalendar and YearCalendar #15171)

Search keywords: