import React, { Component } from 'react';
import AgileTextField from '../AgileTextField';
import numberValidator from '../Utils/Validators/number';

const styles = {
};

class NumberField extends Component {
  render() {
    const {...passThroughProps} = this.props;
    return (
      <AgileTextField
        type="text"
        validateInput={true}
        {...passThroughProps}
      />
    );
  }
};
NumberField.propTypes = {
  name: React.PropTypes.string,
  label: React.PropTypes.string.isRequired,
  hintText: React.PropTypes.string,
  onStateChange: React.PropTypes.func,
  onValueChange: React.PropTypes.func,
  feedbackElement: React.PropTypes.func,
  style: React.PropTypes.object,
  disabled: React.PropTypes.bool,
};
// Specifies the default values for props:
NumberField.defaultProps = {
  name: 'number',
  validator: numberValidator,
  style: styles,
};
export default NumberField;

@@ -225,16 +225,36 @@
  const %7B
+minValue, maxValue, 
 ...passT
@@ -280,16 +280,16 @@
 .props;%0A
-
     retu
@@ -364,16 +364,72 @@
 =%7Btrue%7D%0A
+        validator=%7BnumberValidator(minValue, maxValue)%7D%0A
         
@@ -797,16 +797,87 @@
 s.bool,%0A
+  minValue: React.PropTypes.number,%0A  maxValue: React.PropTypes.number%0A
 %7D;%0A// Sp
@@ -967,52 +967,66 @@
 ,%0A  
-validator: numberValidator,%0A  style: styles,
+style: styles,%0A  minValue: -Infinity,%0A  maxValue: Infinity
 %0A%7D;%0A

Add min and max prop