@mui/x-date-pickers 8.29.0 → 8.29.3

package/internals/hooks/useField/useFieldSectionContentProps.mjs

@@ -2,6 +2,7 @@ import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
 import { usePickerAdapter, usePickerTranslations } from "../../../hooks/index.mjs";
 import { syncSelectionToDOM } from "./syncSelectionToDOM.mjs";
+import { removeLocalizedDigits } from "./useField.utils.mjs";
 /**
  * Generate the props to pass to the content element of each section of the field.
  * It is not used by the non-accessible DOM structure (with an <input /> element for editing).
@@ -26,6 +27,7 @@ export function useFieldSectionContentProps(parameters) {
       sectionsValueBoundaries,
       state,
       value,
+      localizedDigits,
       // Methods to update the states
       clearActiveSection,
       setCharacterQuery,
@@ -146,10 +148,10 @@ export function useFieldSectionContentProps(parameters) {
       onFocus: createFocusHandler(sectionIndex),
       // Aria attributes
       'aria-readonly': readOnly,
-      'aria-valuenow': getSectionValueNow(section, adapter),
+      'aria-valuenow': getSectionValueNow(section, adapter, localizedDigits),
       'aria-valuemin': sectionBoundaries.minimum,
       'aria-valuemax': sectionBoundaries.maximum,
-      'aria-valuetext': section.value ? getSectionValueText(section, adapter) : translations.empty,
+      'aria-valuetext': section.value ? getSectionValueText(section, adapter, localizedDigits) : translations.empty,
       'aria-label': translations[section.type],
       'aria-disabled': disabled,
       // Other
@@ -165,9 +167,9 @@ export function useFieldSectionContentProps(parameters) {
       children: section.value || section.placeholder,
       inputMode: section.contentType === 'letter' ? 'text' : 'numeric'
     };
-  }, [sectionsValueBoundaries, isContainerEditable, disabled, readOnly, isEditable, translations, adapter, handleInput, handlePaste, handleMouseUp, handleDragOver, createFocusHandler, fieldValueManager, value]);
+  }, [sectionsValueBoundaries, isContainerEditable, disabled, readOnly, isEditable, translations, adapter, localizedDigits, handleInput, handlePaste, handleMouseUp, handleDragOver, createFocusHandler, fieldValueManager, value]);
 }
-function getSectionValueText(section, adapter) {
+function getSectionValueText(section, adapter, localizedDigits) {
   if (!section.value) {
     return undefined;
   }
@@ -175,7 +177,7 @@ function getSectionValueText(section, adapter) {
     case 'month':
       {
         if (section.contentType === 'digit') {
-          const dateWithMonth = adapter.setMonth(adapter.date(), Number(section.value) - 1);
+          const dateWithMonth = adapter.setMonth(adapter.date(), Number(removeLocalizedDigits(section.value, localizedDigits)) - 1);
           return adapter.isValid(dateWithMonth) ? adapter.format(dateWithMonth, 'month') : '';
         }
         const parsedDate = adapter.parse(section.value, section.format);
@@ -183,7 +185,7 @@ function getSectionValueText(section, adapter) {
       }
     case 'day':
       if (section.contentType === 'digit') {
-        const dateWithDay = adapter.setDate(adapter.startOfYear(adapter.date()), Number(section.value));
+        const dateWithDay = adapter.setDate(adapter.startOfYear(adapter.date()), Number(removeLocalizedDigits(section.value, localizedDigits)));
         return adapter.isValid(dateWithDay) ? adapter.format(dateWithDay, 'dayOfMonthFull') : '';
       }
       return section.value;
@@ -194,10 +196,11 @@ function getSectionValueText(section, adapter) {
       return undefined;
   }
 }
-function getSectionValueNow(section, adapter) {
+function getSectionValueNow(section, adapter, localizedDigits) {
   if (!section.value) {
     return undefined;
   }
+  const nonLocalizedValue = removeLocalizedDigits(section.value, localizedDigits);
   switch (section.type) {
     case 'weekDay':
       {
@@ -205,7 +208,7 @@ function getSectionValueNow(section, adapter) {
           // TODO: improve by resolving the week day number from a letter week day
           return undefined;
         }
-        return Number(section.value);
+        return Number(nonLocalizedValue);
       }
     case 'meridiem':
       {
@@ -216,16 +219,16 @@ function getSectionValueNow(section, adapter) {
         return undefined;
       }
     case 'day':
-      return section.contentType === 'digit-with-letter' ? parseInt(section.value, 10) : Number(section.value);
+      return section.contentType === 'digit-with-letter' ? parseInt(nonLocalizedValue, 10) : Number(nonLocalizedValue);
     case 'month':
       {
         if (section.contentType === 'digit') {
-          return Number(section.value);
+          return Number(nonLocalizedValue);
         }
         const parsedDate = adapter.parse(section.value, section.format);
         return parsedDate ? adapter.getMonth(parsedDate) + 1 : undefined;
       }
     default:
-      return section.contentType !== 'letter' ? Number(section.value) : undefined;
+      return section.contentType !== 'letter' ? Number(nonLocalizedValue) : undefined;
   }
 }

package/internals/hooks/useField/useFieldV7TextField.js

@@ -46,6 +46,7 @@ const useFieldV7TextField = parameters => {
     sectionListRef: sectionListRefProp,
     onBlur,
     onClick,
+    onMouseDown,
     onFocus,
     onInput,
     onPaste,
@@ -147,6 +148,17 @@ const useFieldV7TextField = parameters => {
     onClick?.(event);
     rootProps.onClick(event);
   });
+  const handleRootMouseDown = (0, _useEventCallback.default)(event => {
+    // The `isDefaultPrevented` check skips mousedowns that have already been
+    // suppressed before this handler runs -- in particular, propagated events
+    // from the clear / open buttons whose own handlers `preventDefault`, and
+    // capture-phase parents that intentionally block field interactions.
+    if (event.isDefaultPrevented()) {
+      return;
+    }
+    onMouseDown?.(event);
+    rootProps.onMouseDown(event);
+  });
   const handleRootPaste = (0, _useEventCallback.default)(event => {
     onPaste?.(event);
     rootProps.onPaste(event);
@@ -229,6 +241,7 @@ const useFieldV7TextField = parameters => {
   return (0, _extends2.default)({}, forwardedProps, rootProps, {
     onBlur: handleRootBlur,
     onClick: handleRootClick,
+    onMouseDown: handleRootMouseDown,
     onFocus: handleRootFocus,
     onInput: handleRootInput,
     onPaste: handleRootPaste,

package/internals/hooks/useField/useFieldV7TextField.mjs

@@ -39,6 +39,7 @@ export const useFieldV7TextField = parameters => {
     sectionListRef: sectionListRefProp,
     onBlur,
     onClick,
+    onMouseDown,
     onFocus,
     onInput,
     onPaste,
@@ -140,6 +141,17 @@ export const useFieldV7TextField = parameters => {
     onClick?.(event);
     rootProps.onClick(event);
   });
+  const handleRootMouseDown = useEventCallback(event => {
+    // The `isDefaultPrevented` check skips mousedowns that have already been
+    // suppressed before this handler runs -- in particular, propagated events
+    // from the clear / open buttons whose own handlers `preventDefault`, and
+    // capture-phase parents that intentionally block field interactions.
+    if (event.isDefaultPrevented()) {
+      return;
+    }
+    onMouseDown?.(event);
+    rootProps.onMouseDown(event);
+  });
   const handleRootPaste = useEventCallback(event => {
     onPaste?.(event);
     rootProps.onPaste(event);
@@ -222,6 +234,7 @@ export const useFieldV7TextField = parameters => {
   return _extends({}, forwardedProps, rootProps, {
     onBlur: handleRootBlur,
     onClick: handleRootClick,
+    onMouseDown: handleRootMouseDown,
     onFocus: handleRootFocus,
     onInput: handleRootInput,
     onPaste: handleRootPaste,