@mui/x-date-pickers 6.8.0 → 6.9.0

package/node/internals/hooks/useUtils.js

@@ -31,9 +31,12 @@ const useDefaultDates = () => useLocalizationContext().defaultDates;
 exports.useDefaultDates = useDefaultDates;
 const useLocaleText = () => useLocalizationContext().localeText;
 exports.useLocaleText = useLocaleText;
-const useNow = () => {
+const useNow = timezone => {
   const utils = useUtils();
-  const now = React.useRef(utils.date());
+  const now = React.useRef();
+  if (now.current === undefined) {
+    now.current = utils.dateWithTimezone(undefined, timezone);
+  }
   return now.current;
 };
 exports.useNow = useNow;

package/node/internals/hooks/useValueWithTimezone.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useValueWithTimezone = exports.useControlledValueWithTimezone = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _useControlled = _interopRequireDefault(require("@mui/utils/useControlled"));
+var _useUtils = require("./useUtils");
+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; }
+/**
+ * Hooks making sure that:
+ * - The value returned by `onChange` always have the timezone of `props.value` or `props.defaultValue` if defined
+ * - The value rendered is always the one from `props.timezone` if defined
+ */
+const useValueWithTimezone = ({
+  timezone: timezoneProp,
+  value: valueProp,
+  defaultValue,
+  onChange,
+  valueManager
+}) => {
+  const utils = (0, _useUtils.useUtils)();
+  const firstDefaultValue = React.useRef(defaultValue);
+  const inputValue = valueProp ?? firstDefaultValue.current ?? valueManager.emptyValue;
+  const inputTimezone = React.useMemo(() => valueManager.getTimezone(utils, inputValue), [utils, valueManager, inputValue]);
+  const setInputTimezone = (0, _useEventCallback.default)(newValue => {
+    if (inputTimezone == null) {
+      return newValue;
+    }
+    return valueManager.setTimezone(utils, inputTimezone, newValue);
+  });
+  const timezoneToRender = timezoneProp ?? inputTimezone ?? 'default';
+  const valueWithTimezoneToRender = React.useMemo(() => valueManager.setTimezone(utils, timezoneToRender, inputValue), [valueManager, utils, timezoneToRender, inputValue]);
+  const handleValueChange = (0, _useEventCallback.default)((newValue, ...otherParams) => {
+    const newValueWithInputTimezone = setInputTimezone(newValue);
+    onChange?.(newValueWithInputTimezone, ...otherParams);
+  });
+  return {
+    value: valueWithTimezoneToRender,
+    handleValueChange,
+    timezone: timezoneToRender
+  };
+};
+
+/**
+ * Wrapper around `useControlled` and `useValueWithTimezone`
+ */
+exports.useValueWithTimezone = useValueWithTimezone;
+const useControlledValueWithTimezone = ({
+  name,
+  timezone: timezoneProp,
+  value: valueProp,
+  defaultValue,
+  onChange: onChangeProp,
+  valueManager
+}) => {
+  const [valueWithInputTimezone, setValue] = (0, _useControlled.default)({
+    name,
+    state: 'value',
+    controlled: valueProp,
+    default: defaultValue ?? valueManager.emptyValue
+  });
+  const onChange = (0, _useEventCallback.default)((newValue, ...otherParams) => {
+    setValue(newValue);
+    onChangeProp?.(newValue, ...otherParams);
+  });
+  return useValueWithTimezone({
+    timezone: timezoneProp,
+    value: valueWithInputTimezone,
+    defaultValue: undefined,
+    onChange,
+    valueManager
+  });
+};
+exports.useControlledValueWithTimezone = useControlledValueWithTimezone;

package/node/internals/index.js

@@ -195,6 +195,12 @@ Object.defineProperty(exports, "useCalendarState", {
     return _useCalendarState.useCalendarState;
   }
 });
+Object.defineProperty(exports, "useControlledValueWithTimezone", {
+  enumerable: true,
+  get: function () {
+    return _useValueWithTimezone.useControlledValueWithTimezone;
+  }
+});
 Object.defineProperty(exports, "useDefaultDates", {
   enumerable: true,
   get: function () {
@@ -290,6 +296,7 @@ var _pickersArrowSwitcherClasses = require("./components/PickersArrowSwitcher/pi
 var _pickersPopperClasses = require("./components/pickersPopperClasses");
 var _PickersToolbarButton = require("./components/PickersToolbarButton");
 var _dimensions = require("./constants/dimensions");
+var _useValueWithTimezone = require("./hooks/useValueWithTimezone");
 var _useField = require("./hooks/useField");
 var _usePicker = require("./hooks/usePicker");
 var _useStaticPicker = require("./hooks/useStaticPicker");

package/node/internals/utils/date-utils.js

@@ -12,9 +12,10 @@ const findClosestEnabledDate = ({
   maxDate,
   minDate,
   isDateDisabled,
-  utils
+  utils,
+  timezone
 }) => {
-  const today = utils.startOfDay(utils.date());
+  const today = utils.startOfDay(utils.dateWithTimezone(undefined, timezone));
   if (disablePast && utils.isBefore(minDate, today)) {
     minDate = today;
   }
@@ -90,7 +91,7 @@ const mergeDateAndTime = (utils, dateParam, timeParam) => {
   return mergedDate;
 };
 exports.mergeDateAndTime = mergeDateAndTime;
-const getTodayDate = (utils, valueType) => valueType === 'date' ? utils.startOfDay(utils.date()) : utils.date();
+const getTodayDate = (utils, timezone, valueType) => valueType === 'date' ? utils.startOfDay(utils.dateWithTimezone(undefined, timezone)) : utils.dateWithTimezone(undefined, timezone);
 exports.getTodayDate = getTodayDate;
 const dateViews = ['year', 'month', 'day'];
 const isDatePickerView = view => dateViews.includes(view);

package/node/internals/utils/fields.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.splitFieldInternalAndForwardedProps = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _extractValidationProps = require("./validation/extractValidationProps");
-const SHARED_FIELD_INTERNAL_PROP_NAMES = ['value', 'defaultValue', 'referenceDate', 'format', 'formatDensity', 'onChange', 'readOnly', 'onError', 'shouldRespectLeadingZeros', 'selectedSections', 'onSelectedSectionsChange', 'unstableFieldRef'];
+const SHARED_FIELD_INTERNAL_PROP_NAMES = ['value', 'defaultValue', 'referenceDate', 'format', 'formatDensity', 'onChange', 'timezone', 'readOnly', 'onError', 'shouldRespectLeadingZeros', 'selectedSections', 'onSelectedSectionsChange', 'unstableFieldRef'];
 const splitFieldInternalAndForwardedProps = (props, valueType) => {
   const forwardedProps = (0, _extends2.default)({}, props);
   const internalProps = {};

package/node/internals/utils/getDefaultReferenceDate.js

@@ -45,9 +45,10 @@ const roundDate = (utils, granularity, date) => {
 const getDefaultReferenceDate = ({
   props,
   utils,
-  granularity
+  granularity,
+  timezone
 }) => {
-  let referenceDate = roundDate(utils, granularity, (0, _dateUtils.getTodayDate)(utils));
+  let referenceDate = roundDate(utils, granularity, (0, _dateUtils.getTodayDate)(utils, timezone));
   if (props.minDate != null && utils.isAfterDay(props.minDate, referenceDate)) {
     referenceDate = roundDate(utils, granularity, props.minDate);
   }

package/node/internals/utils/validation/validateDate.js

@@ -13,21 +13,29 @@ const validateDate = ({
   if (value === null) {
     return null;
   }
-  const now = adapter.utils.date();
+  const {
+    shouldDisableDate,
+    shouldDisableMonth,
+    shouldDisableYear,
+    disablePast,
+    disableFuture,
+    timezone
+  } = props;
+  const now = adapter.utils.dateWithTimezone(undefined, timezone);
   const minDate = (0, _dateUtils.applyDefaultDate)(adapter.utils, props.minDate, adapter.defaultDates.minDate);
   const maxDate = (0, _dateUtils.applyDefaultDate)(adapter.utils, props.maxDate, adapter.defaultDates.maxDate);
   switch (true) {
     case !adapter.utils.isValid(value):
       return 'invalidDate';
-    case Boolean(props.shouldDisableDate && props.shouldDisableDate(value)):
+    case Boolean(shouldDisableDate && shouldDisableDate(value)):
       return 'shouldDisableDate';
-    case Boolean(props.shouldDisableMonth && props.shouldDisableMonth(value)):
+    case Boolean(shouldDisableMonth && shouldDisableMonth(value)):
       return 'shouldDisableMonth';
-    case Boolean(props.shouldDisableYear && props.shouldDisableYear(value)):
+    case Boolean(shouldDisableYear && shouldDisableYear(value)):
       return 'shouldDisableYear';
-    case Boolean(props.disableFuture && adapter.utils.isAfterDay(value, now)):
+    case Boolean(disableFuture && adapter.utils.isAfterDay(value, now)):
       return 'disableFuture';
-    case Boolean(props.disablePast && adapter.utils.isBeforeDay(value, now)):
+    case Boolean(disablePast && adapter.utils.isBeforeDay(value, now)):
       return 'disablePast';
     case Boolean(minDate && adapter.utils.isBeforeDay(value, minDate)):
       return 'minDate';

package/node/internals/utils/validation/validateTime.js

@@ -10,6 +10,9 @@ const validateTime = ({
   value,
   props
 }) => {
+  if (value === null) {
+    return null;
+  }
   const {
     minTime,
     maxTime,
@@ -18,14 +21,11 @@ const validateTime = ({
     shouldDisableTime,
     disableIgnoringDatePartForTimeValidation = false,
     disablePast,
-    disableFuture
+    disableFuture,
+    timezone
   } = props;
-  const now = adapter.utils.date();
-  const date = adapter.utils.date(value);
+  const now = adapter.utils.dateWithTimezone(undefined, timezone);
   const isAfter = (0, _timeUtils.createIsAfterIgnoreDatePart)(disableIgnoringDatePartForTimeValidation, adapter.utils);
-  if (value === null) {
-    return null;
-  }
   switch (true) {
     case !adapter.utils.isValid(value):
       return 'invalidDate';
@@ -33,9 +33,9 @@ const validateTime = ({
       return 'minTime';
     case Boolean(maxTime && isAfter(value, maxTime)):
       return 'maxTime';
-    case Boolean(disableFuture && adapter.utils.isAfter(date, now)):
+    case Boolean(disableFuture && adapter.utils.isAfter(value, now)):
       return 'disableFuture';
-    case Boolean(disablePast && adapter.utils.isBefore(date, now)):
+    case Boolean(disablePast && adapter.utils.isBefore(value, now)):
       return 'disablePast';
     case Boolean(shouldDisableTime && shouldDisableTime(value, 'hours')):
       return 'shouldDisableTime-hours';

package/node/internals/utils/valueManagers.js

@@ -32,7 +32,8 @@ const singleItemValueManager = {
   isSameError: (a, b) => a === b,
   hasError: error => error != null,
   defaultErrorState: null,
-  getTimezone: (utils, value) => value == null ? null : utils.getTimezone(value)
+  getTimezone: (utils, value) => value == null ? null : utils.getTimezone(value),
+  setTimezone: (utils, timezone, value) => value == null ? null : utils.setTimezone(value, timezone)
 };
 exports.singleItemValueManager = singleItemValueManager;
 const singleItemFieldValueManager = {

package/node/locales/csCZ.js

@@ -14,8 +14,8 @@ const timeViews = {
 };
 const csCZPickers = {
   // Calendar navigation
-  previousMonth: 'Další měsíc',
-  nextMonth: 'Předchozí měsíc',
+  previousMonth: 'Předchozí měsíc',
+  nextMonth: 'Další měsíc',
   // View navigation
   openPreviousView: 'otevřít předchozí zobrazení',
   openNextView: 'otevřít další zobrazení',

package/node/tests/describeAdapters/describeAdapters.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.describeAdapters = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _moment = _interopRequireDefault(require("moment"));
+var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 var _createDescribe = _interopRequireDefault(require("@mui/monorepo/test/utils/createDescribe"));
 var _pickersUtils = require("test/utils/pickers-utils");
 const ADAPTERS = ['dayjs', 'date-fns', 'luxon', 'moment'];
@@ -20,7 +21,8 @@ function innerDescribeAdapters(title, FieldComponent, testRunner) {
       const pickerRendererResponse = (0, _pickersUtils.createPickerRenderer)({
         adapterName,
         clock: 'fake',
-        clockConfig: new Date(2022, 5, 15)
+        clockConfig: new Date(2022, 5, 15),
+        instance: adapterName === 'moment' ? _momentTimezone.default : undefined
       });
       const fieldInteractions = (0, _pickersUtils.buildFieldInteractions)({
         clock: pickerRendererResponse.clock,

package/node/tests/describeGregorianAdapter/testCalculations.js

@@ -5,12 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.testCalculations = void 0;
 var _chai = require("chai");
+var _pickersUtils = require("test/utils/pickers-utils");
 var _describeGregorianAdapter = require("./describeGregorianAdapter.utils");
 const testCalculations = ({
   adapter,
   adapterTZ,
   adapterFr,
-  setDefaultTimezone
+  setDefaultTimezone,
+  getLocaleFromDate
 }) => {
   const testDateIso = adapter.date(_describeGregorianAdapter.TEST_DATE_ISO_STRING);
   const testDateLocale = adapter.date(_describeGregorianAdapter.TEST_DATE_LOCALE_STRING);
@@ -119,25 +121,27 @@ const testCalculations = ({
     testTimezone('default', 'America/Chicago');
     setDefaultTimezone(undefined);
   });
-  describe('Method: setTimezone', () => {
-    it('should support "default"', () => {
-      if (adapter.isTimezoneCompatible) {
-        const test = timezone => {
-          setDefaultTimezone(timezone);
-          const dateWithLocaleTimezone = adapter.dateWithTimezone(undefined, 'system');
-          const dateWithDefaultTimezone = adapter.setTimezone(dateWithLocaleTimezone, 'default');
-          (0, _chai.expect)(adapter.getTimezone(dateWithDefaultTimezone)).to.equal(timezone);
-        };
-        test('America/New_York');
-        test('Europe/Paris');
+  it('Method: setTimezone', () => {
+    if (adapter.isTimezoneCompatible) {
+      const test = timezone => {
+        setDefaultTimezone(timezone);
+        const dateWithLocaleTimezone = adapter.dateWithTimezone(_describeGregorianAdapter.TEST_DATE_ISO_STRING, 'system');
+        const dateWithDefaultTimezone = adapter.setTimezone(dateWithLocaleTimezone, 'default');
+        (0, _chai.expect)(adapter.getTimezone(dateWithDefaultTimezone)).to.equal(timezone);
+      };
+      test('America/New_York');
+      test('Europe/Paris');
 
-        // Reset to the default timezone
-        setDefaultTimezone(undefined);
-      } else {
-        const localeDate = adapter.dateWithTimezone(undefined, 'system');
-        (0, _chai.expect)(adapter.setTimezone(localeDate, 'default')).to.equal(localeDate);
-      }
-    });
+      // Reset to the default timezone
+      setDefaultTimezone(undefined);
+    } else {
+      const systemDate = adapter.dateWithTimezone(_describeGregorianAdapter.TEST_DATE_ISO_STRING, 'system');
+      (0, _chai.expect)(adapter.setTimezone(systemDate, 'default')).toEqualDateTime(systemDate);
+      (0, _chai.expect)(adapter.setTimezone(systemDate, 'system')).toEqualDateTime(systemDate);
+      const defaultDate = adapter.dateWithTimezone(_describeGregorianAdapter.TEST_DATE_ISO_STRING, 'default');
+      (0, _chai.expect)(adapter.setTimezone(systemDate, 'default')).toEqualDateTime(defaultDate);
+      (0, _chai.expect)(adapter.setTimezone(systemDate, 'system')).toEqualDateTime(defaultDate);
+    }
   });
   it('Method: toJsDate', () => {
     (0, _chai.expect)(adapter.toJsDate(testDateIso)).to.be.instanceOf(Date);
@@ -151,9 +155,6 @@ const testCalculations = ({
     if (adapter.lib === 'date-fns') {
       // date-fns never suppress useless milliseconds in the end
       (0, _chai.expect)(outputtedISO).to.equal(_describeGregorianAdapter.TEST_DATE_ISO_STRING.replace('.000Z', 'Z'));
-    } else if (adapter.lib === 'luxon') {
-      // luxon does not shorthand +00:00 to Z, which is also valid ISO string
-      (0, _chai.expect)(outputtedISO).to.equal(_describeGregorianAdapter.TEST_DATE_ISO_STRING.replace('Z', '+00:00'));
     } else {
       (0, _chai.expect)(outputtedISO).to.equal(_describeGregorianAdapter.TEST_DATE_ISO_STRING);
     }
@@ -554,6 +555,9 @@ const testCalculations = ({
   it('Method: getSeconds', () => {
     (0, _chai.expect)(adapter.getSeconds(testDateIso)).to.equal(0);
   });
+  it('Method: getMilliseconds', () => {
+    (0, _chai.expect)(adapter.getMilliseconds(testDateIso)).to.equal(0);
+  });
   it('Method: setYear', () => {
     (0, _chai.expect)(adapter.setYear(testDateIso, 2011)).toEqualDateTime('2011-10-30T11:44:00.000Z');
   });
@@ -572,6 +576,9 @@ const testCalculations = ({
   it('Method: setSeconds', () => {
     (0, _chai.expect)(adapter.setSeconds(testDateIso, 11)).toEqualDateTime('2018-10-30T11:44:11.000Z');
   });
+  it('Method: setMilliseconds', () => {
+    (0, _chai.expect)(adapter.setMilliseconds(testDateIso, 11)).toEqualDateTime('2018-10-30T11:44:00.011Z');
+  });
   it('Method: getDaysInMonth', () => {
     (0, _chai.expect)(adapter.getDaysInMonth(testDateIso)).to.equal(31);
     (0, _chai.expect)(adapter.getDaysInMonth(testDateLocale)).to.equal(31);
@@ -603,11 +610,46 @@ const testCalculations = ({
       date = adapter.addDays(date, 1);
     });
   });
-  it('Method: getWeekArray', () => {
-    const weekArray = adapter.getWeekArray(testDateIso);
-    (0, _chai.expect)(weekArray).to.have.length(5);
-    weekArray.forEach(week => {
-      (0, _chai.expect)(week).to.have.length(7);
+  describe('Method: getWeekArray', () => {
+    it('should work without timezones', () => {
+      const weekArray = adapter.getWeekArray(testDateIso);
+      let expectedDate = adapter.startOfWeek(adapter.startOfMonth(testDateIso));
+      (0, _chai.expect)(weekArray).to.have.length(5);
+      weekArray.forEach(week => {
+        (0, _chai.expect)(week).to.have.length(7);
+        week.forEach(day => {
+          (0, _chai.expect)(day).toEqualDateTime(expectedDate);
+          expectedDate = adapter.addDays(expectedDate, 1);
+        });
+      });
+    });
+    it('should respect the DST', function test() {
+      if (!adapterTZ.isTimezoneCompatible) {
+        this.skip();
+      }
+      const referenceDate = adapterTZ.dateWithTimezone('2022-03-17', 'Europe/Paris');
+      const weekArray = adapterTZ.getWeekArray(referenceDate);
+      let expectedDate = adapter.startOfWeek(adapter.startOfMonth(referenceDate));
+      const lastNonDSTDay = adapterTZ.dateWithTimezone('2022-03-27', 'Europe/Paris');
+      (0, _chai.expect)(weekArray).to.have.length(5);
+      weekArray.forEach(week => {
+        (0, _chai.expect)(week).to.have.length(7);
+        week.forEach(day => {
+          (0, _chai.expect)(adapterTZ.startOfDay(day)).toEqualDateTime(adapterTZ.startOfDay(expectedDate));
+          expectedDate = adapterTZ.addDays(expectedDate, 1);
+          (0, _chai.expect)((0, _pickersUtils.getDateOffset)(adapterTZ, day)).to.equal(adapterTZ.isAfter(day, lastNonDSTDay) ? 120 : 60);
+        });
+      });
+    });
+    it('should respect the locale of the adapter, not the locale of the date', function test() {
+      const dateFr = adapterFr.dateWithTimezone('2022-03-17', 'default');
+      const weekArray = adapter.getWeekArray(dateFr);
+      if (getLocaleFromDate) {
+        (0, _chai.expect)(getLocaleFromDate(weekArray[0][0])).to.match(/en/);
+      }
+
+      // Week should start on Monday (28th of March) for adapters supporting locale-based week start.
+      (0, _chai.expect)(adapter.getDate(weekArray[0][0])).to.equal(adapter.lib === 'luxon' ? 28 : 27);
     });
   });
   it('Method: getWeekNumber', () => {

package/node/tests/describeJalaliAdapter/testCalculations.js

@@ -169,6 +169,15 @@ const testCalculations = ({
   it('Method: getDate', () => {
     (0, _chai.expect)(adapter.getDate(testDateIso)).to.equal(8);
   });
+  it('Method: getMinutes', () => {
+    (0, _chai.expect)(adapter.getMinutes(testDateIso)).to.equal(44);
+  });
+  it('Method: getSeconds', () => {
+    (0, _chai.expect)(adapter.getSeconds(testDateIso)).to.equal(0);
+  });
+  it('Method: getMilliseconds', () => {
+    (0, _chai.expect)(adapter.getMilliseconds(testDateIso)).to.equal(0);
+  });
   it('Method: setYear', () => {
     (0, _chai.expect)(adapter.setYear(testDateIso, 1398)).toEqualDateTime('2019-10-30T11:44:00.000Z');
   });
@@ -178,6 +187,18 @@ const testCalculations = ({
   it('Method: setDate', () => {
     (0, _chai.expect)(adapter.setDate(testDateIso, 9)).toEqualDateTime('2018-10-31T11:44:00.000Z');
   });
+  it('Method: setHours', () => {
+    (0, _chai.expect)(adapter.setHours(testDateIso, 0)).toEqualDateTime('2018-10-30T00:44:00.000Z');
+  });
+  it('Method: setMinutes', () => {
+    (0, _chai.expect)(adapter.setMinutes(testDateIso, 12)).toEqualDateTime('2018-10-30T11:12:00.000Z');
+  });
+  it('Method: setSeconds', () => {
+    (0, _chai.expect)(adapter.setSeconds(testDateIso, 11)).toEqualDateTime('2018-10-30T11:44:11.000Z');
+  });
+  it('Method: setMilliseconds', () => {
+    (0, _chai.expect)(adapter.setMilliseconds(testDateIso, 11)).toEqualDateTime('2018-10-30T11:44:00.011Z');
+  });
   it('Method: getNextMonth', () => {
     (0, _chai.expect)(adapter.getNextMonth(testDateIso)).toEqualDateTime('2018-11-29T11:44:00.000Z');
   });

package/node/timeViewRenderers/timeViewRenderers.js

@@ -41,7 +41,8 @@ const renderTimeViewClock = ({
   sx,
   autoFocus,
   showViewSwitcher,
-  disableIgnoringDatePartForTimeValidation
+  disableIgnoringDatePartForTimeValidation,
+  timezone
 }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimeClock.TimeClock, {
   view: view,
   onViewChange: onViewChange,
@@ -71,7 +72,8 @@ const renderTimeViewClock = ({
   sx: sx,
   autoFocus: autoFocus,
   showViewSwitcher: showViewSwitcher,
-  disableIgnoringDatePartForTimeValidation: disableIgnoringDatePartForTimeValidation
+  disableIgnoringDatePartForTimeValidation: disableIgnoringDatePartForTimeValidation,
+  timezone: timezone
 });
 exports.renderTimeViewClock = renderTimeViewClock;
 const renderDigitalClockTimeView = ({
@@ -103,7 +105,8 @@ const renderDigitalClockTimeView = ({
   autoFocus,
   disableIgnoringDatePartForTimeValidation,
   timeSteps,
-  skipDisabled
+  skipDisabled,
+  timezone
 }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_DigitalClock.DigitalClock, {
   view: view,
   onViewChange: onViewChange,
@@ -133,7 +136,8 @@ const renderDigitalClockTimeView = ({
   autoFocus: autoFocus,
   disableIgnoringDatePartForTimeValidation: disableIgnoringDatePartForTimeValidation,
   timeStep: timeSteps?.minutes,
-  skipDisabled: skipDisabled
+  skipDisabled: skipDisabled,
+  timezone: timezone
 });
 exports.renderDigitalClockTimeView = renderDigitalClockTimeView;
 const renderMultiSectionDigitalClockTimeView = ({
@@ -165,7 +169,8 @@ const renderMultiSectionDigitalClockTimeView = ({
   autoFocus,
   disableIgnoringDatePartForTimeValidation,
   timeSteps,
-  skipDisabled
+  skipDisabled,
+  timezone
 }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MultiSectionDigitalClock.MultiSectionDigitalClock, {
   view: view,
   onViewChange: onViewChange,
@@ -195,6 +200,7 @@ const renderMultiSectionDigitalClockTimeView = ({
   autoFocus: autoFocus,
   disableIgnoringDatePartForTimeValidation: disableIgnoringDatePartForTimeValidation,
   timeSteps: timeSteps,
-  skipDisabled: skipDisabled
+  skipDisabled: skipDisabled,
+  timezone: timezone
 });
 exports.renderMultiSectionDigitalClockTimeView = renderMultiSectionDigitalClockTimeView;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "6.8.0",
+  "version": "6.9.0",
   "description": "The community edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -33,7 +33,7 @@
     "directory": "packages/x-date-pickers"
   },
   "dependencies": {
-    "@babel/runtime": "^7.21.0",
+    "@babel/runtime": "^7.22.5",
     "@mui/utils": "^5.13.1",
     "@types/react-transition-group": "^4.4.6",
     "clsx": "^1.2.1",

package/tests/describeAdapters/describeAdapters.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import moment from 'moment';
+import momentTZ from 'moment-timezone';
 import createDescribe from '@mui/monorepo/test/utils/createDescribe';
 import { buildFieldInteractions, createPickerRenderer } from 'test/utils/pickers-utils';
 const ADAPTERS = ['dayjs', 'date-fns', 'luxon', 'moment'];
@@ -13,7 +14,8 @@ function innerDescribeAdapters(title, FieldComponent, testRunner) {
       const pickerRendererResponse = createPickerRenderer({
         adapterName,
         clock: 'fake',
-        clockConfig: new Date(2022, 5, 15)
+        clockConfig: new Date(2022, 5, 15),
+        instance: adapterName === 'moment' ? momentTZ : undefined
       });
       const fieldInteractions = buildFieldInteractions({
         clock: pickerRendererResponse.clock,