@mui/x-date-pickers 8.10.0 → 8.11.0

package/esm/AdapterMomentHijri/AdapterMomentHijri.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-/* eslint-disable class-methods-use-this */
 /* v8 ignore next */
 import defaultHMoment from 'moment-hijri';
 import { AdapterMoment } from "../AdapterMoment/index.js";
@@ -130,6 +129,9 @@ const NUMBER_SYMBOL_MAP = {
  * SOFTWARE.
  */
 export class AdapterMomentHijri extends AdapterMoment {
+  lib = 'moment-hijri';
+  isTimezoneCompatible = false;
+  formatTokenMap = (() => formatTokenMap)();
   constructor({
     formats,
     instance
@@ -138,85 +140,83 @@ export class AdapterMomentHijri extends AdapterMoment {
       locale: 'ar-SA',
       instance
     });
-    this.lib = 'moment-hijri';
-    this.moment = void 0;
-    this.isTimezoneCompatible = false;
-    this.formatTokenMap = formatTokenMap;
-    this.date = value => {
-      if (value === null) {
-        return null;
-      }
-      return this.moment(value).locale('ar-SA');
-    };
-    /* v8 ignore next 3 */
-    this.getTimezone = () => {
-      return 'default';
-    };
-    /* v8 ignore next 3 */
-    this.setTimezone = value => {
-      return value;
-    };
-    this.parse = (value, format) => {
-      if (value === '') {
-        return null;
-      }
-      return this.moment(value, format, true).locale('ar-SA');
-    };
-    this.formatNumber = numberToFormat => {
-      return numberToFormat.replace(/\d/g, match => NUMBER_SYMBOL_MAP[match]).replace(/,/g, '،');
-    };
-    this.startOfYear = value => {
-      return value.clone().startOf('iYear');
-    };
-    this.startOfMonth = value => {
-      return value.clone().startOf('iMonth');
-    };
-    this.endOfYear = value => {
-      return value.clone().endOf('iYear');
-    };
-    this.endOfMonth = value => {
-      return value.clone().endOf('iMonth');
-    };
-    this.addYears = (value, amount) => {
-      return amount < 0 ? value.clone().subtract(Math.abs(amount), 'iYear') : value.clone().add(amount, 'iYear');
-    };
-    this.addMonths = (value, amount) => {
-      return amount < 0 ? value.clone().subtract(Math.abs(amount), 'iMonth') : value.clone().add(amount, 'iMonth');
-    };
-    this.getYear = value => {
-      return value.iYear();
-    };
-    this.getMonth = value => {
-      return value.iMonth();
-    };
-    this.getDate = value => {
-      return value.iDate();
-    };
-    this.setYear = (value, year) => {
-      return value.clone().iYear(year);
-    };
-    this.setMonth = (value, month) => {
-      return value.clone().iMonth(month);
-    };
-    this.setDate = (value, date) => {
-      return value.clone().iDate(date);
-    };
-    this.getWeekNumber = value => {
-      return value.iWeek();
-    };
-    this.getYearRange = ([start, end]) => {
-      // moment-hijri only supports dates between 1356-01-01 H and 1499-12-29 H
-      // We need to throw if outside min/max bounds, otherwise the while loop below will be infinite.
-      if (start.isBefore('1937-03-14')) {
-        throw new Error('min date must be on or after 1356-01-01 H (1937-03-14)');
-      }
-      if (end.isAfter('2076-11-26')) {
-        throw new Error('max date must be on or before 1499-12-29 H (2076-11-26)');
-      }
-      return super.getYearRange([start, end]);
-    };
     this.moment = instance || defaultHMoment;
     this.locale = 'ar-SA';
     this.formats = _extends({}, defaultFormats, formats);
   }
+  date = value => {
+    if (value === null) {
+      return null;
+    }
+    return this.moment(value).locale('ar-SA');
+  };
+
+  /* v8 ignore next 3 */
+  getTimezone = () => {
+    return 'default';
+  };
+
+  /* v8 ignore next 3 */
+  setTimezone = value => {
+    return value;
+  };
+  parse = (value, format) => {
+    if (value === '') {
+      return null;
+    }
+    return this.moment(value, format, true).locale('ar-SA');
+  };
+  formatNumber = numberToFormat => {
+    return numberToFormat.replace(/\d/g, match => NUMBER_SYMBOL_MAP[match]).replace(/,/g, '،');
+  };
+  startOfYear = value => {
+    return value.clone().startOf('iYear');
+  };
+  startOfMonth = value => {
+    return value.clone().startOf('iMonth');
+  };
+  endOfYear = value => {
+    return value.clone().endOf('iYear');
+  };
+  endOfMonth = value => {
+    return value.clone().endOf('iMonth');
+  };
+  addYears = (value, amount) => {
+    return amount < 0 ? value.clone().subtract(Math.abs(amount), 'iYear') : value.clone().add(amount, 'iYear');
+  };
+  addMonths = (value, amount) => {
+    return amount < 0 ? value.clone().subtract(Math.abs(amount), 'iMonth') : value.clone().add(amount, 'iMonth');
+  };
+  getYear = value => {
+    return value.iYear();
+  };
+  getMonth = value => {
+    return value.iMonth();
+  };
+  getDate = value => {
+    return value.iDate();
+  };
+  setYear = (value, year) => {
+    return value.clone().iYear(year);
+  };
+  setMonth = (value, month) => {
+    return value.clone().iMonth(month);
+  };
+  setDate = (value, date) => {
+    return value.clone().iDate(date);
+  };
+  getWeekNumber = value => {
+    return value.iWeek();
+  };
+  getYearRange = ([start, end]) => {
+    // moment-hijri only supports dates between 1356-01-01 H and 1499-12-29 H
+    // We need to throw if outside min/max bounds, otherwise the while loop below will be infinite.
+    if (start.isBefore('1937-03-14')) {
+      throw new Error('min date must be on or after 1356-01-01 H (1937-03-14)');
+    }
+    if (end.isAfter('2076-11-26')) {
+      throw new Error('max date must be on or before 1499-12-29 H (2076-11-26)');
+    }
+    return super.getYearRange([start, end]);
+  };
 }

package/esm/AdapterMomentJalaali/AdapterMomentJalaali.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-/* eslint-disable class-methods-use-this */
 /* v8 ignore next */
 import defaultJMoment from 'moment-jalaali';
 import { AdapterMoment } from "../AdapterMoment/index.js";
@@ -128,6 +127,9 @@ const NUMBER_SYMBOL_MAP = {
  * SOFTWARE.
  */
 export class AdapterMomentJalaali extends AdapterMoment {
+  isTimezoneCompatible = false;
+  lib = 'moment-jalaali';
+  formatTokenMap = (() => formatTokenMap)();
   constructor({
     formats,
     instance
@@ -136,87 +138,83 @@ export class AdapterMomentJalaali extends AdapterMoment {
       locale: 'fa',
       instance
     });
-    this.isTimezoneCompatible = false;
-    this.lib = 'moment-jalaali';
-    this.moment = void 0;
-    this.formatTokenMap = formatTokenMap;
-    this.date = value => {
-      if (value === null) {
-        return null;
-      }
-      return this.moment(value).locale('fa');
-    };
-    this.getTimezone = () => {
-      return 'default';
-    };
-    this.setTimezone = value => {
-      return value;
-    };
-    this.parse = (value, format) => {
-      if (value === '') {
-        return null;
-      }
-      return this.moment(value, format, true).locale('fa');
-    };
-    this.formatNumber = numberToFormat => {
-      return numberToFormat.replace(/\d/g, match => NUMBER_SYMBOL_MAP[match]).replace(/,/g, '،');
-    };
-    this.isSameYear = (value, comparing) => {
-      return value.jYear() === comparing.jYear();
-    };
-    this.isSameMonth = (value, comparing) => {
-      return value.jYear() === comparing.jYear() && value.jMonth() === comparing.jMonth();
-    };
-    this.isAfterYear = (value, comparing) => {
-      return value.jYear() > comparing.jYear();
-    };
-    this.isBeforeYear = (value, comparing) => {
-      return value.jYear() < comparing.jYear();
-    };
-    this.startOfYear = value => {
-      return value.clone().startOf('jYear');
-    };
-    this.startOfMonth = value => {
-      return value.clone().startOf('jMonth');
-    };
-    this.endOfYear = value => {
-      return value.clone().endOf('jYear');
-    };
-    this.endOfMonth = value => {
-      return value.clone().endOf('jMonth');
-    };
-    this.addYears = (value, amount) => {
-      return amount < 0 ? value.clone().subtract(Math.abs(amount), 'jYear') : value.clone().add(amount, 'jYear');
-    };
-    this.addMonths = (value, amount) => {
-      return amount < 0 ? value.clone().subtract(Math.abs(amount), 'jMonth') : value.clone().add(amount, 'jMonth');
-    };
-    this.getYear = value => {
-      return value.jYear();
-    };
-    this.getMonth = value => {
-      return value.jMonth();
-    };
-    this.getDate = value => {
-      return value.jDate();
-    };
-    this.getDaysInMonth = value => {
-      return this.moment.jDaysInMonth(value.jYear(), value.jMonth());
-    };
-    this.setYear = (value, year) => {
-      return value.clone().jYear(year);
-    };
-    this.setMonth = (value, month) => {
-      return value.clone().jMonth(month);
-    };
-    this.setDate = (value, date) => {
-      return value.clone().jDate(date);
-    };
-    this.getWeekNumber = value => {
-      return value.jWeek();
-    };
     this.moment = instance || defaultJMoment;
     this.locale = 'fa';
     this.formats = _extends({}, defaultFormats, formats);
   }
+  date = value => {
+    if (value === null) {
+      return null;
+    }
+    return this.moment(value).locale('fa');
+  };
+  getTimezone = () => {
+    return 'default';
+  };
+  setTimezone = value => {
+    return value;
+  };
+  parse = (value, format) => {
+    if (value === '') {
+      return null;
+    }
+    return this.moment(value, format, true).locale('fa');
+  };
+  formatNumber = numberToFormat => {
+    return numberToFormat.replace(/\d/g, match => NUMBER_SYMBOL_MAP[match]).replace(/,/g, '،');
+  };
+  isSameYear = (value, comparing) => {
+    return value.jYear() === comparing.jYear();
+  };
+  isSameMonth = (value, comparing) => {
+    return value.jYear() === comparing.jYear() && value.jMonth() === comparing.jMonth();
+  };
+  isAfterYear = (value, comparing) => {
+    return value.jYear() > comparing.jYear();
+  };
+  isBeforeYear = (value, comparing) => {
+    return value.jYear() < comparing.jYear();
+  };
+  startOfYear = value => {
+    return value.clone().startOf('jYear');
+  };
+  startOfMonth = value => {
+    return value.clone().startOf('jMonth');
+  };
+  endOfYear = value => {
+    return value.clone().endOf('jYear');
+  };
+  endOfMonth = value => {
+    return value.clone().endOf('jMonth');
+  };
+  addYears = (value, amount) => {
+    return amount < 0 ? value.clone().subtract(Math.abs(amount), 'jYear') : value.clone().add(amount, 'jYear');
+  };
+  addMonths = (value, amount) => {
+    return amount < 0 ? value.clone().subtract(Math.abs(amount), 'jMonth') : value.clone().add(amount, 'jMonth');
+  };
+  getYear = value => {
+    return value.jYear();
+  };
+  getMonth = value => {
+    return value.jMonth();
+  };
+  getDate = value => {
+    return value.jDate();
+  };
+  getDaysInMonth = value => {
+    return this.moment.jDaysInMonth(value.jYear(), value.jMonth());
+  };
+  setYear = (value, year) => {
+    return value.clone().jYear(year);
+  };
+  setMonth = (value, month) => {
+    return value.clone().jMonth(month);
+  };
+  setDate = (value, date) => {
+    return value.clone().jDate(date);
+  };
+  getWeekNumber = value => {
+    return value.jWeek();
+  };
 }

package/esm/PickersTextField/PickersInputBase/PickersInputBase.js

@@ -67,7 +67,7 @@ export const PickersInputBaseSectionsContainer = styled(PickersSectionListRoot,
       fieldDirection: 'rtl'
     },
     style: {
-      textAlign: 'right /*! @noflip */'
+      justifyContent: 'end'
     }
   }, {
     props: {
@@ -98,6 +98,19 @@ export const PickersInputBaseSectionsContainer = styled(PickersSectionListRoot,
     } : {
       opacity: theme.palette.mode === 'light' ? 0.42 : 0.5
     }
+  }, {
+    props: {
+      hasStartAdornment: false,
+      isFieldFocused: false,
+      isFieldValueEmpty: true,
+      inputHasLabel: true,
+      isLabelShrunk: true
+    },
+    style: theme.vars ? {
+      opacity: theme.vars.opacity.inputPlaceholder
+    } : {
+      opacity: theme.palette.mode === 'light' ? 0.42 : 0.5
+    }
   }]
 }));
 const PickersInputBaseSection = styled(PickersSectionListSection, {

package/esm/PickersTextField/PickersTextField.js

@@ -111,8 +111,9 @@ const PickersTextField = /*#__PURE__*/React.forwardRef(function PickersTextField
     isInputInFullWidth: fullWidth ?? false,
     hasStartAdornment: Boolean(startAdornment ?? InputProps?.startAdornment),
     hasEndAdornment: Boolean(endAdornment ?? InputProps?.endAdornment),
-    inputHasLabel: !!label
-  }), [fieldOwnerState, areAllSectionsEmpty, focused, error, props.size, color, fullWidth, startAdornment, endAdornment, InputProps?.startAdornment, InputProps?.endAdornment, label]);
+    inputHasLabel: !!label,
+    isLabelShrunk: Boolean(InputLabelProps?.shrink)
+  }), [fieldOwnerState, areAllSectionsEmpty, focused, error, props.size, color, fullWidth, startAdornment, endAdornment, InputProps?.startAdornment, InputProps?.endAdornment, label, InputLabelProps?.shrink]);
   const classes = useUtilityClasses(classesProp, ownerState);
   const PickersInputComponent = VARIANT_COMPONENT[variant];
   const inputAdditionalProps = {};

package/esm/index.js

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

package/esm/internals/hooks/useField/syncSelectionToDOM.js

@@ -19,7 +19,9 @@ export function syncSelectionToDOM(parameters) {
   }
   if (parsedSelectedSections == null) {
     // If the selection contains an element inside the field, we reset it.
-    if (selection.rangeCount > 0 && domGetters.getRoot().contains(selection.getRangeAt(0).startContainer)) {
+    if (selection.rangeCount > 0 &&
+    // Firefox can return a Restricted object here
+    selection.getRangeAt(0).startContainer instanceof Node && domGetters.getRoot().contains(selection.getRangeAt(0).startContainer)) {
       selection.removeAllRanges();
     }
     if (focused) {

package/esm/internals/models/helpers.d.ts

@@ -7,7 +7,7 @@ import { CSSObject, CSSInterpolation, Interpolation } from '@mui/system';
  */
 export type ExtendMui<C, Removals extends keyof C = never> = Omit<C, 'classes' | 'theme' | Removals>;
 type OverridesStyleRules<ClassKey extends string = string, ComponentName = keyof ComponentsPropsList, Theme = unknown, OwnerState = unknown> = Record<ClassKey, Interpolation<(ComponentName extends keyof ComponentsPropsList ? ComponentsPropsList[ComponentName] & Record<string, unknown> & {
-  ownerState: OwnerState extends Object ? OwnerState : ComponentsPropsList[ComponentName] & Record<string, unknown>;
+  ownerState: OwnerState extends object ? OwnerState : ComponentsPropsList[ComponentName] & Record<string, unknown>;
 } : {}) & {
   theme: Theme;
 } & Record<string, unknown>>>;

package/esm/models/fields.d.ts

@@ -178,5 +178,9 @@ export interface PickerTextFieldOwnerState extends FieldOwnerState {
    * `true` if the input has a label, `false` otherwise.
    */
   inputHasLabel: boolean;
+  /**
+   * `true` if the input label is shrunk, `false` otherwise.
+   */
+  isLabelShrunk: boolean;
 }
 export {};

package/index.js

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

package/internals/hooks/useField/syncSelectionToDOM.js

@@ -26,7 +26,9 @@ function syncSelectionToDOM(parameters) {
   }
   if (parsedSelectedSections == null) {
     // If the selection contains an element inside the field, we reset it.
-    if (selection.rangeCount > 0 && domGetters.getRoot().contains(selection.getRangeAt(0).startContainer)) {
+    if (selection.rangeCount > 0 &&
+    // Firefox can return a Restricted object here
+    selection.getRangeAt(0).startContainer instanceof Node && domGetters.getRoot().contains(selection.getRangeAt(0).startContainer)) {
       selection.removeAllRanges();
     }
     if (focused) {

package/internals/models/helpers.d.ts

@@ -7,7 +7,7 @@ import { CSSObject, CSSInterpolation, Interpolation } from '@mui/system';
  */
 export type ExtendMui<C, Removals extends keyof C = never> = Omit<C, 'classes' | 'theme' | Removals>;
 type OverridesStyleRules<ClassKey extends string = string, ComponentName = keyof ComponentsPropsList, Theme = unknown, OwnerState = unknown> = Record<ClassKey, Interpolation<(ComponentName extends keyof ComponentsPropsList ? ComponentsPropsList[ComponentName] & Record<string, unknown> & {
-  ownerState: OwnerState extends Object ? OwnerState : ComponentsPropsList[ComponentName] & Record<string, unknown>;
+  ownerState: OwnerState extends object ? OwnerState : ComponentsPropsList[ComponentName] & Record<string, unknown>;
 } : {}) & {
   theme: Theme;
 } & Record<string, unknown>>>;

package/models/fields.d.ts

@@ -178,5 +178,9 @@ export interface PickerTextFieldOwnerState extends FieldOwnerState {
    * `true` if the input has a label, `false` otherwise.
    */
   inputHasLabel: boolean;
+  /**
+   * `true` if the input label is shrunk, `false` otherwise.
+   */
+  isLabelShrunk: boolean;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "8.10.0",
+  "version": "8.11.0",
   "author": "MUI Team",
   "description": "The community edition of the MUI X Date and Time Picker components.",
   "main": "./index.js",
@@ -35,12 +35,12 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.28.2",
-    "@mui/utils": "^7.2.0",
+    "@mui/utils": "^7.3.1",
     "@types/react-transition-group": "^4.4.12",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "8.10.0"
+    "@mui/x-internals": "8.11.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -89,31 +89,30 @@
   "engines": {
     "node": ">=14.0.0"
   },
-  "private": false,
+  "type": "commonjs",
+  "types": "./index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
-      "require": {
-        "types": "./index.d.ts",
-        "default": "./index.js"
-      },
       "import": {
         "types": "./esm/index.d.ts",
         "default": "./esm/index.js"
+      },
+      "require": {
+        "types": "./index.d.ts",
+        "default": "./index.js"
       }
     },
     "./*": {
-      "require": {
-        "types": "./*/index.d.ts",
-        "default": "./*/index.js"
-      },
       "import": {
         "types": "./esm/*/index.d.ts",
         "default": "./esm/*/index.js"
+      },
+      "require": {
+        "types": "./*/index.d.ts",
+        "default": "./*/index.js"
       }
     },
-    "./esm": null,
-    "./modern": null
-  },
-  "types": "./index.d.ts"
+    "./esm": null
+  }
 }