Adding maxValue & minValue support

README.md

@@ -134,5 +134,7 @@ selectAllOnFocus  | false         | Selects all text on focus or does not
 prefix            | ''            | Currency prefix
 suffix            | ''            | Currency suffix
 autoFocus         | false         | Autofocus
+maxValue          | undefined     | Maximum input value (state won't change if input is higher)
+minValue          | undefined     | Minimum input value (state won't change if input is lower)
 
 ***Note:** Enabling any mask-related features such as prefix, suffix or separators with an inputType="number" or "tel" could trigger errors. Most of those characters would be invalid in such input types.

src/index.js

@@ -51,6 +51,8 @@ class CurrencyInput extends Component {
         delete customProps.suffix;
         delete customProps.selectAllOnFocus;
         delete customProps.autoFocus;
+        delete customProps.maxValue;
+        delete customProps.minValue;
 
         let initialValue = props.value;
         if (initialValue === null) {
@@ -194,6 +196,7 @@ class CurrencyInput extends Component {
      */
     handleChange(event) {
         event.preventDefault();
+
         let { maskedValue, value } = mask(
             event.target.value,
             this.props.precision,
@@ -204,6 +207,12 @@ class CurrencyInput extends Component {
             this.props.suffix
         );
 
+        if ((this.props.maxValue && value > this.props.maxValue)
+            || (this.props.minValue && value < this.props.maxValue)) {
+            // if value exceeds min & max limits, do nothing...
+            return;
+        }
+
         event.persist();  // fixes issue #23
 
         this.setState({ maskedValue, value }, () => {
@@ -290,7 +299,9 @@ CurrencyInput.defaultProps = {
     allowNegative: false,
     prefix: '',
     suffix: '',
-    selectAllOnFocus: false
+    selectAllOnFocus: false,
+    maxValue: undefined,
+    minValue: undefined
 };