fix(NumberInput): Custom increment/decrement and thresholds

patternfly · Mar 31, 2022 · f18e939 · f18e939
1 parent a1d1e32
commit f18e939
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/packages/react-core/src/components/NumberInput/examples/NumberInput.md b/packages/react-core/src/components/NumberInput/examples/NumberInput.md
@@ -447,6 +447,13 @@ class CustomStepNumberInput extends React.Component {
     };
 
     this.onChange = event => {
+      const newValue = isNaN(event.target.value) ? 0 : Number(event.target.value);
+      this.setState({
+        value: newValue
+      });
+    };
+
+    this.onBlur = event => {
       const newValue = isNaN(event.target.value) ? 0 : Number(event.target.value);
       this.setState({
         value: newValue > this.maxValue ? this.maxValue : newValue < this.minValue ? this.minValue : newValue
@@ -463,6 +470,7 @@ class CustomStepNumberInput extends React.Component {
         max={this.maxValue}
         onMinus={this.stepper(-3)}
         onChange={this.onChange}
+        onBlur={this.onBlur}
         onPlus={this.stepper(3)}
         inputName="input"
         inputAriaLabel="number input"