diff --git a/packages/shared/components/FieldInput/FieldInput.tsx b/packages/shared/components/FieldInput/FieldInput.tsx index 381bffc75..c9d8508ed 100644 --- 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) => void; onKeyPress?: (e: React.KeyboardEvent) => void; diff --git a/packages/teleport/src/components/FormLogin/FormLogin.tsx b/packages/teleport/src/components/FormLogin/FormLogin.tsx index 2eee18264..c1cd7c310 100644 --- 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 index 83271e308..64c7a6e3f 100644 --- 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="" />