Update FormLogin.tsx (#608)

* Update FormLogin.tsx * Update FormLogin.story.test.tsx.snap Updated FormLogin story snapshot * Update FieldInput.tsx Added type 'tel' to FieldInput Co-authored-by: Zac Bergquist <[email protected]>
gravitational · Mar 2, 2022 · 5f8aef1 · 5f8aef1
1 parent 0b6ca8c
commit 5f8aef1
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/packages/shared/components/FieldInput/FieldInput.tsx b/packages/shared/components/FieldInput/FieldInput.tsx
@@ -60,7 +60,7 @@ type Props = {
   placeholder?: string;
   autoFocus?: boolean;
   autoComplete?: 'off' | 'on';
-  type?: 'email' | 'text' | 'password' | 'number' | 'date' | 'week';
+  type?: 'email' | 'text' | 'password' | 'number' | 'date' | 'week' | 'tel';
   rule?: (options: unknown) => () => unknown;
   onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
   onKeyPress?: (e: React.KeyboardEvent<HTMLInputElement>) => void;

diff --git a/packages/teleport/src/components/FormLogin/FormLogin.tsx b/packages/teleport/src/components/FormLogin/FormLogin.tsx
@@ -190,6 +190,7 @@ export default function LoginForm(props: Props) {
                         autoComplete="off"
                         value={token}
                         onChange={e => setToken(e.target.value)}
+                        type="tel"
                         placeholder="123 456"
                         mb={0}
                       />

diff --git a/packages/teleport/src/components/FormLogin/__snapshots__/FormLogin.story.test.tsx.snap b/packages/teleport/src/components/FormLogin/__snapshots__/FormLogin.story.test.tsx.snap
@@ -914,7 +914,7 @@ exports[`auth2faType: otp rendering 1`] = `
             class="c5"
             color="text.onLight"
             placeholder="123 456"
-            type="text"
+            type="tel"
             value=""
           />
         </div>