@mui/x-date-pickers 7.0.0-beta.7 → 7.1.0

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/PickersYear.js

@@ -23,14 +23,20 @@ const PickersYearRoot = styled('div', {
   name: 'MuiPickersYear',
   slot: 'Root',
   overridesResolver: (_, styles) => [styles.root]
-})(({
-  ownerState
-}) => ({
-  flexBasis: ownerState.yearsPerRow === 3 ? '33.3%' : '25%',
+})({
   display: 'flex',
   alignItems: 'center',
-  justifyContent: 'center'
-}));
+  justifyContent: 'center',
+  flexBasis: '33.3%',
+  variants: [{
+    props: {
+      yearsPerRow: 4
+    },
+    style: {
+      flexBasis: '25%'
+    }
+  }]
+});
 const PickersYearButton = styled('button', {
   name: 'MuiPickersYear',
   slot: 'YearButton',

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.7
+ * @mui/x-date-pickers v7.1.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.js

@@ -1,5 +1,5 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["children", "className", "slots", "slotProps", "isNextDisabled", "isNextHidden", "onGoToNext", "nextLabel", "isPreviousDisabled", "isPreviousHidden", "onGoToPrevious", "previousLabel"],
   _excluded2 = ["ownerState"],
   _excluded3 = ["ownerState"];
@@ -34,11 +34,16 @@ const PickersArrowSwitcherButton = styled(IconButton, {
   name: 'MuiPickersArrowSwitcher',
   slot: 'Button',
   overridesResolver: (props, styles) => styles.button
-})(({
-  ownerState
-}) => _extends({}, ownerState.hidden && {
-  visibility: 'hidden'
-}));
+})({
+  variants: [{
+    props: {
+      hidden: true
+    },
+    style: {
+      visibility: 'hidden'
+    }
+  }]
+});
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -51,7 +56,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 +91,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 +108,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 +125,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

@@ -1,5 +1,5 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["PaperComponent", "popperPlacement", "ownerState", "children", "paperSlotProps", "paperClasses", "onPaperClick", "onPaperTouchStart"];
 import * as React from 'react';
 import { useSlotProps } from '@mui/base/utils';
@@ -37,14 +37,18 @@ const PickersPopperPaper = styled(MuiPaper, {
   name: 'MuiPickersPopper',
   slot: 'Paper',
   overridesResolver: (_, styles) => styles.paper
-})(({
-  ownerState
-}) => _extends({
+})({
   outline: 0,
-  transformOrigin: 'top center'
-}, ownerState.placement.includes('top') && {
-  transformOrigin: 'bottom center'
-}));
+  transformOrigin: 'top center',
+  variants: [{
+    props: ({
+      placement
+    }) => ['top', 'top-start', 'top-end'].includes(placement),
+    style: {
+      transformOrigin: 'bottom center'
+    }
+  }]
+});
 function clickedRootScrollbar(event, doc) {
   return doc.documentElement.clientWidth < event.clientX || doc.documentElement.clientHeight < event.clientY;
 }
@@ -146,7 +150,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 +194,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 +252,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 +267,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 +299,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 +309,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

@@ -1,5 +1,5 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["children", "className", "toolbarTitle", "hidden", "titleId", "isLandscape", "classes", "landscapeDirection"];
 import * as React from 'react';
 import clsx from 'clsx';
@@ -26,38 +26,56 @@ const PickersToolbarRoot = styled('div', {
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
 })(({
-  theme,
-  ownerState
-}) => _extends({
+  theme
+}) => ({
   display: 'flex',
   flexDirection: 'column',
   alignItems: 'flex-start',
   justifyContent: 'space-between',
-  padding: theme.spacing(2, 3)
-}, ownerState.isLandscape && {
-  height: 'auto',
-  maxWidth: 160,
-  padding: 16,
-  justifyContent: 'flex-start',
-  flexWrap: 'wrap'
+  padding: theme.spacing(2, 3),
+  variants: [{
+    props: {
+      isLandscape: true
+    },
+    style: {
+      height: 'auto',
+      maxWidth: 160,
+      padding: 16,
+      justifyContent: 'flex-start',
+      flexWrap: 'wrap'
+    }
+  }]
 }));
 const PickersToolbarContent = styled('div', {
   name: 'MuiPickersToolbar',
   slot: 'Content',
   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%',
+  flex: 1,
+  justifyContent: 'space-between',
+  alignItems: 'center',
+  flexDirection: 'row',
+  variants: [{
+    props: {
+      isLandscape: true
+    },
+    style: {
+      justifyContent: 'flex-start',
+      alignItems: 'flex-start',
+      flexDirection: 'column'
+    }
+  }, {
+    props: {
+      isLandscape: true,
+      landscapeDirection: 'row'
+    },
+    style: {
+      flexDirection: 'row'
+    }
+  }]
 });
 export const PickersToolbar = /*#__PURE__*/React.forwardRef(function PickersToolbar(inProps, ref) {
   const props = useThemeProps({

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';