[pickers] Ignore milliseconds in mask logic (mui#6618)

alexfauquette · Oct 25, 2022 · f081ef6 · f081ef6
1 parent 3d160f7
commit f081ef6
Showing 1 changed file with 12 additions and 6 deletions.
diff --git a/packages/x-date-pickers/src/internals/hooks/useMaskedInput.tsx b/packages/x-date-pickers/src/internals/hooks/useMaskedInput.tsx
@@ -91,7 +91,13 @@ export const useMaskedInput = <TDate extends unknown>({
 
     const isAcceptedValue = value === null || utils.isValid(value);
 
-    if (!localeHasChanged && (!isAcceptedValue || utils.isEqual(innerInputValue, value))) {
+    const innerEqualsProvided =
+      innerInputValue === null
+        ? value === null
+        : value !== null &&
+        Math.abs(utils.getDiff(innerInputValue, value, 'seconds')) === 0;
+
+    if (!localeHasChanged && (!isAcceptedValue || innerEqualsProvided)) {
       return;
     }
 
@@ -124,11 +130,11 @@ export const useMaskedInput = <TDate extends unknown>({
   const inputStateArgs = shouldUseMaskedInput
     ? rifmProps
     : {
-        value: innerDisplayedInputValue,
-        onChange: (event: React.ChangeEvent<HTMLInputElement>) => {
-          handleChange(event.currentTarget.value);
-        },
-      };
+      value: innerDisplayedInputValue,
+      onChange: (event: React.ChangeEvent<HTMLInputElement>) => {
+        handleChange(event.currentTarget.value);
+      },
+    };
 
   return {
     label,