@mui/x-date-pickers 9.0.0 → 9.0.2

package/index.js

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

package/index.mjs

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

package/internals/components/PickerFieldUI.d.mts

@@ -106,8 +106,7 @@ interface PickerFieldUIContextValue {
 export declare function mergeSlotProps<TProps extends {}, TOwnerState extends FieldOwnerState>(slotPropsA: SlotComponentPropsFromProps<TProps, {}, TOwnerState> | undefined, slotPropsB: SlotComponentPropsFromProps<TProps, {}, TOwnerState> | undefined): Partial<TProps> | ((ownerState: TOwnerState) => {}) | undefined;
 /**
  * The `textField` slot props cannot be handled inside `PickerFieldUI` because it would be a breaking change to not pass the enriched props to `useField`.
- * Once the non-accessible DOM structure will be removed, we will be able to remove the `textField` slot and clean this logic.
- * TODO: Address with the needed support for the `textField` slotProps given the change of minimum version of MUI.
+ * TODO v10: Remove the `textField` slot and clean this logic up.
  */
 export declare function useFieldTextFieldProps<TProps extends UseFieldOwnerStateParameters>(parameters: UseFieldTextFieldPropsParameters): TProps;
 interface UseFieldTextFieldPropsParameters {

package/internals/components/PickerFieldUI.d.ts

@@ -106,8 +106,7 @@ interface PickerFieldUIContextValue {
 export declare function mergeSlotProps<TProps extends {}, TOwnerState extends FieldOwnerState>(slotPropsA: SlotComponentPropsFromProps<TProps, {}, TOwnerState> | undefined, slotPropsB: SlotComponentPropsFromProps<TProps, {}, TOwnerState> | undefined): Partial<TProps> | ((ownerState: TOwnerState) => {}) | undefined;
 /**
  * The `textField` slot props cannot be handled inside `PickerFieldUI` because it would be a breaking change to not pass the enriched props to `useField`.
- * Once the non-accessible DOM structure will be removed, we will be able to remove the `textField` slot and clean this logic.
- * TODO: Address with the needed support for the `textField` slotProps given the change of minimum version of MUI.
+ * TODO v10: Remove the `textField` slot and clean this logic up.
  */
 export declare function useFieldTextFieldProps<TProps extends UseFieldOwnerStateParameters>(parameters: UseFieldTextFieldPropsParameters): TProps;
 interface UseFieldTextFieldPropsParameters {

package/internals/components/PickerFieldUI.js

@@ -250,8 +250,7 @@ function mergeSlotProps(slotPropsA, slotPropsB) {
 
 /**
  * The `textField` slot props cannot be handled inside `PickerFieldUI` because it would be a breaking change to not pass the enriched props to `useField`.
- * Once the non-accessible DOM structure will be removed, we will be able to remove the `textField` slot and clean this logic.
- * TODO: Address with the needed support for the `textField` slotProps given the change of minimum version of MUI.
+ * TODO v10: Remove the `textField` slot and clean this logic up.
  */
 function useFieldTextFieldProps(parameters) {
   const {

package/internals/components/PickerFieldUI.mjs

@@ -237,8 +237,7 @@ export function mergeSlotProps(slotPropsA, slotPropsB) {
 
 /**
  * The `textField` slot props cannot be handled inside `PickerFieldUI` because it would be a breaking change to not pass the enriched props to `useField`.
- * Once the non-accessible DOM structure will be removed, we will be able to remove the `textField` slot and clean this logic.
- * TODO: Address with the needed support for the `textField` slotProps given the change of minimum version of MUI.
+ * TODO v10: Remove the `textField` slot and clean this logic up.
  */
 export function useFieldTextFieldProps(parameters) {
   const {

package/internals/hooks/useField/useField.js

@@ -138,12 +138,25 @@ const useField = parameters => {
     rootProps.onKeyDown(event);
   });
   const handleRootBlur = (0, _useEventCallback.default)(event => {
-    onBlur?.(event);
     rootProps.onBlur(event);
+    // Skip the user callback when focus is only moving to another element inside the field
+    // (e.g. the section that gains focus after the focusable root gives it up).
+    const next = event.relatedTarget;
+    if (domGetters.isReady() && next instanceof Node && domGetters.getRoot().contains(next)) {
+      return;
+    }
+    onBlur?.(event);
   });
   const handleRootFocus = (0, _useEventCallback.default)(event => {
-    onFocus?.(event);
     rootProps.onFocus(event);
+    // Skip the user callback when focus is only arriving from another element inside the field
+    // (e.g. the focusable root receiving it before it is forwarded to a section, and the section
+    // focus event bubbling back up to the root).
+    const previous = event.relatedTarget;
+    if (domGetters.isReady() && previous instanceof Node && domGetters.getRoot().contains(previous)) {
+      return;
+    }
+    onFocus?.(event);
   });
   const handleRootClick = (0, _useEventCallback.default)(event => {
     // The click event on the clear or open button would propagate to the input, trigger this handler and result in an inadvertent section selection.

package/internals/hooks/useField/useField.mjs

@@ -131,12 +131,25 @@ export const useField = parameters => {
     rootProps.onKeyDown(event);
   });
   const handleRootBlur = useEventCallback(event => {
-    onBlur?.(event);
     rootProps.onBlur(event);
+    // Skip the user callback when focus is only moving to another element inside the field
+    // (e.g. the section that gains focus after the focusable root gives it up).
+    const next = event.relatedTarget;
+    if (domGetters.isReady() && next instanceof Node && domGetters.getRoot().contains(next)) {
+      return;
+    }
+    onBlur?.(event);
   });
   const handleRootFocus = useEventCallback(event => {
-    onFocus?.(event);
     rootProps.onFocus(event);
+    // Skip the user callback when focus is only arriving from another element inside the field
+    // (e.g. the focusable root receiving it before it is forwarded to a section, and the section
+    // focus event bubbling back up to the root).
+    const previous = event.relatedTarget;
+    if (domGetters.isReady() && previous instanceof Node && domGetters.getRoot().contains(previous)) {
+      return;
+    }
+    onFocus?.(event);
   });
   const handleRootClick = useEventCallback(event => {
     // The click event on the clear or open button would propagate to the input, trigger this handler and result in an inadvertent section selection.

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.validateSections = exports.removeLocalizedDigits = exports.parseSelectedSections = exports.mergeDateIntoReferenceDate = exports.isStringNumber = exports.isAndroid = exports.getSectionsBoundaries = exports.getSectionVisibleValue = exports.getSectionOrder = exports.getLocalizedDigits = exports.getLetterEditingOptions = exports.getDaysInWeekStr = exports.getDateSectionConfigFromFormatToken = exports.getDateFromDateSections = exports.doesSectionFormatHaveLeadingZeros = exports.createDateStrForHiddenInputFromSections = exports.cleanLeadingZeros = exports.cleanDigitSectionValue = exports.changeSectionValueFormat = exports.applyLocalizedDigits = exports.FORMAT_SECONDS_NO_LEADING_ZEROS = void 0;
 var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var _dateUtils = require("../../utils/date-utils");
+var _timeUtils = require("../../utils/time-utils");
 const getDateSectionConfigFromFormatToken = (adapter, formatToken) => {
   const config = adapter.formatTokenMap[formatToken];
   if (config == null) {
@@ -386,15 +387,8 @@ const transferDateSectionValue = (adapter, section, dateToTransferFrom, dateToTr
       }
     case 'meridiem':
       {
-        const isAM = adapter.getHours(dateToTransferFrom) < 12;
-        const mergedDateHours = adapter.getHours(dateToTransferTo);
-        if (isAM && mergedDateHours >= 12) {
-          return adapter.addHours(dateToTransferTo, -12);
-        }
-        if (!isAM && mergedDateHours < 12) {
-          return adapter.addHours(dateToTransferTo, 12);
-        }
-        return dateToTransferTo;
+        const meridiem = adapter.getHours(dateToTransferFrom) < 12 ? 'am' : 'pm';
+        return (0, _timeUtils.convertToMeridiem)(dateToTransferTo, meridiem, true, adapter);
       }
     case 'hours':
       {

package/internals/hooks/useField/useField.utils.mjs

@@ -1,5 +1,6 @@
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import { getMonthsInYear } from "../../utils/date-utils.mjs";
+import { convertToMeridiem } from "../../utils/time-utils.mjs";
 export const getDateSectionConfigFromFormatToken = (adapter, formatToken) => {
   const config = adapter.formatTokenMap[formatToken];
   if (config == null) {
@@ -363,15 +364,8 @@ const transferDateSectionValue = (adapter, section, dateToTransferFrom, dateToTr
       }
     case 'meridiem':
       {
-        const isAM = adapter.getHours(dateToTransferFrom) < 12;
-        const mergedDateHours = adapter.getHours(dateToTransferTo);
-        if (isAM && mergedDateHours >= 12) {
-          return adapter.addHours(dateToTransferTo, -12);
-        }
-        if (!isAM && mergedDateHours < 12) {
-          return adapter.addHours(dateToTransferTo, 12);
-        }
-        return dateToTransferTo;
+        const meridiem = adapter.getHours(dateToTransferFrom) < 12 ? 'am' : 'pm';
+        return convertToMeridiem(dateToTransferTo, meridiem, true, adapter);
       }
     case 'hours':
       {