Blur empty value

Author: mj12albert

packages/mui-base/src/unstable_useNumberInput/numberInputReducer.test.ts

@@ -108,6 +108,31 @@ describe('numberInputReducer', () => {
       expect(result.value).to.equal(9);
       expect(result.inputValue).to.equal('9');
     });
+
+    it('empty value', () => {
+      const state: NumberInputState = {
+        value: '',
+        inputValue: '',
+      };
+
+      const action: NumberInputReducerAction = {
+        type: NumberInputActionTypes.blur,
+        event: {
+          currentTarget: {
+            value: '',
+          },
+        } as unknown as React.FocusEvent<HTMLInputElement>,
+        context: {
+          getInputValueAsString: defaultGetInputValueAsString,
+          shiftMultiplier: 10,
+        },
+      };
+
+      const result = numberInputReducer(state, action);
+
+      expect(result.value).to.equal('');
+      expect(result.inputValue).to.equal('');
+    });
   });
 
   describe('action: inputChange', () => {

packages/mui-base/src/unstable_useNumberInput/numberInputReducer.ts

@@ -11,7 +11,7 @@ import { clamp, isNumber } from './utils';
 function getClampedValues(rawValue: number | undefined, context: NumberInputActionContext) {
   const { min, max, step } = context;
 
-  const clampedValue = rawValue === undefined ? undefined : clamp(rawValue, min, max, step);
+  const clampedValue = rawValue === undefined ? '' : clamp(rawValue, min, max, step);
 
   const newInputValue = clampedValue === undefined ? '' : String(clampedValue);