🐛 Input maxlength ignored with type="number"

Author: ajayns

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-otp-input",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "A fully customizable, one-time password input component for the web built with React",
   "main": "lib/index.js",
   "scripts": {

src/lib/index.jsx

@@ -132,7 +132,9 @@ class OtpInput extends Component<Props, State> {
 
   // Helper to return OTP from input
   getOtp = () => {
-    this.props.onChange(this.state.otp.join(''));
+    const { onChange, isInputNum } = this.props;
+    const otp = this.state.otp.join('');
+    onChange(isInputNum ? Number(otp) : otp);
   };
 
   // Focus on input by index
@@ -160,7 +162,7 @@ class OtpInput extends Component<Props, State> {
   // Change OTP value at focused input
   changeCodeAtFocus = (value: string) => {
     const { activeInput, otp } = this.state;
-    otp[activeInput] = value;
+    otp[activeInput] = value[0];
 
     this.setState({
       otp,