@mui/x-date-pickers 8.0.0-alpha.5 → 8.0.0-alpha.7

package/node/PickersActionBar/PickersActionBar.js

@@ -6,7 +6,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PickersActionBar = PickersActionBar;
+exports.PickersActionBar = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
@@ -15,8 +15,9 @@ var _styles = require("@mui/material/styles");
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
 var _usePickerTranslations = require("../hooks/usePickerTranslations");
+var _hooks = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["onAccept", "onClear", "onCancel", "onSetToday", "actions"];
+const _excluded = ["actions"];
 const PickersActionBarRoot = (0, _styles.styled)(_DialogActions.default, {
   name: 'MuiPickersLayout',
   slot: 'ActionBar',
@@ -33,16 +34,18 @@ const PickersActionBarRoot = (0, _styles.styled)(_DialogActions.default, {
  *
  * - [PickersActionBar API](https://mui.com/x/api/date-pickers/pickers-action-bar/)
  */
-function PickersActionBar(props) {
+function PickersActionBarComponent(props) {
   const {
-      onAccept,
-      onClear,
-      onCancel,
-      onSetToday,
       actions
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const translations = (0, _usePickerTranslations.usePickerTranslations)();
+  const {
+    clearValue,
+    setValueToToday,
+    acceptValueChanges,
+    cancelValueChanges
+  } = (0, _hooks.usePickerActionsContext)();
   if (actions == null || actions.length === 0) {
     return null;
   }
@@ -50,22 +53,22 @@ function PickersActionBar(props) {
     switch (actionType) {
       case 'clear':
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-          onClick: onClear,
+          onClick: clearValue,
           children: translations.clearButtonLabel
         }, actionType);
       case 'cancel':
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-          onClick: onCancel,
+          onClick: cancelValueChanges,
           children: translations.cancelButtonLabel
         }, actionType);
       case 'accept':
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-          onClick: onAccept,
+          onClick: acceptValueChanges,
           children: translations.okButtonLabel
         }, actionType);
       case 'today':
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-          onClick: onSetToday,
+          onClick: setValueToToday,
           children: translations.todayButtonLabel
         }, actionType);
       default:
@@ -76,7 +79,7 @@ function PickersActionBar(props) {
     children: buttons
   }));
 }
-process.env.NODE_ENV !== "production" ? PickersActionBar.propTypes = {
+process.env.NODE_ENV !== "production" ? PickersActionBarComponent.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -84,7 +87,9 @@ process.env.NODE_ENV !== "production" ? PickersActionBar.propTypes = {
   /**
    * Ordered array of actions to display.
    * If empty, does not display that action bar.
-   * @default `['cancel', 'accept']` for mobile and `[]` for desktop
+   * @default
+   * - `[]` for Desktop Date Picker and Desktop Date Range Picker
+   * - `['cancel', 'accept']` for all other Pickers
    */
   actions: _propTypes.default.arrayOf(_propTypes.default.oneOf(['accept', 'cancel', 'clear', 'today']).isRequired),
   /**
@@ -92,12 +97,9 @@ process.env.NODE_ENV !== "production" ? PickersActionBar.propTypes = {
    * @default false
    */
   disableSpacing: _propTypes.default.bool,
-  onAccept: _propTypes.default.func.isRequired,
-  onCancel: _propTypes.default.func.isRequired,
-  onClear: _propTypes.default.func.isRequired,
-  onSetToday: _propTypes.default.func.isRequired,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
-} : void 0;
+} : void 0;
+const PickersActionBar = exports.PickersActionBar = /*#__PURE__*/React.memo(PickersActionBarComponent);

package/node/PickersLayout/PickersLayout.js

@@ -157,17 +157,6 @@ process.env.NODE_ENV !== "production" ? PickersLayout.propTypes = {
    */
   classes: _propTypes.default.object,
   className: _propTypes.default.string,
-  isValid: _propTypes.default.func.isRequired,
-  onAccept: _propTypes.default.func.isRequired,
-  onCancel: _propTypes.default.func.isRequired,
-  onChange: _propTypes.default.func.isRequired,
-  onClear: _propTypes.default.func.isRequired,
-  onClose: _propTypes.default.func.isRequired,
-  onDismiss: _propTypes.default.func.isRequired,
-  onOpen: _propTypes.default.func.isRequired,
-  onSelectShortcut: _propTypes.default.func.isRequired,
-  onSetToday: _propTypes.default.func.isRequired,
-  onViewChange: _propTypes.default.func.isRequired,
   /**
    * The props used for each component slot.
    * @default {}
@@ -181,8 +170,5 @@ process.env.NODE_ENV !== "production" ? PickersLayout.propTypes = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
-  value: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.object), _propTypes.default.object]),
-  view: _propTypes.default.oneOf(['day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'year']),
-  views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'year']).isRequired).isRequired
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;

package/node/PickersLayout/usePickerLayout.js

@@ -1,15 +1,16 @@
 "use strict";
 'use client';
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _RtlProvider = require("@mui/system/RtlProvider");
 var _PickersActionBar = require("../PickersActionBar");
@@ -18,6 +19,7 @@ var _PickersShortcuts = require("../PickersShortcuts");
 var _usePickerPrivateContext = require("../internals/hooks/usePickerPrivateContext");
 var _hooks = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ownerState"];
 function toolbarHasView(toolbarProps) {
   return toolbarProps.view !== null;
 }
@@ -41,30 +43,14 @@ const usePickerLayout = props => {
     ownerState: pickerOwnerState
   } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
   const {
-    variant,
-    orientation
+    view
   } = (0, _hooks.usePickerContext)();
   const isRtl = (0, _RtlProvider.useRtl)();
   const {
-    onAccept,
-    onClear,
-    onCancel,
-    onSetToday,
-    view,
-    views,
-    onViewChange,
-    value,
-    onChange,
-    onSelectShortcut,
-    isValid,
     children,
     slots,
     slotProps,
     classes: classesProp
-    // TODO: Remove this "as" hack. It get introduced to mark `value` prop in PickersLayoutProps as not required.
-    // The true type should be
-    // - For pickers value: PickerValidDate | null
-    // - For range pickers value: [PickerValidDate | null, PickerValidDate | null]
   } = props;
   const ownerState = React.useMemo(() => (0, _extends2.default)({}, pickerOwnerState, {
     layoutDirection: isRtl ? 'rtl' : 'ltr'
@@ -73,35 +59,23 @@ const usePickerLayout = props => {
 
   // Action bar
   const ActionBar = slots?.actionBar ?? _PickersActionBar.PickersActionBar;
-  const actionBarProps = (0, _useSlotProps.default)({
-    elementType: ActionBar,
-    externalSlotProps: slotProps?.actionBar,
-    additionalProps: {
-      onAccept,
-      onClear,
-      onCancel,
-      onSetToday,
-      actions: variant === 'desktop' ? [] : ['cancel', 'accept']
-    },
-    className: classes.actionBar,
-    ownerState
-  });
+  const _useSlotProps = (0, _useSlotProps2.default)({
+      elementType: ActionBar,
+      externalSlotProps: slotProps?.actionBar,
+      additionalProps: {
+        actions: ['cancel', 'accept']
+      },
+      className: classes.actionBar,
+      ownerState
+    }),
+    actionBarProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded);
   const actionBar = /*#__PURE__*/(0, _jsxRuntime.jsx)(ActionBar, (0, _extends2.default)({}, actionBarProps));
 
   // Toolbar
   const Toolbar = slots?.toolbar;
-  const toolbarProps = (0, _useSlotProps.default)({
+  const toolbarProps = (0, _useSlotProps2.default)({
     elementType: Toolbar,
     externalSlotProps: slotProps?.toolbar,
-    additionalProps: {
-      isLandscape: orientation === 'landscape',
-      // Will be removed in a follow up PR?
-      onChange,
-      value,
-      view,
-      onViewChange,
-      views
-    },
     className: classes.toolbar,
     ownerState
   });
@@ -113,22 +87,14 @@ const usePickerLayout = props => {
   // Tabs
   const Tabs = slots?.tabs;
   const tabs = view && Tabs ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs, (0, _extends2.default)({
-    view: view,
-    onViewChange: onViewChange,
     className: classes.tabs
   }, slotProps?.tabs)) : null;
 
   // Shortcuts
   const Shortcuts = slots?.shortcuts ?? _PickersShortcuts.PickersShortcuts;
-  const shortcutsProps = (0, _useSlotProps.default)({
+  const shortcutsProps = (0, _useSlotProps2.default)({
     elementType: Shortcuts,
     externalSlotProps: slotProps?.shortcuts,
-    additionalProps: {
-      isValid,
-      isLandscape: orientation === 'landscape',
-      // Will be removed in a follow up PR?
-      onChange: onSelectShortcut
-    },
     className: classes.shortcuts,
     ownerState
   });

package/node/PickersShortcuts/PickersShortcuts.js

@@ -16,8 +16,9 @@ var _List = _interopRequireDefault(require("@mui/material/List"));
 var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
 var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
 var _dimensions = require("../internals/constants/dimensions");
+var _hooks = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["items", "changeImportance", "isLandscape", "onChange", "isValid"],
+const _excluded = ["items", "changeImportance"],
   _excluded2 = ["getValue"];
 const PickersShortcutsRoot = (0, _styles.styled)(_List.default, {
   name: 'MuiPickersLayout',
@@ -37,11 +38,13 @@ const PickersShortcutsRoot = (0, _styles.styled)(_List.default, {
 function PickersShortcuts(props) {
   const {
       items,
-      changeImportance = 'accept',
-      onChange,
-      isValid
+      changeImportance = 'accept'
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const {
+    setValue
+  } = (0, _hooks.usePickerActionsContext)();
+  const isValidValue = (0, _hooks.useIsValidValue)();
   if (items == null || items.length === 0) {
     return null;
   }
@@ -51,14 +54,17 @@ function PickersShortcuts(props) {
       } = _ref,
       item = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded2);
     const newValue = getValue({
-      isValid
+      isValid: isValidValue
     });
     return (0, _extends2.default)({}, item, {
       label: item.label,
       onClick: () => {
-        onChange(newValue, changeImportance, item);
+        setValue(newValue, {
+          changeImportance,
+          shortcut: item
+        });
       },
-      disabled: !isValid(newValue)
+      disabled: !isValidValue(newValue)
     });
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersShortcutsRoot, (0, _extends2.default)({
@@ -102,8 +108,6 @@ process.env.NODE_ENV !== "production" ? PickersShortcuts.propTypes = {
    * @default false
    */
   disablePadding: _propTypes.default.bool,
-  isLandscape: _propTypes.default.bool.isRequired,
-  isValid: _propTypes.default.func.isRequired,
   /**
    * Ordered array of shortcuts to display.
    * If empty, does not display the shortcuts.
@@ -114,7 +118,6 @@ process.env.NODE_ENV !== "production" ? PickersShortcuts.propTypes = {
     id: _propTypes.default.string,
     label: _propTypes.default.string.isRequired
   })),
-  onChange: _propTypes.default.func.isRequired,
   style: _propTypes.default.object,
   /**
    * The content of the subheader, normally `ListSubheader`.

package/node/PickersTextField/PickersInputBase/PickersInputBase.js

@@ -221,6 +221,9 @@ const PickersInputBase = exports.PickersInputBase = /*#__PURE__*/React.forwardRe
     muiFormControl.onFocus?.(event);
     onFocus?.(event);
   };
+  const handleHiddenInputFocus = event => {
+    handleInputFocus(event);
+  };
   const handleInputBlur = event => {
     muiFormControl.onBlur?.(event);
     onBlur?.(event);
@@ -296,6 +299,10 @@ const PickersInputBase = exports.PickersInputBase = /*#__PURE__*/React.forwardRe
       readOnly: readOnly,
       required: muiFormControl.required,
       disabled: muiFormControl.disabled
+      // Hidden input element cannot be focused, trigger the root focus instead
+      // This allows to maintain the ability to do `inputRef.current.focus()` to focus the field
+      ,
+      onFocus: handleHiddenInputFocus
     }, inputProps, {
       ref: handleInputRef
     }))]

package/node/PickersTextField/PickersTextField.js

@@ -132,7 +132,7 @@ const PickersTextField = exports.PickersTextField = /*#__PURE__*/React.forwardRe
       required: required,
       ownerState: ownerState
     }, other, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputLabel.default, (0, _extends2.default)({
+      children: [label != null && label !== '' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputLabel.default, (0, _extends2.default)({
         htmlFor: id,
         id: inputLabelId
       }, InputLabelProps, {

package/node/TimeField/useTimeField.js

@@ -5,24 +5,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useTimeField = void 0;
-var _valueManagers = require("../internals/utils/valueManagers");
 var _useField = require("../internals/hooks/useField");
-var _validation = require("../validation");
 var _hooks = require("../hooks");
-var _defaultizedFieldProps = require("../internals/hooks/defaultizedFieldProps");
-const useTimeField = inProps => {
-  const props = (0, _defaultizedFieldProps.useDefaultizedTimeField)(inProps);
+var _managers = require("../managers");
+const useTimeField = props => {
+  const manager = (0, _managers.useTimeManager)(props);
   const {
     forwardedProps,
     internalProps
   } = (0, _hooks.useSplitFieldProps)(props, 'time');
+  const internalPropsWithDefaults = (0, _useField.useFieldInternalPropsWithDefaults)({
+    manager,
+    internalProps
+  });
   return (0, _useField.useField)({
     forwardedProps,
-    internalProps,
-    valueManager: _valueManagers.singleItemValueManager,
-    fieldValueManager: _valueManagers.singleItemFieldValueManager,
-    validator: _validation.validateTime,
-    valueType: 'time'
+    internalProps: internalPropsWithDefaults,
+    valueManager: manager.internal_valueManager,
+    fieldValueManager: manager.internal_fieldValueManager,
+    validator: manager.validator,
+    valueType: manager.valueType
   });
 };
 exports.useTimeField = useTimeField;

package/node/TimePicker/TimePicker.js

@@ -76,8 +76,8 @@ process.env.NODE_ENV !== "production" ? TimePicker.propTypes = {
   autoFocus: _propTypes.default.bool,
   className: _propTypes.default.string,
   /**
-   * If `true`, the popover or modal will close after submitting the full date.
-   * @default `true` for desktop, `false` for mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
+   * If `true`, the Picker will close after submitting the full date.
+   * @default false
    */
   closeOnSelect: _propTypes.default.bool,
   /**

package/node/TimePicker/TimePickerToolbar.js

@@ -26,7 +26,7 @@ var _dateUtils = require("../internals/utils/date-utils");
 var _hooks = require("../hooks");
 var _useToolbarOwnerState = require("../internals/hooks/useToolbarOwnerState");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["ampm", "ampmInClock", "value", "isLandscape", "onChange", "view", "onViewChange", "views", "className", "classes"];
+const _excluded = ["ampm", "ampmInClock", "className", "classes"];
 const useUtilityClasses = (classes, ownerState) => {
   const {
     pickerOrientation,
@@ -129,12 +129,6 @@ function TimePickerToolbar(inProps) {
   const {
       ampm,
       ampmInClock,
-      value,
-      isLandscape,
-      onChange,
-      view,
-      onViewChange,
-      views,
       className,
       classes: classesProp
     } = props,
@@ -144,15 +138,27 @@ function TimePickerToolbar(inProps) {
   const ownerState = (0, _useToolbarOwnerState.useToolbarOwnerState)();
   const classes = useUtilityClasses(classesProp, ownerState);
   const {
+    value,
+    setValue,
     disabled,
-    readOnly
+    readOnly,
+    view,
+    setView,
+    views
   } = (0, _hooks.usePickerContext)();
   const showAmPmControl = Boolean(ampm && !ampmInClock && views.includes('hours'));
   const {
     meridiemMode,
     handleMeridiemChange
-  } = (0, _dateHelpersHooks.useMeridiemMode)(value, ampm, onChange);
-  const formatHours = time => ampm ? utils.format(time, 'hours12h') : utils.format(time, 'hours24h');
+  } = (0, _dateHelpersHooks.useMeridiemMode)(value, ampm, newValue => setValue(newValue, {
+    changeImportance: 'set'
+  }));
+  const formatSection = format => {
+    if (!utils.isValid(value)) {
+      return '--';
+    }
+    return utils.format(value, format);
+  };
   const separator = /*#__PURE__*/(0, _jsxRuntime.jsx)(TimePickerToolbarSeparator, {
     tabIndex: -1,
     value: ":",
@@ -163,7 +169,6 @@ function TimePickerToolbar(inProps) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TimePickerToolbarRoot, (0, _extends2.default)({
     landscapeDirection: "row",
     toolbarTitle: translations.timePickerToolbarTitle,
-    isLandscape: isLandscape,
     ownerState: ownerState,
     className: (0, _clsx.default)(classes.root, className)
   }, other, {
@@ -173,20 +178,20 @@ function TimePickerToolbar(inProps) {
       children: [(0, _utils.arrayIncludes)(views, 'hours') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
         tabIndex: -1,
         variant: "h3",
-        onClick: () => onViewChange('hours'),
+        onClick: () => setView('hours'),
         selected: view === 'hours',
-        value: value ? formatHours(value) : '--'
+        value: formatSection(ampm ? 'hours12h' : 'hours24h')
       }), (0, _utils.arrayIncludes)(views, ['hours', 'minutes']) && separator, (0, _utils.arrayIncludes)(views, 'minutes') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
         tabIndex: -1,
         variant: "h3",
-        onClick: () => onViewChange('minutes'),
+        onClick: () => setView('minutes'),
         selected: view === 'minutes',
-        value: value ? utils.format(value, 'minutes') : '--'
+        value: formatSection('minutes')
       }), (0, _utils.arrayIncludes)(views, ['minutes', 'seconds']) && separator, (0, _utils.arrayIncludes)(views, 'seconds') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
         variant: "h3",
-        onClick: () => onViewChange('seconds'),
+        onClick: () => setView('seconds'),
         selected: view === 'seconds',
-        value: value ? utils.format(value, 'seconds') : '--'
+        value: formatSection('seconds')
       })]
     }), showAmPmControl && /*#__PURE__*/(0, _jsxRuntime.jsxs)(TimePickerToolbarAmPmSelection, {
       className: classes.ampmSelection,
@@ -228,14 +233,6 @@ process.env.NODE_ENV !== "production" ? TimePickerToolbar.propTypes = {
    * @default `true` for Desktop, `false` for Mobile.
    */
   hidden: _propTypes.default.bool,
-  isLandscape: _propTypes.default.bool.isRequired,
-  onChange: _propTypes.default.func.isRequired,
-  /**
-   * Callback called when a toolbar is clicked
-   * @template TView
-   * @param {TView} view The view to open
-   */
-  onViewChange: _propTypes.default.func.isRequired,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
@@ -249,14 +246,5 @@ process.env.NODE_ENV !== "production" ? TimePickerToolbar.propTypes = {
    * Toolbar value placeholder—it is displayed when the value is empty.
    * @default "––"
    */
-  toolbarPlaceholder: _propTypes.default.node,
-  value: _propTypes.default.object,
-  /**
-   * Currently visible picker view.
-   */
-  view: _propTypes.default.oneOf(['hours', 'meridiem', 'minutes', 'seconds']).isRequired,
-  /**
-   * Available views.
-   */
-  views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['hours', 'meridiem', 'minutes', 'seconds']).isRequired).isRequired
+  toolbarPlaceholder: _propTypes.default.node
 } : void 0;

package/node/hooks/index.js

@@ -9,12 +9,24 @@ Object.defineProperty(exports, "useClearableField", {
     return _useClearableField.useClearableField;
   }
 });
+Object.defineProperty(exports, "useIsValidValue", {
+  enumerable: true,
+  get: function () {
+    return _useIsValidValue.useIsValidValue;
+  }
+});
 Object.defineProperty(exports, "useParsedFormat", {
   enumerable: true,
   get: function () {
     return _useParsedFormat.useParsedFormat;
   }
 });
+Object.defineProperty(exports, "usePickerActionsContext", {
+  enumerable: true,
+  get: function () {
+    return _usePickerActionsContext.usePickerActionsContext;
+  }
+});
 Object.defineProperty(exports, "usePickerContext", {
   enumerable: true,
   get: function () {
@@ -37,4 +49,6 @@ var _useClearableField = require("./useClearableField");
 var _usePickerTranslations = require("./usePickerTranslations");
 var _useSplitFieldProps = require("./useSplitFieldProps");
 var _useParsedFormat = require("./useParsedFormat");
-var _usePickerContext = require("./usePickerContext");
+var _usePickerContext = require("./usePickerContext");
+var _usePickerActionsContext = require("./usePickerActionsContext");
+var _useIsValidValue = require("./useIsValidValue");

package/node/hooks/useIsValidValue.js

@@ -0,0 +1,18 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IsValidValueContext = void 0;
+exports.useIsValidValue = useIsValidValue;
+var React = _interopRequireWildcard(require("react"));
+const IsValidValueContext = exports.IsValidValueContext = /*#__PURE__*/React.createContext(() => true);
+
+/**
+ * Returns a function to check if a value is valid according to the validation props passed to the parent picker.
+ */
+function useIsValidValue() {
+  return React.useContext(IsValidValueContext);
+}

package/node/hooks/usePickerActionsContext.js

@@ -0,0 +1,22 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePickerActionsContext = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _PickerProvider = require("../internals/components/PickerProvider");
+/**
+ * Returns a subset of the context passed by the picker wrapping the current component.
+ * It only contains the actions and never causes a re-render of the component using it.
+ */
+const usePickerActionsContext = () => {
+  const value = React.useContext(_PickerProvider.PickerActionsContext);
+  if (value == null) {
+    throw new Error(['MUI X: The `usePickerActionsContext` can only be called in fields that are used as a slot of a picker component'].join('\n'));
+  }
+  return value;
+};
+exports.usePickerActionsContext = usePickerActionsContext;

package/node/hooks/usePickerContext.js

@@ -14,7 +14,7 @@ var _PickerProvider = require("../internals/components/PickerProvider");
 const usePickerContext = () => {
   const value = React.useContext(_PickerProvider.PickerContext);
   if (value == null) {
-    throw new Error(['MUI X: The `usePickerContext` can only be called in fields that are used as a slot of a picker component'].join('\n'));
+    throw new Error('MUI X: The `usePickerContext` hook can only be called inside the context of a picker component');
   }
   return value;
 };

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v8.0.0-alpha.5
+ * @mui/x-date-pickers v8.0.0-alpha.7
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -463,4 +463,16 @@ Object.keys(_validation).forEach(function (key) {
       return _validation[key];
     }
   });
+});
+var _managers = require("./managers");
+Object.keys(_managers).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _managers[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _managers[key];
+    }
+  });
 });