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}
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 (