@mui/x-date-pickers 6.10.2 → 6.11.0

package/node/{DateCalendar → PickersCalendarHeader}/PickersCalendarHeader.js

@@ -4,23 +4,26 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PickersCalendarHeader = PickersCalendarHeader;
+exports.PickersCalendarHeader = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _Fade = _interopRequireDefault(require("@mui/material/Fade"));
 var _styles = require("@mui/material/styles");
 var _utils = require("@mui/base/utils");
 var _utils2 = require("@mui/utils");
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _useUtils = require("../internals/hooks/useUtils");
-var _PickersFadeTransitionGroup = require("./PickersFadeTransitionGroup");
+var _PickersFadeTransitionGroup = require("../DateCalendar/PickersFadeTransitionGroup");
 var _icons = require("../icons");
 var _PickersArrowSwitcher = require("../internals/components/PickersArrowSwitcher");
 var _dateHelpersHooks = require("../internals/hooks/date-helpers-hooks");
 var _pickersCalendarHeaderClasses = require("./pickersCalendarHeaderClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["ownerState"]; // We keep the interface to allow module augmentation
+const _excluded = ["slots", "slotProps", "currentMonth", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onMonthChange", "onViewChange", "view", "reduceAnimations", "views", "labelId", "className", "timezone"],
+  _excluded2 = ["ownerState"]; // We keep the interface to allow module augmentation
 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 useUtilityClasses = ownerState => {
@@ -97,11 +100,7 @@ const PickersCalendarHeaderSwitchViewIcon = (0, _styles.styled)(_icons.ArrowDrop
   transition: theme.transitions.create('transform'),
   transform: 'rotate(0deg)'
 }));
-
-/**
- * @ignore - do not document.
- */
-function PickersCalendarHeader(inProps) {
+const PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCalendarHeader(inProps, ref) {
   const localeText = (0, _useUtils.useLocaleText)();
   const utils = (0, _useUtils.useUtils)();
   const props = (0, _styles.useThemeProps)({
@@ -109,22 +108,24 @@ function PickersCalendarHeader(inProps) {
     name: 'MuiPickersCalendarHeader'
   });
   const {
-    slots,
-    slotProps,
-    currentMonth: month,
-    disabled,
-    disableFuture,
-    disablePast,
-    maxDate,
-    minDate,
-    onMonthChange,
-    onViewChange,
-    view,
-    reduceAnimations,
-    views,
-    labelId,
-    timezone
-  } = props;
+      slots,
+      slotProps,
+      currentMonth: month,
+      disabled,
+      disableFuture,
+      disablePast,
+      maxDate,
+      minDate,
+      onMonthChange,
+      onViewChange,
+      view,
+      reduceAnimations,
+      views,
+      labelId,
+      className,
+      timezone
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(props);
   const SwitchViewButton = slots?.switchViewButton ?? PickersCalendarHeaderSwitchViewButton;
@@ -146,7 +147,7 @@ function PickersCalendarHeader(inProps) {
       ownerState: undefined,
       className: classes.switchViewIcon
     }),
-    switchViewIconProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded);
+    switchViewIconProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
   const selectNextMonth = () => onMonthChange(utils.addMonths(month, 1), 'left');
   const selectPreviousMonth = () => onMonthChange(utils.addMonths(month, -1), 'right');
   const isNextMonthDisabled = (0, _dateHelpersHooks.useNextMonthDisabled)(month, {
@@ -176,9 +177,10 @@ function PickersCalendarHeader(inProps) {
   if (views.length === 1 && views[0] === 'year') {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(PickersCalendarHeaderRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(PickersCalendarHeaderRoot, (0, _extends2.default)({}, other, {
     ownerState: ownerState,
-    className: classes.root,
+    className: (0, _clsx.default)(className, classes.root),
+    ref: ref,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(PickersCalendarHeaderLabelContainer, {
       role: "presentation",
       onClick: handleToggleView,
@@ -212,5 +214,47 @@ function PickersCalendarHeader(inProps) {
         nextLabel: localeText.nextMonth
       })
     })]
-  });
-}
+  }));
+});
+exports.PickersCalendarHeader = PickersCalendarHeader;
+process.env.NODE_ENV !== "production" ? PickersCalendarHeader.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.object,
+  /**
+   * className applied to the root element.
+   */
+  className: _propTypes.default.string,
+  currentMonth: _propTypes.default.any.isRequired,
+  disabled: _propTypes.default.bool,
+  disableFuture: _propTypes.default.bool,
+  disablePast: _propTypes.default.bool,
+  labelId: _propTypes.default.string,
+  maxDate: _propTypes.default.any.isRequired,
+  minDate: _propTypes.default.any.isRequired,
+  onMonthChange: _propTypes.default.func.isRequired,
+  onViewChange: _propTypes.default.func,
+  reduceAnimations: _propTypes.default.bool.isRequired,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: _propTypes.default.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: _propTypes.default.object,
+  /**
+   * 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]),
+  timezone: _propTypes.default.string.isRequired,
+  view: _propTypes.default.oneOf(['day', 'month', 'year']).isRequired,
+  views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['day', 'month', 'year']).isRequired).isRequired
+} : void 0;

package/node/PickersCalendarHeader/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PickersCalendarHeader", {
+  enumerable: true,
+  get: function () {
+    return _PickersCalendarHeader.PickersCalendarHeader;
+  }
+});
+Object.defineProperty(exports, "pickersCalendarHeaderClasses", {
+  enumerable: true,
+  get: function () {
+    return _pickersCalendarHeaderClasses.pickersCalendarHeaderClasses;
+  }
+});
+var _pickersCalendarHeaderClasses = require("./pickersCalendarHeaderClasses");
+var _PickersCalendarHeader = require("./PickersCalendarHeader");

package/node/TimeField/TimeField.js

@@ -47,8 +47,8 @@ const TimeField = /*#__PURE__*/React.forwardRef(function TimeField(inProps, ref)
     textFieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
 
   // TODO: Remove when mui/material-ui#35088 will be merged
-  textFieldProps.inputProps = (0, _extends2.default)({}, textFieldProps.inputProps, inputProps);
-  textFieldProps.InputProps = (0, _extends2.default)({}, textFieldProps.InputProps, InputProps);
+  textFieldProps.inputProps = (0, _extends2.default)({}, inputProps, textFieldProps.inputProps);
+  textFieldProps.InputProps = (0, _extends2.default)({}, InputProps, textFieldProps.InputProps);
   const _useTimeField = (0, _useTimeField2.useTimeField)({
       props: textFieldProps,
       inputRef: externalInputRef

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v6.10.2
+ * @mui/x-date-pickers v6.11.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/internals/hooks/useDefaultReduceAnimations.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDefaultReduceAnimations = exports.defaultReduceAnimations = void 0;
+var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
+const PREFERS_REDUCED_MOTION = '@media (prefers-reduced-motion: reduce)';
+const defaultReduceAnimations = typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent);
+exports.defaultReduceAnimations = defaultReduceAnimations;
+const useDefaultReduceAnimations = () => {
+  const prefersReduced = (0, _useMediaQuery.default)(PREFERS_REDUCED_MOTION, {
+    defaultMatches: false
+  });
+  return prefersReduced || defaultReduceAnimations;
+};
+exports.useDefaultReduceAnimations = useDefaultReduceAnimations;

package/node/internals/hooks/useField/useField.js

@@ -161,13 +161,18 @@ const useField = params => {
     if (readOnly) {
       return;
     }
-    const valueStr = event.target.value;
+    const targetValue = event.target.value;
+    const eventData = event.nativeEvent.data;
+    // Calling `.fill(04/11/2022)` in playwright will trigger a change event with the requested content to insert in `event.nativeEvent.data`
+    // usual changes have only the currently typed character in the `event.nativeEvent.data`
+    const shouldUseEventData = eventData && eventData.length > 1;
+    const valueStr = shouldUseEventData ? eventData : targetValue;
     const cleanValueStr = (0, _useField.cleanString)(valueStr);
 
-    // If no section is selected, we just try to parse the new value
+    // If no section is selected or eventData should be used, we just try to parse the new value
     // This line is mostly triggered by imperative code / application tests.
-    if (selectedSectionIndexes == null) {
-      updateValueFromValueStr(cleanValueStr);
+    if (selectedSectionIndexes == null || shouldUseEventData) {
+      updateValueFromValueStr(shouldUseEventData ? eventData : cleanValueStr);
       return;
     }
     let keyPressed;

package/node/internals/hooks/useField/useField.utils.js

@@ -108,7 +108,7 @@ const cleanDigitSectionValue = (utils, timezone, value, sectionBoundaries, secti
   return valueStr;
 };
 exports.cleanDigitSectionValue = cleanDigitSectionValue;
-const adjustSectionValue = (utils, timezone, section, keyCode, sectionsValueBoundaries, activeDate, stepsAttribues) => {
+const adjustSectionValue = (utils, timezone, section, keyCode, sectionsValueBoundaries, activeDate, stepsAttributes) => {
   const delta = getDeltaFromKeyCode(keyCode);
   const isStart = keyCode === 'Home';
   const isEnd = keyCode === 'End';
@@ -120,7 +120,7 @@ const adjustSectionValue = (utils, timezone, section, keyCode, sectionsValueBoun
       contentType: section.contentType
     });
     const getCleanValue = value => cleanDigitSectionValue(utils, timezone, value, sectionBoundaries, section);
-    const step = section.type === 'minutes' && stepsAttribues?.minutesStep ? stepsAttribues.minutesStep : 1;
+    const step = section.type === 'minutes' && stepsAttributes?.minutesStep ? stepsAttributes.minutesStep : 1;
     const currentSectionValue = parseInt(section.value, 10);
     let newSectionValueNumber = currentSectionValue + delta * step;
     if (shouldSetAbsolute) {
@@ -491,6 +491,7 @@ exports.createDateStrForInputFromSections = createDateStrForInputFromSections;
 const getSectionsBoundaries = (utils, timezone) => {
   const today = utils.dateWithTimezone(undefined, timezone);
   const endOfYear = utils.endOfYear(today);
+  const endOfDay = utils.endOfDay(today);
   const {
     maxDaysInMonth,
     longestMonth
@@ -545,7 +546,7 @@ const getSectionsBoundaries = (utils, timezone) => {
     hours: ({
       format
     }) => {
-      const lastHourInDay = utils.getHours(endOfYear);
+      const lastHourInDay = utils.getHours(endOfDay);
       const hasMeridiem = utils.formatByString(utils.endOfDay(today), format) !== lastHourInDay.toString();
       if (hasMeridiem) {
         return {
@@ -561,12 +562,12 @@ const getSectionsBoundaries = (utils, timezone) => {
     minutes: () => ({
       minimum: 0,
       // Assumption: All years have the same amount of minutes
-      maximum: utils.getMinutes(endOfYear)
+      maximum: utils.getMinutes(endOfDay)
     }),
     seconds: () => ({
       minimum: 0,
       // Assumption: All years have the same amount of seconds
-      maximum: utils.getSeconds(endOfYear)
+      maximum: utils.getSeconds(endOfDay)
     }),
     meridiem: () => ({
       minimum: 0,

package/node/internals/index.js

@@ -33,12 +33,6 @@ Object.defineProperty(exports, "PickersArrowSwitcher", {
     return _PickersArrowSwitcher.PickersArrowSwitcher;
   }
 });
-Object.defineProperty(exports, "PickersCalendarHeader", {
-  enumerable: true,
-  get: function () {
-    return _PickersCalendarHeader.PickersCalendarHeader;
-  }
-});
 Object.defineProperty(exports, "PickersModalDialog", {
   enumerable: true,
   get: function () {
@@ -99,12 +93,6 @@ Object.defineProperty(exports, "createDateStrForInputFromSections", {
     return _useField.createDateStrForInputFromSections;
   }
 });
-Object.defineProperty(exports, "defaultReduceAnimations", {
-  enumerable: true,
-  get: function () {
-    return _defaultReduceAnimations.defaultReduceAnimations;
-  }
-});
 Object.defineProperty(exports, "executeInTheNextEventLoopTick", {
   enumerable: true,
   get: function () {
@@ -207,6 +195,12 @@ Object.defineProperty(exports, "useDefaultDates", {
     return _useUtils.useDefaultDates;
   }
 });
+Object.defineProperty(exports, "useDefaultReduceAnimations", {
+  enumerable: true,
+  get: function () {
+    return _useDefaultReduceAnimations.useDefaultReduceAnimations;
+  }
+});
 Object.defineProperty(exports, "useField", {
   enumerable: true,
   get: function () {
@@ -307,13 +301,12 @@ var _dateUtils = require("./utils/date-utils");
 var _fields = require("./utils/fields");
 var _getDefaultReferenceDate = require("./utils/getDefaultReferenceDate");
 var _utils = require("./utils/utils");
-var _defaultReduceAnimations = require("./utils/defaultReduceAnimations");
+var _useDefaultReduceAnimations = require("./hooks/useDefaultReduceAnimations");
 var _extractValidationProps = require("./utils/validation/extractValidationProps");
 var _validateDate = require("./utils/validation/validateDate");
 var _validateDateTime = require("./utils/validation/validateDateTime");
 var _validateTime = require("./utils/validation/validateTime");
 var _warning = require("./utils/warning");
 var _slotsMigration = require("./utils/slots-migration");
-var _PickersCalendarHeader = require("../DateCalendar/PickersCalendarHeader");
 var _DayCalendar = require("../DateCalendar/DayCalendar");
 var _useCalendarState = require("../DateCalendar/useCalendarState");

package/node/internals/utils/valueManagers.js

@@ -32,7 +32,7 @@ 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 || !utils.isValid(value) ? null : utils.getTimezone(value),
   setTimezone: (utils, timezone, value) => value == null ? null : utils.setTimezone(value, timezone)
 };
 exports.singleItemValueManager = singleItemValueManager;

package/node/tests/describeGregorianAdapter/testCalculations.js

@@ -7,6 +7,15 @@ exports.testCalculations = void 0;
 var _chai = require("chai");
 var _pickersUtils = require("test/utils/pickers-utils");
 var _describeGregorianAdapter = require("./describeGregorianAdapter.utils");
+/**
+ * To check if the date has the right offset even after changing it's date parts,
+ * we convert it to a different timezone that always has the same offset,
+ * then we check that both dates have the same hour value.
+ */ // We change to
+const expectSameTimeInMonacoTZ = (adapter, value) => {
+  const valueInMonacoTz = adapter.setTimezone(value, 'Europe/Monaco');
+  (0, _chai.expect)(adapter.getHours(value)).to.equal(adapter.getHours(valueInMonacoTz));
+};
 const testCalculations = ({
   adapter,
   adapterTZ,
@@ -15,6 +24,7 @@ const testCalculations = ({
   getLocaleFromDate
 }) => {
   const testDateIso = adapter.date(_describeGregorianAdapter.TEST_DATE_ISO_STRING);
+  const testDateLastNonDSTDay = adapterTZ.isTimezoneCompatible ? adapterTZ.dateWithTimezone('2022-03-27', 'Europe/Paris') : adapterTZ.date('2022-03-27');
   const testDateLocale = adapter.date(_describeGregorianAdapter.TEST_DATE_LOCALE_STRING);
   describe('Method: date', () => {
     it('should parse strings', () => {
@@ -490,10 +500,19 @@ const testCalculations = ({
     (0, _chai.expect)(adapter.endOfYear(testDateIso)).toEqualDateTime(expected);
     (0, _chai.expect)(adapter.endOfYear(testDateLocale)).toEqualDateTime(expected);
   });
-  it('Method: endOfMonth', () => {
-    const expected = '2018-10-31T23:59:59.999Z';
-    (0, _chai.expect)(adapter.endOfMonth(testDateIso)).toEqualDateTime(expected);
-    (0, _chai.expect)(adapter.endOfMonth(testDateLocale)).toEqualDateTime(expected);
+  describe('Method: endOfMonth', () => {
+    it('should handle basic usecases', () => {
+      const expected = '2018-10-31T23:59:59.999Z';
+      (0, _chai.expect)(adapter.endOfMonth(testDateIso)).toEqualDateTime(expected);
+      (0, _chai.expect)(adapter.endOfMonth(testDateLocale)).toEqualDateTime(expected);
+    });
+    it('should update the offset when entering DST', function test() {
+      if (!adapterTZ.isTimezoneCompatible) {
+        this.skip();
+      }
+      expectSameTimeInMonacoTZ(adapterTZ, testDateLastNonDSTDay);
+      expectSameTimeInMonacoTZ(adapterTZ, adapterTZ.endOfMonth(testDateLastNonDSTDay));
+    });
   });
   it('Method: endOfWeek', () => {
     const expected = adapter.lib === 'luxon' ? '2018-11-04T23:59:59.999Z' : '2018-11-03T23:59:59.999Z';
@@ -509,18 +528,45 @@ const testCalculations = ({
     (0, _chai.expect)(adapter.addYears(testDateIso, 2)).toEqualDateTime('2020-10-30T11:44:00.000Z');
     (0, _chai.expect)(adapter.addYears(testDateIso, -2)).toEqualDateTime('2016-10-30T11:44:00.000Z');
   });
-  it('Method: addMonths', () => {
-    (0, _chai.expect)(adapter.addMonths(testDateIso, 2)).toEqualDateTime('2018-12-30T11:44:00.000Z');
-    (0, _chai.expect)(adapter.addMonths(testDateIso, -2)).toEqualDateTime('2018-08-30T11:44:00.000Z');
-    (0, _chai.expect)(adapter.addMonths(testDateIso, 3)).toEqualDateTime('2019-01-30T11:44:00.000Z');
+  describe('Method: addMonths', () => {
+    it('should handle basic usecases', () => {
+      (0, _chai.expect)(adapter.addMonths(testDateIso, 2)).toEqualDateTime('2018-12-30T11:44:00.000Z');
+      (0, _chai.expect)(adapter.addMonths(testDateIso, -2)).toEqualDateTime('2018-08-30T11:44:00.000Z');
+      (0, _chai.expect)(adapter.addMonths(testDateIso, 3)).toEqualDateTime('2019-01-30T11:44:00.000Z');
+    });
+    it('should update the offset when entering DST', function test() {
+      if (!adapterTZ.isTimezoneCompatible) {
+        this.skip();
+      }
+      expectSameTimeInMonacoTZ(adapterTZ, testDateLastNonDSTDay);
+      expectSameTimeInMonacoTZ(adapterTZ, adapterTZ.addMonths(testDateLastNonDSTDay, 1));
+    });
   });
-  it('Method: addWeeks', () => {
-    (0, _chai.expect)(adapter.addWeeks(testDateIso, 2)).toEqualDateTime('2018-11-13T11:44:00.000Z');
-    (0, _chai.expect)(adapter.addWeeks(testDateIso, -2)).toEqualDateTime('2018-10-16T11:44:00.000Z');
+  describe('Method: addWeeks', () => {
+    it('should handle basic usecases', () => {
+      (0, _chai.expect)(adapter.addWeeks(testDateIso, 2)).toEqualDateTime('2018-11-13T11:44:00.000Z');
+      (0, _chai.expect)(adapter.addWeeks(testDateIso, -2)).toEqualDateTime('2018-10-16T11:44:00.000Z');
+    });
+    it('should update the offset when entering DST', function test() {
+      if (!adapterTZ.isTimezoneCompatible) {
+        this.skip();
+      }
+      expectSameTimeInMonacoTZ(adapterTZ, testDateLastNonDSTDay);
+      expectSameTimeInMonacoTZ(adapterTZ, adapterTZ.addWeeks(testDateLastNonDSTDay, 1));
+    });
   });
-  it('Method: addDays', () => {
-    (0, _chai.expect)(adapter.addDays(testDateIso, 2)).toEqualDateTime('2018-11-01T11:44:00.000Z');
-    (0, _chai.expect)(adapter.addDays(testDateIso, -2)).toEqualDateTime('2018-10-28T11:44:00.000Z');
+  describe('Method: addWeeks', () => {
+    it('should handle basic usecases', () => {
+      (0, _chai.expect)(adapter.addDays(testDateIso, 2)).toEqualDateTime('2018-11-01T11:44:00.000Z');
+      (0, _chai.expect)(adapter.addDays(testDateIso, -2)).toEqualDateTime('2018-10-28T11:44:00.000Z');
+    });
+    it('should update the offset when entering DST', function test() {
+      if (!adapterTZ.isTimezoneCompatible) {
+        this.skip();
+      }
+      expectSameTimeInMonacoTZ(adapterTZ, testDateLastNonDSTDay);
+      expectSameTimeInMonacoTZ(adapterTZ, adapterTZ.addDays(testDateLastNonDSTDay, 1));
+    });
   });
   it('Method: addHours', () => {
     (0, _chai.expect)(adapter.addHours(testDateIso, 2)).toEqualDateTime('2018-10-30T13:44:00.000Z');
@@ -630,14 +676,13 @@ const testCalculations = ({
       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);
+          (0, _chai.expect)((0, _pickersUtils.getDateOffset)(adapterTZ, day)).to.equal(adapterTZ.isAfter(day, testDateLastNonDSTDay) ? 120 : 60);
         });
       });
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "6.10.2",
+  "version": "6.11.0",
   "description": "The community edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -34,7 +34,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.22.6",
-    "@mui/utils": "^5.13.7",
+    "@mui/utils": "^5.14.1",
     "@types/react-transition-group": "^4.4.6",
     "clsx": "^1.2.1",
     "prop-types": "^15.8.1",

package/tests/describeGregorianAdapter/testCalculations.js

@@ -1,6 +1,17 @@
 import { expect } from 'chai';
 import { getDateOffset } from 'test/utils/pickers-utils';
 import { TEST_DATE_ISO_STRING, TEST_DATE_LOCALE_STRING } from './describeGregorianAdapter.utils';
+
+/**
+ * To check if the date has the right offset even after changing it's date parts,
+ * we convert it to a different timezone that always has the same offset,
+ * then we check that both dates have the same hour value.
+ */
+// We change to
+const expectSameTimeInMonacoTZ = (adapter, value) => {
+  const valueInMonacoTz = adapter.setTimezone(value, 'Europe/Monaco');
+  expect(adapter.getHours(value)).to.equal(adapter.getHours(valueInMonacoTz));
+};
 export const testCalculations = ({
   adapter,
   adapterTZ,
@@ -9,6 +20,7 @@ export const testCalculations = ({
   getLocaleFromDate
 }) => {
   const testDateIso = adapter.date(TEST_DATE_ISO_STRING);
+  const testDateLastNonDSTDay = adapterTZ.isTimezoneCompatible ? adapterTZ.dateWithTimezone('2022-03-27', 'Europe/Paris') : adapterTZ.date('2022-03-27');
   const testDateLocale = adapter.date(TEST_DATE_LOCALE_STRING);
   describe('Method: date', () => {
     it('should parse strings', () => {
@@ -484,10 +496,19 @@ export const testCalculations = ({
     expect(adapter.endOfYear(testDateIso)).toEqualDateTime(expected);
     expect(adapter.endOfYear(testDateLocale)).toEqualDateTime(expected);
   });
-  it('Method: endOfMonth', () => {
-    const expected = '2018-10-31T23:59:59.999Z';
-    expect(adapter.endOfMonth(testDateIso)).toEqualDateTime(expected);
-    expect(adapter.endOfMonth(testDateLocale)).toEqualDateTime(expected);
+  describe('Method: endOfMonth', () => {
+    it('should handle basic usecases', () => {
+      const expected = '2018-10-31T23:59:59.999Z';
+      expect(adapter.endOfMonth(testDateIso)).toEqualDateTime(expected);
+      expect(adapter.endOfMonth(testDateLocale)).toEqualDateTime(expected);
+    });
+    it('should update the offset when entering DST', function test() {
+      if (!adapterTZ.isTimezoneCompatible) {
+        this.skip();
+      }
+      expectSameTimeInMonacoTZ(adapterTZ, testDateLastNonDSTDay);
+      expectSameTimeInMonacoTZ(adapterTZ, adapterTZ.endOfMonth(testDateLastNonDSTDay));
+    });
   });
   it('Method: endOfWeek', () => {
     const expected = adapter.lib === 'luxon' ? '2018-11-04T23:59:59.999Z' : '2018-11-03T23:59:59.999Z';
@@ -503,18 +524,45 @@ export const testCalculations = ({
     expect(adapter.addYears(testDateIso, 2)).toEqualDateTime('2020-10-30T11:44:00.000Z');
     expect(adapter.addYears(testDateIso, -2)).toEqualDateTime('2016-10-30T11:44:00.000Z');
   });
-  it('Method: addMonths', () => {
-    expect(adapter.addMonths(testDateIso, 2)).toEqualDateTime('2018-12-30T11:44:00.000Z');
-    expect(adapter.addMonths(testDateIso, -2)).toEqualDateTime('2018-08-30T11:44:00.000Z');
-    expect(adapter.addMonths(testDateIso, 3)).toEqualDateTime('2019-01-30T11:44:00.000Z');
+  describe('Method: addMonths', () => {
+    it('should handle basic usecases', () => {
+      expect(adapter.addMonths(testDateIso, 2)).toEqualDateTime('2018-12-30T11:44:00.000Z');
+      expect(adapter.addMonths(testDateIso, -2)).toEqualDateTime('2018-08-30T11:44:00.000Z');
+      expect(adapter.addMonths(testDateIso, 3)).toEqualDateTime('2019-01-30T11:44:00.000Z');
+    });
+    it('should update the offset when entering DST', function test() {
+      if (!adapterTZ.isTimezoneCompatible) {
+        this.skip();
+      }
+      expectSameTimeInMonacoTZ(adapterTZ, testDateLastNonDSTDay);
+      expectSameTimeInMonacoTZ(adapterTZ, adapterTZ.addMonths(testDateLastNonDSTDay, 1));
+    });
   });
-  it('Method: addWeeks', () => {
-    expect(adapter.addWeeks(testDateIso, 2)).toEqualDateTime('2018-11-13T11:44:00.000Z');
-    expect(adapter.addWeeks(testDateIso, -2)).toEqualDateTime('2018-10-16T11:44:00.000Z');
+  describe('Method: addWeeks', () => {
+    it('should handle basic usecases', () => {
+      expect(adapter.addWeeks(testDateIso, 2)).toEqualDateTime('2018-11-13T11:44:00.000Z');
+      expect(adapter.addWeeks(testDateIso, -2)).toEqualDateTime('2018-10-16T11:44:00.000Z');
+    });
+    it('should update the offset when entering DST', function test() {
+      if (!adapterTZ.isTimezoneCompatible) {
+        this.skip();
+      }
+      expectSameTimeInMonacoTZ(adapterTZ, testDateLastNonDSTDay);
+      expectSameTimeInMonacoTZ(adapterTZ, adapterTZ.addWeeks(testDateLastNonDSTDay, 1));
+    });
   });
-  it('Method: addDays', () => {
-    expect(adapter.addDays(testDateIso, 2)).toEqualDateTime('2018-11-01T11:44:00.000Z');
-    expect(adapter.addDays(testDateIso, -2)).toEqualDateTime('2018-10-28T11:44:00.000Z');
+  describe('Method: addWeeks', () => {
+    it('should handle basic usecases', () => {
+      expect(adapter.addDays(testDateIso, 2)).toEqualDateTime('2018-11-01T11:44:00.000Z');
+      expect(adapter.addDays(testDateIso, -2)).toEqualDateTime('2018-10-28T11:44:00.000Z');
+    });
+    it('should update the offset when entering DST', function test() {
+      if (!adapterTZ.isTimezoneCompatible) {
+        this.skip();
+      }
+      expectSameTimeInMonacoTZ(adapterTZ, testDateLastNonDSTDay);
+      expectSameTimeInMonacoTZ(adapterTZ, adapterTZ.addDays(testDateLastNonDSTDay, 1));
+    });
   });
   it('Method: addHours', () => {
     expect(adapter.addHours(testDateIso, 2)).toEqualDateTime('2018-10-30T13:44:00.000Z');
@@ -624,14 +672,13 @@ export const testCalculations = ({
       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');
       expect(weekArray).to.have.length(5);
       weekArray.forEach(week => {
         expect(week).to.have.length(7);
         week.forEach(day => {
           expect(adapterTZ.startOfDay(day)).toEqualDateTime(adapterTZ.startOfDay(expectedDate));
           expectedDate = adapterTZ.addDays(expectedDate, 1);
-          expect(getDateOffset(adapterTZ, day)).to.equal(adapterTZ.isAfter(day, lastNonDSTDay) ? 120 : 60);
+          expect(getDateOffset(adapterTZ, day)).to.equal(adapterTZ.isAfter(day, testDateLastNonDSTDay) ? 120 : 60);
         });
       });
     });

package/themeAugmentation/props.d.ts

@@ -17,7 +17,6 @@ import {
   PickerPopperProps,
   PickersToolbarButtonProps,
   PickersToolbarProps,
-  ExportedCalendarHeaderProps,
   ExportedPickersToolbarTextProps,
 } from '../internals';
 import { DateOrTimeView } from '../models';
@@ -45,6 +44,7 @@ import {
   ExportedMultiSectionDigitalClockSectionProps,
   MultiSectionDigitalClockProps,
 } from '../MultiSectionDigitalClock';
+import { ExportedPickersCalendarHeaderProps } from '../PickersCalendarHeader';
 
 export interface PickersComponentsPropsList {
   MuiClock: ClockProps<unknown>;
@@ -63,7 +63,7 @@ export interface PickersComponentsPropsList {
   MuiMultiSectionDigitalClock: MultiSectionDigitalClockProps<unknown>;
   MuiMultiSectionDigitalClockSection: ExportedMultiSectionDigitalClockSectionProps;
   MuiPickersArrowSwitcher: ExportedPickersArrowSwitcherProps;
-  MuiPickersCalendarHeader: ExportedCalendarHeaderProps<unknown>;
+  MuiPickersCalendarHeader: ExportedPickersCalendarHeaderProps<unknown>;
   MuiPickersDay: PickersDayProps<unknown>;
   MuiPickersFadeTransitionGroup: PickersFadeTransitionGroupProps;
   MuiPickersMonth: ExportedPickersMonthProps;

package/internals/utils/defaultReduceAnimations.d.ts

@@ -1 +0,0 @@
-export declare const defaultReduceAnimations: boolean;

package/internals/utils/defaultReduceAnimations.js

@@ -1 +0,0 @@
-export const defaultReduceAnimations = typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent);

package/legacy/internals/utils/defaultReduceAnimations.js

@@ -1 +0,0 @@
-export var defaultReduceAnimations = typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent);