feat(Input): adds step, min, max attributes

src/common/Tag/Tag.js

@@ -78,6 +78,9 @@ const COLLECTED_PROPS = [
   'href',
   'target',
   'rel',
+  'step',
+  'min',
+  'max',
 ];
 
 const HTML_TAGS = [

src/components/Input/Input.js

@@ -59,6 +59,9 @@ type InputProps = {
   onBlur?: (?SyntheticFocusEvent<HTMLInputElement>) => void,
   /** callback which called on clear */
   onClear?: () => void,
+  step?: string | number,
+  min?: string | number,
+  max?: string | number,
 } & InputCommonProps;
 
 class Input extends PureComponent<InputProps> {
@@ -124,6 +127,9 @@ class Input extends PureComponent<InputProps> {
       clearable,
       onClear,
       autoFocus,
+      step,
+      min,
+      max,
       ...rest
     } = this.props;
     const hasLeftIcon = !!leftIcon;
@@ -149,6 +155,9 @@ class Input extends PureComponent<InputProps> {
       readOnly,
       stretch,
       autoFocus,
+      step,
+      min,
+      max,
     };
 
     return (

src/components/InputField/InputField.js

@@ -41,6 +41,9 @@ type InputFieldProps = {
   onClear?: () => void,
   /** html auto-focus representation */
   autoFocus?: boolean,
+  step?: string | number,
+  min?: string | number,
+  max?: string | number,
 };
 
 const InputField = ({
@@ -66,6 +69,9 @@ const InputField = ({
   autoComplete,
   autoFocus,
   onClear,
+  step,
+  min,
+  max,
   ...rest
   }: InputFieldProps) => {
   const { name, value, onChange, onFocus, onBlur } = input;
@@ -106,6 +112,9 @@ const InputField = ({
         rightIcon={ rightIcon }
         onClear={ onClear }
         autoFocus={ autoFocus }
+        step={ step }
+        min={ min }
+        max={ max }
       />
     </FormField>
   );