@mui/x-date-pickers 7.0.0-beta.6 → 7.0.0

package/StaticDatePicker/StaticDatePicker.js

@@ -17,9 +17,8 @@ import { singleItemValueManager } from '../internals/utils/valueManagers';
  * - [StaticDatePicker API](https://mui.com/x/api/date-pickers/static-date-picker/)
  */
 const StaticDatePicker = /*#__PURE__*/React.forwardRef(function StaticDatePicker(inProps, ref) {
-  var _defaultizedProps$dis, _defaultizedProps$yea, _defaultizedProps$slo;
   const defaultizedProps = useDatePickerDefaultizedProps(inProps, 'MuiStaticDatePicker');
-  const displayStaticWrapperAs = (_defaultizedProps$dis = defaultizedProps.displayStaticWrapperAs) != null ? _defaultizedProps$dis : 'mobile';
+  const displayStaticWrapperAs = defaultizedProps.displayStaticWrapperAs ?? 'mobile';
   const viewRenderers = _extends({
     day: renderDateViewCalendar,
     month: renderDateViewCalendar,
@@ -30,11 +29,11 @@ const StaticDatePicker = /*#__PURE__*/React.forwardRef(function StaticDatePicker
   const props = _extends({}, defaultizedProps, {
     viewRenderers,
     displayStaticWrapperAs,
-    yearsPerRow: (_defaultizedProps$yea = defaultizedProps.yearsPerRow) != null ? _defaultizedProps$yea : displayStaticWrapperAs === 'mobile' ? 3 : 4,
+    yearsPerRow: defaultizedProps.yearsPerRow ?? (displayStaticWrapperAs === 'mobile' ? 3 : 4),
     slotProps: _extends({}, defaultizedProps.slotProps, {
       toolbar: _extends({
         hidden: displayStaticWrapperAs === 'desktop'
-      }, (_defaultizedProps$slo = defaultizedProps.slotProps) == null ? void 0 : _defaultizedProps$slo.toolbar)
+      }, defaultizedProps.slotProps?.toolbar)
     })
   });
   const {
@@ -209,7 +208,7 @@ StaticDatePicker.propTypes = {
   /**
    * Disable specific date.
    *
-   * Warning: This function can be called multiple times (e.g. when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.
+   * Warning: This function can be called multiple times (for example when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.
    *
    * @template TDate
    * @param {TDate} day The date to test.

package/StaticDateTimePicker/StaticDateTimePicker.js

@@ -18,10 +18,9 @@ import { validateDateTime } from '../internals/utils/validation/validateDateTime
  * - [StaticDateTimePicker API](https://mui.com/x/api/date-pickers/static-date-time-picker/)
  */
 const StaticDateTimePicker = /*#__PURE__*/React.forwardRef(function StaticDateTimePicker(inProps, ref) {
-  var _defaultizedProps$dis, _defaultizedProps$amp, _defaultizedProps$yea, _defaultizedProps$slo, _defaultizedProps$slo2;
   const defaultizedProps = useDateTimePickerDefaultizedProps(inProps, 'MuiStaticDateTimePicker');
-  const displayStaticWrapperAs = (_defaultizedProps$dis = defaultizedProps.displayStaticWrapperAs) != null ? _defaultizedProps$dis : 'mobile';
-  const ampmInClock = (_defaultizedProps$amp = defaultizedProps.ampmInClock) != null ? _defaultizedProps$amp : displayStaticWrapperAs === 'desktop';
+  const displayStaticWrapperAs = defaultizedProps.displayStaticWrapperAs ?? 'mobile';
+  const ampmInClock = defaultizedProps.ampmInClock ?? displayStaticWrapperAs === 'desktop';
   const viewRenderers = _extends({
     day: renderDateViewCalendar,
     month: renderDateViewCalendar,
@@ -36,15 +35,15 @@ const StaticDateTimePicker = /*#__PURE__*/React.forwardRef(function StaticDateTi
     viewRenderers,
     displayStaticWrapperAs,
     ampmInClock,
-    yearsPerRow: (_defaultizedProps$yea = defaultizedProps.yearsPerRow) != null ? _defaultizedProps$yea : displayStaticWrapperAs === 'mobile' ? 3 : 4,
+    yearsPerRow: defaultizedProps.yearsPerRow ?? (displayStaticWrapperAs === 'mobile' ? 3 : 4),
     slotProps: _extends({}, defaultizedProps.slotProps, {
       tabs: _extends({
         hidden: displayStaticWrapperAs === 'desktop'
-      }, (_defaultizedProps$slo = defaultizedProps.slotProps) == null ? void 0 : _defaultizedProps$slo.tabs),
+      }, defaultizedProps.slotProps?.tabs),
       toolbar: _extends({
         hidden: displayStaticWrapperAs === 'desktop',
         ampmInClock
-      }, (_defaultizedProps$slo2 = defaultizedProps.slotProps) == null ? void 0 : _defaultizedProps$slo2.toolbar)
+      }, defaultizedProps.slotProps?.toolbar)
     })
   });
   const {
@@ -257,7 +256,7 @@ StaticDateTimePicker.propTypes = {
   /**
    * Disable specific date.
    *
-   * Warning: This function can be called multiple times (e.g. when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.
+   * Warning: This function can be called multiple times (for example when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.
    *
    * @template TDate
    * @param {TDate} day The date to test.

package/StaticTimePicker/StaticTimePicker.js

@@ -17,10 +17,9 @@ import { validateTime } from '../internals/utils/validation/validateTime';
  * - [StaticTimePicker API](https://mui.com/x/api/date-pickers/static-time-picker/)
  */
 const StaticTimePicker = /*#__PURE__*/React.forwardRef(function StaticTimePicker(inProps, ref) {
-  var _defaultizedProps$dis, _defaultizedProps$amp, _defaultizedProps$slo;
   const defaultizedProps = useTimePickerDefaultizedProps(inProps, 'MuiStaticTimePicker');
-  const displayStaticWrapperAs = (_defaultizedProps$dis = defaultizedProps.displayStaticWrapperAs) != null ? _defaultizedProps$dis : 'mobile';
-  const ampmInClock = (_defaultizedProps$amp = defaultizedProps.ampmInClock) != null ? _defaultizedProps$amp : displayStaticWrapperAs === 'desktop';
+  const displayStaticWrapperAs = defaultizedProps.displayStaticWrapperAs ?? 'mobile';
+  const ampmInClock = defaultizedProps.ampmInClock ?? displayStaticWrapperAs === 'desktop';
   const viewRenderers = _extends({
     hours: renderTimeViewClock,
     minutes: renderTimeViewClock,
@@ -36,7 +35,7 @@ const StaticTimePicker = /*#__PURE__*/React.forwardRef(function StaticTimePicker
       toolbar: _extends({
         hidden: displayStaticWrapperAs === 'desktop',
         ampmInClock
-      }, (_defaultizedProps$slo = defaultizedProps.slotProps) == null ? void 0 : _defaultizedProps$slo.toolbar)
+      }, defaultizedProps.slotProps?.toolbar)
     })
   });
   const {

package/TimeClock/TimeClock.js

@@ -284,7 +284,7 @@ export const TimeClock = /*#__PURE__*/React.forwardRef(function TimeClock(inProp
     ownerState: ownerState
   }, other, {
     children: [/*#__PURE__*/_jsx(Clock, _extends({
-      autoFocus: autoFocus != null ? autoFocus : !!focusedView,
+      autoFocus: autoFocus ?? !!focusedView,
       ampmInClock: ampmInClock && views.includes('hours'),
       value: value,
       type: view,

package/TimeField/TimeField.js

@@ -23,7 +23,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * - [TimeField API](https://mui.com/x/api/date-pickers/time-field/)
  */
 const TimeField = /*#__PURE__*/React.forwardRef(function TimeField(inProps, inRef) {
-  var _slots$textField;
   const themeProps = useThemeProps({
     props: inProps,
     name: 'MuiTimeField'
@@ -36,10 +35,10 @@ const TimeField = /*#__PURE__*/React.forwardRef(function TimeField(inProps, inRe
     } = themeProps,
     other = _objectWithoutPropertiesLoose(themeProps, _excluded);
   const ownerState = themeProps;
-  const TextField = (_slots$textField = slots == null ? void 0 : slots.textField) != null ? _slots$textField : inProps.enableAccessibleFieldDOMStructure ? PickersTextField : MuiTextField;
+  const TextField = slots?.textField ?? (inProps.enableAccessibleFieldDOMStructure ? PickersTextField : MuiTextField);
   const textFieldProps = useSlotProps({
     elementType: TextField,
-    externalSlotProps: slotProps == null ? void 0 : slotProps.textField,
+    externalSlotProps: slotProps?.textField,
     externalForwardedProps: other,
     ownerState,
     additionalProps: {

package/TimePicker/shared.d.ts

@@ -20,6 +20,7 @@ export interface BaseTimePickerSlots<TDate extends PickerValidDate> extends Time
 export interface BaseTimePickerSlotProps extends TimeClockSlotProps {
     toolbar?: ExportedTimePickerToolbarProps;
 }
+export type TimePickerViewRenderers<TDate extends PickerValidDate, TView extends TimeViewWithMeridiem, TAdditionalProps extends {} = {}> = PickerViewRendererLookup<TDate | null, TView, TimeViewRendererProps<TView, BaseClockProps<TDate, TView>>, TAdditionalProps>;
 export interface BaseTimePickerProps<TDate extends PickerValidDate, TView extends TimeViewWithMeridiem> extends BasePickerInputProps<TDate | null, TDate, TView, TimeValidationError>, ExportedBaseClockProps<TDate> {
     /**
      * Display ampm controls under the clock (instead of in the toolbar).
@@ -41,7 +42,7 @@ export interface BaseTimePickerProps<TDate extends PickerValidDate, TView extend
      * If `null`, the section will only have field editing.
      * If `undefined`, internally defined view will be the used.
      */
-    viewRenderers?: Partial<PickerViewRendererLookup<TDate | null, TView, TimeViewRendererProps<TView, BaseClockProps<TDate, TView>>, {}>>;
+    viewRenderers?: Partial<TimePickerViewRenderers<TDate, TView>>;
 }
 type UseTimePickerDefaultizedProps<TDate extends PickerValidDate, TView extends TimeViewWithMeridiem, Props extends BaseTimePickerProps<TDate, TView>> = LocalizedComponent<TDate, DefaultizedProps<Props, 'views' | 'openTo' | 'ampm' | keyof BaseTimeValidationProps>>;
 export declare function useTimePickerDefaultizedProps<TDate extends PickerValidDate, TView extends TimeViewWithMeridiem, Props extends BaseTimePickerProps<TDate, TView>>(props: Props, name: string): UseTimePickerDefaultizedProps<TDate, TView, Props>;

package/TimePicker/shared.js

@@ -5,16 +5,14 @@ import { useUtils } from '../internals/hooks/useUtils';
 import { TimePickerToolbar } from './TimePickerToolbar';
 import { applyDefaultViewProps } from '../internals/utils/views';
 export function useTimePickerDefaultizedProps(props, name) {
-  var _themeProps$ampm, _themeProps$disableFu, _themeProps$disablePa, _themeProps$slotProps;
   const utils = useUtils();
   const themeProps = useThemeProps({
     props,
     name
   });
-  const ampm = (_themeProps$ampm = themeProps.ampm) != null ? _themeProps$ampm : utils.is12HourCycleInCurrentLocale();
+  const ampm = themeProps.ampm ?? utils.is12HourCycleInCurrentLocale();
   const localeText = React.useMemo(() => {
-    var _themeProps$localeTex;
-    if (((_themeProps$localeTex = themeProps.localeText) == null ? void 0 : _themeProps$localeTex.toolbarTitle) == null) {
+    if (themeProps.localeText?.toolbarTitle == null) {
       return themeProps.localeText;
     }
     return _extends({}, themeProps.localeText, {
@@ -30,8 +28,8 @@ export function useTimePickerDefaultizedProps(props, name) {
     defaultViews: ['hours', 'minutes'],
     defaultOpenTo: 'hours'
   }), {
-    disableFuture: (_themeProps$disableFu = themeProps.disableFuture) != null ? _themeProps$disableFu : false,
-    disablePast: (_themeProps$disablePa = themeProps.disablePast) != null ? _themeProps$disablePa : false,
+    disableFuture: themeProps.disableFuture ?? false,
+    disablePast: themeProps.disablePast ?? false,
     slots: _extends({
       toolbar: TimePickerToolbar
     }, themeProps.slots),
@@ -39,7 +37,7 @@ export function useTimePickerDefaultizedProps(props, name) {
       toolbar: _extends({
         ampm,
         ampmInClock: themeProps.ampmInClock
-      }, (_themeProps$slotProps = themeProps.slotProps) == null ? void 0 : _themeProps$slotProps.toolbar)
+      }, themeProps.slotProps?.toolbar)
     })
   });
 }

package/YearCalendar/YearCalendar.js

@@ -26,7 +26,6 @@ const useUtilityClasses = ownerState => {
   return composeClasses(slots, getYearCalendarUtilityClass, classes);
 };
 function useYearCalendarDefaultizedProps(props, name) {
-  var _themeProps$yearsPerR;
   const utils = useUtils();
   const defaultDates = useDefaultDates();
   const themeProps = useThemeProps({
@@ -37,7 +36,7 @@ function useYearCalendarDefaultizedProps(props, name) {
     disablePast: false,
     disableFuture: false
   }, themeProps, {
-    yearsPerRow: (_themeProps$yearsPerR = themeProps.yearsPerRow) != null ? _themeProps$yearsPerR : 3,
+    yearsPerRow: themeProps.yearsPerRow ?? 3,
     minDate: applyDefaultDate(utils, themeProps.minDate, defaultDates.minDate),
     maxDate: applyDefaultDate(utils, themeProps.maxDate, defaultDates.maxDate)
   });
@@ -130,7 +129,7 @@ export const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(
     name: 'YearCalendar',
     state: 'hasFocus',
     controlled: hasFocus,
-    default: autoFocus != null ? autoFocus : false
+    default: autoFocus ?? false
   });
   const changeHasFocus = useEventCallback(newHasFocus => {
     setInternalHasFocus(newHasFocus);
@@ -161,14 +160,14 @@ export const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(
     if (readOnly) {
       return;
     }
-    const newDate = utils.setYear(value != null ? value : referenceDate, year);
+    const newDate = utils.setYear(value ?? referenceDate, year);
     handleValueChange(newDate);
   });
   const focusYear = useEventCallback(year => {
-    if (!isYearDisabled(utils.setYear(value != null ? value : referenceDate, year))) {
+    if (!isYearDisabled(utils.setYear(value ?? referenceDate, year))) {
       setFocusedYear(year);
       changeHasFocus(true);
-      onYearFocus == null || onYearFocus(year);
+      onYearFocus?.(year);
     }
   });
   React.useEffect(() => {

package/hooks/useClearableField.js

@@ -11,7 +11,6 @@ import { useLocaleText } from '../internals/hooks/useUtils';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export const useClearableField = props => {
-  var _slots$clearButton, _slots$clearIcon;
   const localeText = useLocaleText();
   const {
       clearable,
@@ -22,11 +21,11 @@ export const useClearableField = props => {
       slotProps
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
-  const IconButton = (_slots$clearButton = slots == null ? void 0 : slots.clearButton) != null ? _slots$clearButton : MuiIconButton;
+  const IconButton = slots?.clearButton ?? MuiIconButton;
   // The spread is here to avoid this bug mui/material-ui#34056
   const _useSlotProps = useSlotProps({
       elementType: IconButton,
-      externalSlotProps: slotProps == null ? void 0 : slotProps.clearButton,
+      externalSlotProps: slotProps?.clearButton,
       ownerState: {},
       className: 'clearButton',
       additionalProps: {
@@ -34,10 +33,10 @@ export const useClearableField = props => {
       }
     }),
     iconButtonProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
-  const EndClearIcon = (_slots$clearIcon = slots == null ? void 0 : slots.clearIcon) != null ? _slots$clearIcon : ClearIcon;
+  const EndClearIcon = slots?.clearIcon ?? ClearIcon;
   const endClearIconProps = useSlotProps({
     elementType: EndClearIcon,
-    externalSlotProps: slotProps == null ? void 0 : slotProps.clearIcon,
+    externalSlotProps: slotProps?.clearIcon,
     ownerState: {}
   });
   return _extends({}, other, {
@@ -46,7 +45,7 @@ export const useClearableField = props => {
         children: [clearable && /*#__PURE__*/_jsx(InputAdornment, {
           position: "end",
           sx: {
-            marginRight: InputProps != null && InputProps.endAdornment ? -1 : -1.5
+            marginRight: InputProps?.endAdornment ? -1 : -1.5
           },
           children: /*#__PURE__*/_jsx(IconButton, _extends({}, iconButtonProps, {
             onClick: onClear,
@@ -54,7 +53,7 @@ export const useClearableField = props => {
               fontSize: "small"
             }, endClearIconProps))
           }))
-        }), InputProps == null ? void 0 : InputProps.endAdornment]
+        }), InputProps?.endAdornment]
       })
     }),
     sx: [{

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v7.0.0-beta.6
+ * @mui/x-date-pickers v7.0.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.js

@@ -51,7 +51,6 @@ const useUtilityClasses = ownerState => {
   return composeClasses(slots, getPickersArrowSwitcherUtilityClass, classes);
 };
 export const PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function PickersArrowSwitcher(inProps, ref) {
-  var _slots$previousIconBu, _slots$nextIconButton, _slots$leftArrowIcon, _slots$rightArrowIcon;
   const theme = useTheme();
   const isRTL = theme.direction === 'rtl';
   const props = useThemeProps({
@@ -87,10 +86,10 @@ export const PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function Picke
     goTo: onGoToPrevious,
     label: previousLabel
   };
-  const PreviousIconButton = (_slots$previousIconBu = slots == null ? void 0 : slots.previousIconButton) != null ? _slots$previousIconBu : PickersArrowSwitcherButton;
+  const PreviousIconButton = slots?.previousIconButton ?? PickersArrowSwitcherButton;
   const previousIconButtonProps = useSlotProps({
     elementType: PreviousIconButton,
-    externalSlotProps: slotProps == null ? void 0 : slotProps.previousIconButton,
+    externalSlotProps: slotProps?.previousIconButton,
     additionalProps: {
       size: 'medium',
       title: previousProps.label,
@@ -104,10 +103,10 @@ export const PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function Picke
     }),
     className: classes.button
   });
-  const NextIconButton = (_slots$nextIconButton = slots == null ? void 0 : slots.nextIconButton) != null ? _slots$nextIconButton : PickersArrowSwitcherButton;
+  const NextIconButton = slots?.nextIconButton ?? PickersArrowSwitcherButton;
   const nextIconButtonProps = useSlotProps({
     elementType: NextIconButton,
-    externalSlotProps: slotProps == null ? void 0 : slotProps.nextIconButton,
+    externalSlotProps: slotProps?.nextIconButton,
     additionalProps: {
       size: 'medium',
       title: nextProps.label,
@@ -121,22 +120,22 @@ export const PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function Picke
     }),
     className: classes.button
   });
-  const LeftArrowIcon = (_slots$leftArrowIcon = slots == null ? void 0 : slots.leftArrowIcon) != null ? _slots$leftArrowIcon : ArrowLeftIcon;
+  const LeftArrowIcon = slots?.leftArrowIcon ?? ArrowLeftIcon;
   // The spread is here to avoid this bug mui/material-ui#34056
   const _useSlotProps = useSlotProps({
       elementType: LeftArrowIcon,
-      externalSlotProps: slotProps == null ? void 0 : slotProps.leftArrowIcon,
+      externalSlotProps: slotProps?.leftArrowIcon,
       additionalProps: {
         fontSize: 'inherit'
       },
       ownerState: undefined
     }),
     leftArrowIconProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
-  const RightArrowIcon = (_slots$rightArrowIcon = slots == null ? void 0 : slots.rightArrowIcon) != null ? _slots$rightArrowIcon : ArrowRightIcon;
+  const RightArrowIcon = slots?.rightArrowIcon ?? ArrowRightIcon;
   // The spread is here to avoid this bug mui/material-ui#34056
   const _useSlotProps2 = useSlotProps({
       elementType: RightArrowIcon,
-      externalSlotProps: slotProps == null ? void 0 : slotProps.rightArrowIcon,
+      externalSlotProps: slotProps?.rightArrowIcon,
       additionalProps: {
         fontSize: 'inherit'
       },

package/internals/components/PickersModalDialog.js

@@ -21,7 +21,6 @@ const PickersModalDialogContent = styled(DialogContent)({
   }
 });
 export function PickersModalDialog(props) {
-  var _slots$dialog, _slots$mobileTransiti;
   const {
     children,
     onDismiss,
@@ -29,16 +28,16 @@ export function PickersModalDialog(props) {
     slots,
     slotProps
   } = props;
-  const Dialog = (_slots$dialog = slots == null ? void 0 : slots.dialog) != null ? _slots$dialog : PickersModalDialogRoot;
-  const Transition = (_slots$mobileTransiti = slots == null ? void 0 : slots.mobileTransition) != null ? _slots$mobileTransiti : Fade;
+  const Dialog = slots?.dialog ?? PickersModalDialogRoot;
+  const Transition = slots?.mobileTransition ?? Fade;
   return /*#__PURE__*/_jsx(Dialog, _extends({
     open: open,
     onClose: onDismiss
-  }, slotProps == null ? void 0 : slotProps.dialog, {
+  }, slotProps?.dialog, {
     TransitionComponent: Transition,
-    TransitionProps: slotProps == null ? void 0 : slotProps.mobileTransition,
-    PaperComponent: slots == null ? void 0 : slots.mobilePaper,
-    PaperProps: slotProps == null ? void 0 : slotProps.mobilePaper,
+    TransitionProps: slotProps?.mobileTransition,
+    PaperComponent: slots?.mobilePaper,
+    PaperProps: slotProps?.mobilePaper,
     children: /*#__PURE__*/_jsx(PickersModalDialogContent, {
       children: children
     })

package/internals/components/PickersPopper.js

@@ -146,7 +146,7 @@ function useClickAwayListener(active, onClickAway) {
     // TODO This behavior is not tested automatically
     // It's unclear whether this is due to different update semantics in test (batched in act() vs discrete on click).
     // Or if this is a timing related issues due to different Transition components
-    // Once we get rid of all the manual scheduling (e.g. setTimeout(update, 0)) we can revisit this code+test.
+    // Once we get rid of all the manual scheduling (for example setTimeout(update, 0)) we can revisit this code+test.
     if (active) {
       const doc = ownerDocument(nodeRef.current);
       doc.addEventListener('click', handleClickAway);
@@ -190,21 +190,18 @@ const PickersPopperPaperWrapper = /*#__PURE__*/React.forwardRef((props, ref) =>
   });
   return /*#__PURE__*/_jsx(PaperComponent, _extends({}, other, paperProps, {
     onClick: event => {
-      var _paperProps$onClick;
       onPaperClick(event);
-      (_paperProps$onClick = paperProps.onClick) == null || _paperProps$onClick.call(paperProps, event);
+      paperProps.onClick?.(event);
     },
     onTouchStart: event => {
-      var _paperProps$onTouchSt;
       onPaperTouchStart(event);
-      (_paperProps$onTouchSt = paperProps.onTouchStart) == null || _paperProps$onTouchSt.call(paperProps, event);
+      paperProps.onTouchStart?.(event);
     },
     ownerState: ownerState,
     children: children
   }));
 });
 export function PickersPopper(inProps) {
-  var _slots$desktopTransit, _slots$desktopTrapFoc, _slots$desktopPaper, _slots$popper;
   const props = useThemeProps({
     props: inProps,
     name: 'MuiPickersPopper'
@@ -251,14 +248,14 @@ export function PickersPopper(inProps) {
       });
     }
   }, [open, role, shouldRestoreFocus]);
-  const [clickAwayRef, onPaperClick, onPaperTouchStart] = useClickAwayListener(open, onBlur != null ? onBlur : onDismiss);
+  const [clickAwayRef, onPaperClick, onPaperTouchStart] = useClickAwayListener(open, onBlur ?? onDismiss);
   const paperRef = React.useRef(null);
   const handleRef = useForkRef(paperRef, containerRef);
   const handlePaperRef = useForkRef(handleRef, clickAwayRef);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   const defaultReduceAnimations = useDefaultReduceAnimations();
-  const reduceAnimations = inReduceAnimations != null ? inReduceAnimations : defaultReduceAnimations;
+  const reduceAnimations = inReduceAnimations ?? defaultReduceAnimations;
   const handleKeyDown = event => {
     if (event.key === 'Escape') {
       // stop the propagation to avoid closing parent modal
@@ -266,13 +263,13 @@ export function PickersPopper(inProps) {
       onDismiss();
     }
   };
-  const Transition = ((_slots$desktopTransit = slots == null ? void 0 : slots.desktopTransition) != null ? _slots$desktopTransit : reduceAnimations) ? Fade : Grow;
-  const FocusTrap = (_slots$desktopTrapFoc = slots == null ? void 0 : slots.desktopTrapFocus) != null ? _slots$desktopTrapFoc : BaseFocusTrap;
-  const Paper = (_slots$desktopPaper = slots == null ? void 0 : slots.desktopPaper) != null ? _slots$desktopPaper : PickersPopperPaper;
-  const Popper = (_slots$popper = slots == null ? void 0 : slots.popper) != null ? _slots$popper : PickersPopperRoot;
+  const Transition = slots?.desktopTransition ?? reduceAnimations ? Fade : Grow;
+  const FocusTrap = slots?.desktopTrapFocus ?? BaseFocusTrap;
+  const Paper = slots?.desktopPaper ?? PickersPopperPaper;
+  const Popper = slots?.popper ?? PickersPopperRoot;
   const popperProps = useSlotProps({
     elementType: Popper,
-    externalSlotProps: slotProps == null ? void 0 : slotProps.popper,
+    externalSlotProps: slotProps?.popper,
     additionalProps: {
       transition: true,
       role,
@@ -298,8 +295,8 @@ export function PickersPopper(inProps) {
       disableRestoreFocus: true,
       disableEnforceFocus: role === 'tooltip',
       isEnabled: () => true
-    }, slotProps == null ? void 0 : slotProps.desktopTrapFocus, {
-      children: /*#__PURE__*/_jsx(Transition, _extends({}, TransitionProps, slotProps == null ? void 0 : slotProps.desktopTransition, {
+    }, slotProps?.desktopTrapFocus, {
+      children: /*#__PURE__*/_jsx(Transition, _extends({}, TransitionProps, slotProps?.desktopTransition, {
         children: /*#__PURE__*/_jsx(PickersPopperPaperWrapper, {
           PaperComponent: Paper,
           ownerState: ownerState,
@@ -308,7 +305,7 @@ export function PickersPopper(inProps) {
           onPaperClick: onPaperClick,
           onPaperTouchStart: onPaperTouchStart,
           paperClasses: classes.paper,
-          paperSlotProps: slotProps == null ? void 0 : slotProps.desktopPaper,
+          paperSlotProps: slotProps?.desktopPaper,
           children: children
         })
       }))

package/internals/components/PickersToolbar.js

@@ -47,18 +47,15 @@ const PickersToolbarContent = styled('div', {
   overridesResolver: (props, styles) => styles.content
 })(({
   ownerState
-}) => {
-  var _ownerState$landscape;
-  return {
-    display: 'flex',
-    flexWrap: 'wrap',
-    width: '100%',
-    justifyContent: ownerState.isLandscape ? 'flex-start' : 'space-between',
-    flexDirection: ownerState.isLandscape ? (_ownerState$landscape = ownerState.landscapeDirection) != null ? _ownerState$landscape : 'column' : 'row',
-    flex: 1,
-    alignItems: ownerState.isLandscape ? 'flex-start' : 'center'
-  };
-});
+}) => ({
+  display: 'flex',
+  flexWrap: 'wrap',
+  width: '100%',
+  justifyContent: ownerState.isLandscape ? 'flex-start' : 'space-between',
+  flexDirection: ownerState.isLandscape ? ownerState.landscapeDirection ?? 'column' : 'row',
+  flex: 1,
+  alignItems: ownerState.isLandscape ? 'flex-start' : 'center'
+}));
 export const PickersToolbar = /*#__PURE__*/React.forwardRef(function PickersToolbar(inProps, ref) {
   const props = useThemeProps({
     props: inProps,

package/internals/hooks/date-helpers-hooks.js

@@ -30,7 +30,7 @@ export function useMeridiemMode(date, ampm, onChange, selectionState) {
   const meridiemMode = getMeridiem(date, utils);
   const handleMeridiemChange = React.useCallback(mode => {
     const timeWithMeridiem = date == null ? null : convertToMeridiem(date, mode, Boolean(ampm), utils);
-    onChange(timeWithMeridiem, selectionState != null ? selectionState : 'partial');
+    onChange(timeWithMeridiem, selectionState ?? 'partial');
   }, [ampm, date, onChange, selectionState, utils]);
   return {
     meridiemMode,

package/internals/hooks/defaultizedFieldProps.js

@@ -2,42 +2,39 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import { applyDefaultDate } from '../utils/date-utils';
 import { useUtils, useDefaultDates } from './useUtils';
 export const useDefaultizedDateField = props => {
-  var _props$disablePast, _props$disableFuture, _props$format;
   const utils = useUtils();
   const defaultDates = useDefaultDates();
   return _extends({}, props, {
-    disablePast: (_props$disablePast = props.disablePast) != null ? _props$disablePast : false,
-    disableFuture: (_props$disableFuture = props.disableFuture) != null ? _props$disableFuture : false,
-    format: (_props$format = props.format) != null ? _props$format : utils.formats.keyboardDate,
+    disablePast: props.disablePast ?? false,
+    disableFuture: props.disableFuture ?? false,
+    format: props.format ?? utils.formats.keyboardDate,
     minDate: applyDefaultDate(utils, props.minDate, defaultDates.minDate),
     maxDate: applyDefaultDate(utils, props.maxDate, defaultDates.maxDate)
   });
 };
 export const useDefaultizedTimeField = props => {
-  var _props$ampm, _props$disablePast2, _props$disableFuture2, _props$format2;
   const utils = useUtils();
-  const ampm = (_props$ampm = props.ampm) != null ? _props$ampm : utils.is12HourCycleInCurrentLocale();
+  const ampm = props.ampm ?? utils.is12HourCycleInCurrentLocale();
   const defaultFormat = ampm ? utils.formats.fullTime12h : utils.formats.fullTime24h;
   return _extends({}, props, {
-    disablePast: (_props$disablePast2 = props.disablePast) != null ? _props$disablePast2 : false,
-    disableFuture: (_props$disableFuture2 = props.disableFuture) != null ? _props$disableFuture2 : false,
-    format: (_props$format2 = props.format) != null ? _props$format2 : defaultFormat
+    disablePast: props.disablePast ?? false,
+    disableFuture: props.disableFuture ?? false,
+    format: props.format ?? defaultFormat
   });
 };
 export const useDefaultizedDateTimeField = props => {
-  var _props$ampm2, _props$disablePast3, _props$disableFuture3, _props$format3, _props$minDateTime, _props$maxDateTime, _props$minDateTime2, _props$maxDateTime2;
   const utils = useUtils();
   const defaultDates = useDefaultDates();
-  const ampm = (_props$ampm2 = props.ampm) != null ? _props$ampm2 : utils.is12HourCycleInCurrentLocale();
+  const ampm = props.ampm ?? utils.is12HourCycleInCurrentLocale();
   const defaultFormat = ampm ? utils.formats.keyboardDateTime12h : utils.formats.keyboardDateTime24h;
   return _extends({}, props, {
-    disablePast: (_props$disablePast3 = props.disablePast) != null ? _props$disablePast3 : false,
-    disableFuture: (_props$disableFuture3 = props.disableFuture) != null ? _props$disableFuture3 : false,
-    format: (_props$format3 = props.format) != null ? _props$format3 : defaultFormat,
+    disablePast: props.disablePast ?? false,
+    disableFuture: props.disableFuture ?? false,
+    format: props.format ?? defaultFormat,
     disableIgnoringDatePartForTimeValidation: Boolean(props.minDateTime || props.maxDateTime),
-    minDate: applyDefaultDate(utils, (_props$minDateTime = props.minDateTime) != null ? _props$minDateTime : props.minDate, defaultDates.minDate),
-    maxDate: applyDefaultDate(utils, (_props$maxDateTime = props.maxDateTime) != null ? _props$maxDateTime : props.maxDate, defaultDates.maxDate),
-    minTime: (_props$minDateTime2 = props.minDateTime) != null ? _props$minDateTime2 : props.minTime,
-    maxTime: (_props$maxDateTime2 = props.maxDateTime) != null ? _props$maxDateTime2 : props.maxTime
+    minDate: applyDefaultDate(utils, props.minDateTime ?? props.minDate, defaultDates.minDate),
+    maxDate: applyDefaultDate(utils, props.maxDateTime ?? props.maxDate, defaultDates.maxDate),
+    minTime: props.minDateTime ?? props.minTime,
+    maxTime: props.maxDateTime ?? props.maxTime
   });
 };

package/internals/hooks/useClockReferenceDate.js

@@ -21,5 +21,5 @@ export const useClockReferenceDate = ({
   // We only want to compute the reference date on mount.
   [] // eslint-disable-line react-hooks/exhaustive-deps
   );
-  return value != null ? value : referenceDate;
+  return value ?? referenceDate;
 };

package/internals/hooks/useDesktopPicker/index.d.ts

@@ -1,2 +1,2 @@
 export { useDesktopPicker } from './useDesktopPicker';
-export type { UseDesktopPickerSlots, UseDesktopPickerSlotProps, ExportedUseDesktopPickerSlotProps, DesktopOnlyPickerProps, } from './useDesktopPicker.types';
+export type { UseDesktopPickerSlots, UseDesktopPickerSlotProps, ExportedUseDesktopPickerSlotProps, DesktopOnlyPickerProps, UseDesktopPickerProps, } from './useDesktopPicker.types';