Text field input props (#80)

* Passing down `inputProps` from `input` object to MUI component

This change makes it possible to set <input> HTML's props like
min and max values, by passing them onto <TextField> `input` obj

* Added <TextField> story with example of a number field

Co-authored-by: Leandro Boscariol <leandro.boscariol@gnosis.io>

src/inputs/TextField/index.tsx

@@ -78,7 +78,7 @@ function TextField({
       <CustomTextField
         {...rest}
         {...customProps}
-        {...inputRest}
+        inputProps={inputRest}
         className={className}
         size={undefined}
         name={name}

src/inputs/TextField/textField.stories.tsx

@@ -27,6 +27,21 @@ export const SimpleTextField = (): React.ReactElement => {
   );
 };
 
+export const SimpleNumberField = (): React.ReactElement => {
+  const [value, setValue] = useState<string>('');
+  return (
+    <form noValidate autoComplete="off" onSubmit={onSubmit}>
+      <TextField
+        id="standard-name"
+        label="Name"
+        value={value}
+        onChange={(e) => setValue(e.target.value)}
+        input={{ type: 'number', min: 5, max: 10, step: 1 }}
+      />
+    </form>
+  );
+};
+
 export const Error = (): React.ReactElement => {
   const [value, setValue] = useState<string>('some incorrect value');
   return (