Merge branch 'master' of https://github.com/vlad-ignatov/react-numeric-input

vlad-ignatov · vlad-ignatov · commit 8ab8f8a2c832 · 2018-01-10T21:55:36.000-05:00
diff --git a/README.md b/README.md
@@ -8,7 +8,8 @@ the browsers. Additionally this component offers more flexible options and can
 be used for any values (differently formatted representations of the internal
 numeric value).
 
-[Live demo](http://vlad-ignatov.github.io/react-numeric-input/)
+![Demo](https://i.imgur.com/uUnxO73.gif)
+### [**Live demo**](http://vlad-ignatov.github.io/react-numeric-input/)
 
 ## Installation
 ```sh
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-numeric-input",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "Number input component that can replace the native number input which is not yet very well supported and where it is, it does not have the same appearance across the browsers. Additionally this component offers more flexible options and can be used for any values (differently formatted representations of the internal numeric value).",
   "main": "index.js",
   "scripts": {
diff --git a/src/NumericInput.jsx b/src/NumericInput.jsx
@@ -1112,11 +1112,13 @@ class NumericInput extends Component
                 Object.assign(attrs.input.style, css['input:disabled'])
             }
         }
+        
+        const InputTag = props.componentClass || 'input';
 
         if (mobile) {
             return (
                 <span {...attrs.wrap}>
-                    <input {...attrs.input}/>
+                    <InputTag {...attrs.input}/>
                     <b {...attrs.btnUp}>
                         <i style={ style === false ? null : css.minus }/>
                         <i style={ style === false ? null : css.plus }/>
@@ -1130,7 +1132,7 @@ class NumericInput extends Component
 
         return (
             <span {...attrs.wrap}>
-                <input {...attrs.input}/>
+                <InputTag {...attrs.input}/>
                 <b {...attrs.btnUp}>
                     <i style={ style === false ? null : css.arrowUp }/>
                 </b>

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "react-numeric-input",`
`3`		`- "version": "2.2.0",`
	`3`	`+ "version": "2.2.1",`
`4`	`4`	`"description": "Number input component that can replace the native number input which is not yet very well supported and where it is, it does not have the same appearance across the browsers. Additionally this component offers more flexible options and can be used for any values (differently formatted representations of the internal numeric value).",`
`5`	`5`	`"main": "index.js",`
`6`	`6`	`"scripts": {`