@mui/x-date-pickers 6.2.1 → 6.3.0

package/node/tests/describePicker/describePicker.js

@@ -0,0 +1,173 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.describePicker = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _chai = require("chai");
+var _sinon = require("sinon");
+var _utils = require("@mui/monorepo/test/utils");
+var _SvgIcon = _interopRequireDefault(require("@mui/material/SvgIcon"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/* eslint-env mocha */
+
+function innerDescribePicker(ElementToTest, options) {
+  const {
+    render,
+    fieldType,
+    hasNoView,
+    variant
+  } = options;
+  const propsToOpen = variant === 'static' ? {} : {
+    open: true
+  };
+  it('should forward the `inputRef` prop to the text field', function test() {
+    if (fieldType === 'multi-input' || variant === 'static') {
+      this.skip();
+    }
+    const inputRef = /*#__PURE__*/React.createRef();
+    render( /*#__PURE__*/(0, _jsxRuntime.jsx)(ElementToTest, {
+      inputRef: inputRef
+    }));
+    (0, _chai.expect)(inputRef.current).to.have.tagName('input');
+  });
+  describe('Localization', () => {
+    it('should respect the `localeText` prop', function test() {
+      if (hasNoView) {
+        this.skip();
+      }
+      render( /*#__PURE__*/(0, _jsxRuntime.jsx)(ElementToTest, (0, _extends2.default)({}, propsToOpen, {
+        localeText: {
+          cancelButtonLabel: 'Custom cancel'
+        },
+        slotProps: {
+          actionBar: {
+            actions: ['cancel']
+          }
+        }
+      })));
+      (0, _chai.expect)(_utils.screen.queryByText('Custom cancel')).not.to.equal(null);
+    });
+  });
+  describe('Component slot: OpenPickerIcon', () => {
+    it('should render custom component', function test() {
+      if (variant === 'static' || fieldType === 'multi-input') {
+        this.skip();
+      }
+      function HomeIcon(props) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SvgIcon.default, (0, _extends2.default)({
+          "data-testid": "component-test"
+        }, props, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+            d: "M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"
+          })
+        }));
+      }
+      const {
+        queryAllByTestId
+      } = render( /*#__PURE__*/(0, _jsxRuntime.jsx)(ElementToTest, {
+        slots: {
+          openPickerIcon: HomeIcon
+        }
+      }));
+      const shouldRenderOpenPickerIcon = !hasNoView && variant !== 'mobile';
+      (0, _chai.expect)(queryAllByTestId('component-test')).to.have.length(shouldRenderOpenPickerIcon ? 1 : 0);
+    });
+  });
+  describe('Component slot: DesktopPaper', () => {
+    it('should forward onClick and onTouchStart', function test() {
+      if (hasNoView || variant !== 'desktop') {
+        this.skip();
+      }
+      const handleClick = (0, _sinon.spy)();
+      const handleTouchStart = (0, _sinon.spy)();
+      render( /*#__PURE__*/(0, _jsxRuntime.jsx)(ElementToTest, (0, _extends2.default)({}, propsToOpen, {
+        slotProps: {
+          desktopPaper: {
+            onClick: handleClick,
+            onTouchStart: handleTouchStart,
+            'data-testid': 'paper'
+          }
+        }
+      })));
+      const paper = _utils.screen.getByTestId('paper');
+      _utils.fireEvent.click(paper);
+      _utils.fireEvent.touchStart(paper);
+      (0, _chai.expect)(handleClick.callCount).to.equal(1);
+      (0, _chai.expect)(handleTouchStart.callCount).to.equal(1);
+    });
+  });
+  describe('Component slot: Popper', () => {
+    it('should forward onClick and onTouchStart', function test() {
+      if (hasNoView || variant !== 'desktop') {
+        this.skip();
+      }
+      const handleClick = (0, _sinon.spy)();
+      const handleTouchStart = (0, _sinon.spy)();
+      render( /*#__PURE__*/(0, _jsxRuntime.jsx)(ElementToTest, (0, _extends2.default)({}, propsToOpen, {
+        slotProps: {
+          popper: {
+            onClick: handleClick,
+            onTouchStart: handleTouchStart,
+            'data-testid': 'popper'
+          }
+        }
+      })));
+      const popper = _utils.screen.getByTestId('popper');
+      _utils.fireEvent.click(popper);
+      _utils.fireEvent.touchStart(popper);
+      (0, _chai.expect)(handleClick.callCount).to.equal(1);
+      (0, _chai.expect)(handleTouchStart.callCount).to.equal(1);
+    });
+  });
+  describe('Component slot: Toolbar', () => {
+    it('should render toolbar on mobile but not on desktop when `hidden` is not defined', function test() {
+      if (hasNoView) {
+        this.skip();
+      }
+      render( /*#__PURE__*/(0, _jsxRuntime.jsx)(ElementToTest, (0, _extends2.default)({}, propsToOpen)));
+      if (variant === 'desktop') {
+        (0, _chai.expect)(_utils.screen.queryByMuiTest('picker-toolbar')).to.equal(null);
+      } else {
+        (0, _chai.expect)(_utils.screen.getByMuiTest('picker-toolbar')).toBeVisible();
+      }
+    });
+    it('should render toolbar when `hidden` is `false`', function test() {
+      if (hasNoView) {
+        this.skip();
+      }
+      render( /*#__PURE__*/(0, _jsxRuntime.jsx)(ElementToTest, (0, _extends2.default)({}, propsToOpen, {
+        slotProps: {
+          toolbar: {
+            hidden: false
+          }
+        }
+      })));
+      (0, _chai.expect)(_utils.screen.getByMuiTest('picker-toolbar')).toBeVisible();
+    });
+    it('should not render toolbar when `hidden` is `true`', function test() {
+      if (hasNoView) {
+        this.skip();
+      }
+      render( /*#__PURE__*/(0, _jsxRuntime.jsx)(ElementToTest, (0, _extends2.default)({}, propsToOpen, {
+        slotProps: {
+          toolbar: {
+            hidden: true
+          }
+        }
+      })));
+      (0, _chai.expect)(_utils.screen.queryByMuiTest('picker-toolbar')).to.equal(null);
+    });
+  });
+}
+
+/**
+ * Test behaviors shared across all pickers.
+ */
+const describePicker = (0, _utils.createDescribe)('Pickers shared APIs', innerDescribePicker);
+exports.describePicker = describePicker;

package/node/tests/describePicker/describePicker.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/tests/describePicker/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "describePicker", {
+  enumerable: true,
+  get: function () {
+    return _describePicker.describePicker;
+  }
+});
+var _describePicker = require("./describePicker");

package/node/tests/describeValue/describeValue.js

@@ -27,7 +27,7 @@ function innerDescribeValue(ElementToTest, getOptions) {
   });
 }
 /**
- * Tests various aspects of the picker value.
+ * Tests various aspects of component value.
  */
 const describeValue = (0, _createDescribe.default)('Value API', innerDescribeValue);
 exports.describeValue = describeValue;

package/node/tests/describeValue/testControlledUnControlled.js

@@ -12,6 +12,7 @@ var _chai = require("chai");
 var _sinon = require("sinon");
 var _utils = require("@mui/monorepo/test/utils");
 var _InputBase = require("@mui/material/InputBase");
+var _pickersUtils = require("test/utils/pickers-utils");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["render", "values", "componentFamily", "emptyValue", "assertRenderedValue", "setNewValue", "clock"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -28,6 +29,7 @@ const testControlledUnControlled = (ElementToTest, getOptions) => {
       clock
     } = _getOptions,
     pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_getOptions, _excluded);
+  const params = pickerParams;
   describe('Controlled / uncontrolled value', () => {
     it('should render `props.defaultValue` if no `props.value` is passed', () => {
       render( /*#__PURE__*/(0, _jsxRuntime.jsx)(ElementToTest, {
@@ -61,7 +63,7 @@ const testControlledUnControlled = (ElementToTest, getOptions) => {
       const newValue = setNewValue(values[0]);
       assertRenderedValue(newValue);
       // TODO: Clean this exception or change the clock behavior
-      (0, _chai.expect)(onChange.callCount).to.equal(componentFamily === 'clock' ? 2 : 1);
+      (0, _chai.expect)(onChange.callCount).to.equal((0, _pickersUtils.getExpectedOnChangeCount)(componentFamily));
       if (Array.isArray(newValue)) {
         newValue.forEach((value, index) => {
           (0, _chai.expect)(onChange.lastCall.args[0][index]).toEqualDateTime(value);
@@ -77,7 +79,7 @@ const testControlledUnControlled = (ElementToTest, getOptions) => {
         onChange: onChange
       }));
       const newValue = setNewValue(values[0]);
-      (0, _chai.expect)(onChange.callCount).to.equal(componentFamily === 'clock' ? 2 : 1);
+      (0, _chai.expect)(onChange.callCount).to.equal((0, _pickersUtils.getExpectedOnChangeCount)(componentFamily));
       if (Array.isArray(newValue)) {
         newValue.forEach((value, index) => {
           (0, _chai.expect)(onChange.lastCall.args[0][index]).toEqualDateTime(value);
@@ -115,7 +117,7 @@ const testControlledUnControlled = (ElementToTest, getOptions) => {
       });
     });
     it('should not allow editing with keyboard in mobile pickers', () => {
-      if (componentFamily !== 'picker' || pickerParams.variant !== 'mobile') {
+      if (componentFamily !== 'picker' || params.variant !== 'mobile') {
         return;
       }
       const handleChange = (0, _sinon.spy)();
@@ -135,8 +137,7 @@ const testControlledUnControlled = (ElementToTest, getOptions) => {
       (0, _chai.expect)(handleChange.callCount).to.equal(0);
     });
     it('should have correct labelledby relationship when toolbar is shown', () => {
-      const params = pickerParams;
-      if (componentFamily !== 'picker' || params.variant === 'desktop' && (params.type === 'time' || params.type === 'date-range')) {
+      if (componentFamily !== 'picker' || params.variant === 'desktop' && params.type === 'date-range') {
         return;
       }
       render( /*#__PURE__*/(0, _jsxRuntime.jsx)(ElementToTest, {
@@ -153,8 +154,7 @@ const testControlledUnControlled = (ElementToTest, getOptions) => {
       (0, _chai.expect)(_utils.screen.getByLabelText('Test toolbar')).to.have.attribute('role', 'dialog');
     });
     it('should have correct labelledby relationship with provided label when toolbar is hidden', () => {
-      const params = pickerParams;
-      if (componentFamily !== 'picker' || params.variant === 'desktop' && (params.type === 'time' || params.type === 'date-range')) {
+      if (componentFamily !== 'picker' || params.variant === 'desktop' && params.type === 'date-range') {
         return;
       }
       render( /*#__PURE__*/(0, _jsxRuntime.jsx)(ElementToTest, (0, _extends2.default)({
@@ -178,8 +178,7 @@ const testControlledUnControlled = (ElementToTest, getOptions) => {
       })).to.have.attribute('role', 'dialog');
     });
     it('should have correct labelledby relationship without label and hidden toolbar but external props', () => {
-      const params = pickerParams;
-      if (componentFamily !== 'picker' || params.variant === 'desktop' && (params.type === 'time' || params.type === 'date-range')) {
+      if (componentFamily !== 'picker' || params.variant === 'desktop' && params.type === 'date-range') {
         return;
       }
       render( /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/node/tests/describeValue/testPickerActionBar.js

@@ -8,6 +8,7 @@ var React = _interopRequireWildcard(require("react"));
 var _chai = require("chai");
 var _sinon = require("sinon");
 var _utils = require("@mui/monorepo/test/utils");
+var _pickersUtils = require("test/utils/pickers-utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -18,17 +19,11 @@ const testPickerActionBar = (ElementToTest, getOptions) => {
     values,
     emptyValue,
     setNewValue,
-    variant,
     type
   } = getOptions();
   if (componentFamily !== 'picker') {
     return;
   }
-
-  // No view to test
-  if (variant === 'desktop' && type === 'time') {
-    return;
-  }
   describe('Picker action bar', () => {
     describe('clear action', () => {
       it('should call onClose, onChange with empty value and onAccept with empty value', () => {
@@ -41,7 +36,7 @@ const testPickerActionBar = (ElementToTest, getOptions) => {
           onClose: onClose,
           defaultValue: values[0],
           open: true,
-          componentsProps: {
+          slotProps: {
             actionBar: {
               actions: ['clear']
             }
@@ -77,7 +72,7 @@ const testPickerActionBar = (ElementToTest, getOptions) => {
           onAccept: onAccept,
           onClose: onClose,
           open: true,
-          componentsProps: {
+          slotProps: {
             actionBar: {
               actions: ['clear']
             }
@@ -103,7 +98,7 @@ const testPickerActionBar = (ElementToTest, getOptions) => {
           onClose: onClose,
           open: true,
           value: values[0],
-          componentsProps: {
+          slotProps: {
             actionBar: {
               actions: ['cancel']
             }
@@ -139,7 +134,7 @@ const testPickerActionBar = (ElementToTest, getOptions) => {
           onClose: onClose,
           open: true,
           value: values[0],
-          componentsProps: {
+          slotProps: {
             actionBar: {
               actions: ['cancel']
             }
@@ -165,7 +160,7 @@ const testPickerActionBar = (ElementToTest, getOptions) => {
           onClose: onClose,
           open: true,
           defaultValue: values[0],
-          componentsProps: {
+          slotProps: {
             actionBar: {
               actions: ['accept']
             }
@@ -194,7 +189,7 @@ const testPickerActionBar = (ElementToTest, getOptions) => {
           onClose: onClose,
           open: true,
           defaultValue: values[0],
-          componentsProps: {
+          slotProps: {
             actionBar: {
               actions: ['accept']
             }
@@ -218,7 +213,7 @@ const testPickerActionBar = (ElementToTest, getOptions) => {
           onClose: onClose,
           open: true,
           value: values[0],
-          componentsProps: {
+          slotProps: {
             actionBar: {
               actions: ['accept']
             }
@@ -233,6 +228,44 @@ const testPickerActionBar = (ElementToTest, getOptions) => {
         (0, _chai.expect)(onClose.callCount).to.equal(1);
       });
     });
+    describe('today action', () => {
+      it("should call onClose, onChange with today's value and onAccept with today's value", () => {
+        const onChange = (0, _sinon.spy)();
+        const onAccept = (0, _sinon.spy)();
+        const onClose = (0, _sinon.spy)();
+        render( /*#__PURE__*/(0, _jsxRuntime.jsx)(ElementToTest, {
+          onChange: onChange,
+          onAccept: onAccept,
+          onClose: onClose,
+          defaultValue: values[0],
+          open: true,
+          slotProps: {
+            actionBar: {
+              actions: ['today']
+            }
+          }
+        }));
+        _utils.userEvent.mousePress(_utils.screen.getByText(/today/i));
+        const startOfToday = type === 'date' ? _pickersUtils.adapterToUse.startOfDay(_pickersUtils.adapterToUse.date()) : _pickersUtils.adapterToUse.date();
+        (0, _chai.expect)(onChange.callCount).to.equal(1);
+        if (type === 'date-range') {
+          onChange.lastCall.args[0].forEach(value => {
+            (0, _chai.expect)(value).toEqualDateTime(startOfToday);
+          });
+        } else {
+          (0, _chai.expect)(onChange.lastCall.args[0]).toEqualDateTime(startOfToday);
+        }
+        (0, _chai.expect)(onAccept.callCount).to.equal(1);
+        if (type === 'date-range') {
+          onAccept.lastCall.args[0].forEach(value => {
+            (0, _chai.expect)(value).toEqualDateTime(startOfToday);
+          });
+        } else {
+          (0, _chai.expect)(onAccept.lastCall.args[0]).toEqualDateTime(startOfToday);
+        }
+        (0, _chai.expect)(onClose.callCount).to.equal(1);
+      });
+    });
   });
 };
 exports.testPickerActionBar = testPickerActionBar;

package/node/tests/describeValue/testPickerOpenCloseLifeCycle.js

@@ -27,11 +27,6 @@ const testPickerOpenCloseLifeCycle = (ElementToTest, getOptions) => {
   if (componentFamily !== 'picker') {
     return;
   }
-
-  // No view to test
-  if (pickerParams.variant === 'desktop' && pickerParams.type === 'time') {
-    return;
-  }
   const viewWrapperRole = pickerParams.type === 'date-range' && pickerParams.variant === 'desktop' ? 'tooltip' : 'dialog';
   describe('Picker open / close lifecycle', () => {
     it('should not open on mount if `props.open` is false', () => {

package/node/timeViewRenderers/index.js

@@ -3,6 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "renderDigitalClockTimeView", {
+  enumerable: true,
+  get: function () {
+    return _timeViewRenderers.renderDigitalClockTimeView;
+  }
+});
+Object.defineProperty(exports, "renderMultiSectionDigitalClockTimeView", {
+  enumerable: true,
+  get: function () {
+    return _timeViewRenderers.renderMultiSectionDigitalClockTimeView;
+  }
+});
 Object.defineProperty(exports, "renderTimeViewClock", {
   enumerable: true,
   get: function () {

package/node/timeViewRenderers/timeViewRenderers.js

@@ -3,16 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.renderTimeViewClock = void 0;
+exports.renderTimeViewClock = exports.renderMultiSectionDigitalClockTimeView = exports.renderDigitalClockTimeView = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _TimeClock = require("../TimeClock");
+var _DigitalClock = require("../DigitalClock");
+var _MultiSectionDigitalClock = require("../MultiSectionDigitalClock");
+var _timeUtils = require("../internals/utils/time-utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const isTimePickerView = view => view === 'hours' || view === 'minutes' || view === 'seconds';
 const renderTimeViewClock = ({
   view,
   onViewChange,
+  focusedView,
+  onFocusedViewChange,
   views,
   value,
   defaultValue,
@@ -41,7 +45,9 @@ const renderTimeViewClock = ({
 }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimeClock.TimeClock, {
   view: view,
   onViewChange: onViewChange,
-  views: views.filter(isTimePickerView),
+  focusedView: focusedView,
+  onFocusedViewChange: onFocusedViewChange,
+  views: views.filter(_timeUtils.isTimeView),
   value: value,
   defaultValue: defaultValue,
   onChange: onChange,
@@ -67,4 +73,128 @@ const renderTimeViewClock = ({
   showViewSwitcher: showViewSwitcher,
   disableIgnoringDatePartForTimeValidation: disableIgnoringDatePartForTimeValidation
 });
-exports.renderTimeViewClock = renderTimeViewClock;
+exports.renderTimeViewClock = renderTimeViewClock;
+const renderDigitalClockTimeView = ({
+  view,
+  onViewChange,
+  focusedView,
+  onFocusedViewChange,
+  views,
+  value,
+  defaultValue,
+  onChange,
+  className,
+  classes,
+  disableFuture,
+  disablePast,
+  minTime,
+  maxTime,
+  shouldDisableTime,
+  shouldDisableClock,
+  minutesStep,
+  ampm,
+  components,
+  componentsProps,
+  slots,
+  slotProps,
+  readOnly,
+  disabled,
+  sx,
+  autoFocus,
+  disableIgnoringDatePartForTimeValidation,
+  timeSteps,
+  skipDisabled
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_DigitalClock.DigitalClock, {
+  view: view,
+  onViewChange: onViewChange,
+  focusedView: focusedView,
+  onFocusedViewChange: onFocusedViewChange,
+  views: views.filter(_timeUtils.isTimeView),
+  value: value,
+  defaultValue: defaultValue,
+  onChange: onChange,
+  className: className,
+  classes: classes,
+  disableFuture: disableFuture,
+  disablePast: disablePast,
+  minTime: minTime,
+  maxTime: maxTime,
+  shouldDisableTime: shouldDisableTime,
+  shouldDisableClock: shouldDisableClock,
+  minutesStep: minutesStep,
+  ampm: ampm,
+  components: components,
+  componentsProps: componentsProps,
+  slots: slots,
+  slotProps: slotProps,
+  readOnly: readOnly,
+  disabled: disabled,
+  sx: sx,
+  autoFocus: autoFocus,
+  disableIgnoringDatePartForTimeValidation: disableIgnoringDatePartForTimeValidation,
+  timeStep: timeSteps?.minutes,
+  skipDisabled: skipDisabled
+});
+exports.renderDigitalClockTimeView = renderDigitalClockTimeView;
+const renderMultiSectionDigitalClockTimeView = ({
+  view,
+  onViewChange,
+  focusedView,
+  onFocusedViewChange,
+  views,
+  value,
+  defaultValue,
+  onChange,
+  className,
+  classes,
+  disableFuture,
+  disablePast,
+  minTime,
+  maxTime,
+  shouldDisableTime,
+  shouldDisableClock,
+  minutesStep,
+  ampm,
+  components,
+  componentsProps,
+  slots,
+  slotProps,
+  readOnly,
+  disabled,
+  sx,
+  autoFocus,
+  disableIgnoringDatePartForTimeValidation,
+  timeSteps,
+  skipDisabled
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MultiSectionDigitalClock.MultiSectionDigitalClock, {
+  view: view,
+  onViewChange: onViewChange,
+  focusedView: focusedView,
+  onFocusedViewChange: onFocusedViewChange,
+  views: views.filter(_timeUtils.isTimeView),
+  value: value,
+  defaultValue: defaultValue,
+  onChange: onChange,
+  className: className,
+  classes: classes,
+  disableFuture: disableFuture,
+  disablePast: disablePast,
+  minTime: minTime,
+  maxTime: maxTime,
+  shouldDisableTime: shouldDisableTime,
+  shouldDisableClock: shouldDisableClock,
+  minutesStep: minutesStep,
+  ampm: ampm,
+  components: components,
+  componentsProps: componentsProps,
+  slots: slots,
+  slotProps: slotProps,
+  readOnly: readOnly,
+  disabled: disabled,
+  sx: sx,
+  autoFocus: autoFocus,
+  disableIgnoringDatePartForTimeValidation: disableIgnoringDatePartForTimeValidation,
+  timeSteps: timeSteps,
+  skipDisabled: skipDisabled
+});
+exports.renderMultiSectionDigitalClockTimeView = renderMultiSectionDigitalClockTimeView;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "6.2.1",
+  "version": "6.3.0",
   "description": "The community edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -34,14 +34,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.21.0",
-    "@date-io/core": "^2.16.0",
-    "@date-io/date-fns": "^2.16.0",
-    "@date-io/date-fns-jalali": "^2.16.0",
-    "@date-io/hijri": "^2.16.1",
-    "@date-io/jalaali": "^2.16.1",
-    "@date-io/luxon": "^2.16.1",
-    "@date-io/moment": "^2.16.1",
-    "@mui/utils": "^5.11.13",
+    "@mui/utils": "^5.12.0",
     "@types/react-transition-group": "^4.4.5",
     "clsx": "^1.2.1",
     "prop-types": "^15.8.1",
@@ -59,7 +52,7 @@
     "luxon": "^3.0.2",
     "moment": "^2.29.4",
     "moment-hijri": "^2.1.2",
-    "moment-jalaali": "^0.7.4 || ^0.8.0 || ^0.9.0",
+    "moment-jalaali": "^0.7.4 || ^0.8.0 || ^0.9.0 || ^0.10.0",
     "react": "^17.0.2 || ^18.0.0",
     "react-dom": "^17.0.2 || ^18.0.0"
   },

package/tests/describeAdapters/describeAdapters.js

@@ -20,9 +20,7 @@ function innerDescribeAdapters(title, FieldComponent, testRunner) {
         render: pickerRendererResponse.render,
         Component: FieldComponent
       });
-      testRunner(_extends({
-        adapterName
-      }, pickerRendererResponse, fieldInteractions));
+      testRunner(_extends({}, pickerRendererResponse, fieldInteractions));
     });
   });
 }

package/tests/describeGregorianAdapter/describeGregorianAdapter.js

@@ -5,7 +5,9 @@ import { testLocalization } from './testLocalization';
 import { testFormat } from './testFormat';
 export const TEST_DATE_ISO = '2018-10-30T11:44:00.000Z';
 function innerGregorianDescribeAdapter(Adapter, params) {
-  const adapter = new Adapter({});
+  const adapter = new Adapter({
+    locale: params.locale
+  });
   describe(adapter.lib, () => {
     const testSuitParams = _extends({}, params, {
       adapter,