fix(forms): include an option to change the FormInput type

Author: assisrafael

demo/demo.jsx

@@ -43,6 +43,9 @@ function FormExamples() {
         <div className="col">
           <FormGroupInput name="textField2" label="Text field 2" required placeholder="Fill some value" />
         </div>
+        <div className="col">
+          <FormGroupInput name="textField3" label="Text field 3" type="number" />
+        </div>
       </div>
 
       <div className="row">

src/forms/FormInput.jsx

@@ -1,15 +1,27 @@
 import React, { useContext } from 'react';
+import PropTypes from 'prop-types';
 import { FormContext, handleInputChange } from './form-helpers';
 
-export function FormInput({ id, name, required, placeholder }) {
+export function FormInput({ id, type, name, required, placeholder }) {
   const formState = useContext(FormContext);
 
   return (
     <input
-      {...{ required, name, id, placeholder }}
+      {...{ required, name, id, placeholder, type }}
       className="form-control"
       onChange={handleInputChange.bind(null, formState)}
       value={formState.getValue(name) || ''}
     />
   );
 }
+
+FormInput.defaultProps = {
+  type: 'text',
+};
+
+FormInput.propTypes = {
+  id: PropTypes.string,
+  type: PropTypes.string,
+  name: PropTypes.string.isRequired,
+  placeholder: PropTypes.string,
+};