From 88413a63bf721d9bedeaec8a525962d5b0dbd83e Mon Sep 17 00:00:00 2001
From: Leandro Boscariol <leandro.boscariol@gnosis.io>
Date: Fri, 11 Dec 2020 10:59:02 -0800
Subject: [PATCH 1/2] 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
---
 src/inputs/TextField/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/inputs/TextField/index.tsx b/src/inputs/TextField/index.tsx
index d83f8735..e4a9aa2a 100644
--- a/src/inputs/TextField/index.tsx
+++ b/src/inputs/TextField/index.tsx
@@ -78,7 +78,7 @@ function TextField({
       <CustomTextField
         {...rest}
         {...customProps}
-        {...inputRest}
+        inputProps={inputRest}
         className={className}
         size={undefined}
         name={name}

From 3c7d194404ffc2f873ee1147544db3ddbb3f7f87 Mon Sep 17 00:00:00 2001
From: Leandro Boscariol <leandro.boscariol@gnosis.io>
Date: Fri, 11 Dec 2020 11:07:26 -0800
Subject: [PATCH 2/2] Added <TextField> story with example of a number field

---
 src/inputs/TextField/textField.stories.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/inputs/TextField/textField.stories.tsx b/src/inputs/TextField/textField.stories.tsx
index be7afb03..009ed87e 100644
--- a/src/inputs/TextField/textField.stories.tsx
+++ b/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 (