diff --git a/apps/web/src/app/accounts/login/login.component.html b/apps/web/src/app/accounts/login/login.component.html
index 3b7724559fe..8202af0dfd8 100644
--- a/apps/web/src/app/accounts/login/login.component.html
+++ b/apps/web/src/app/accounts/login/login.component.html
@@ -78,7 +78,7 @@
       <input
         id="login_input_master-password"
         bitInput
-        type="{{ showPassword ? 'text' : 'password' }}"
+        [type]="showPassword ? 'text' : 'password'"
         formControlName="masterPassword"
         appAutofocus
       />
diff --git a/apps/web/src/app/accounts/register-form/register-form.component.html b/apps/web/src/app/accounts/register-form/register-form.component.html
index d9456d5a6e9..9ae891a4701 100644
--- a/apps/web/src/app/accounts/register-form/register-form.component.html
+++ b/apps/web/src/app/accounts/register-form/register-form.component.html
@@ -34,7 +34,7 @@
         <input
           id="register-form_input_master-password"
           bitInput
-          type="{{ showPassword ? 'text' : 'password' }}"
+          [type]="showPassword ? 'text' : 'password'"
           formControlName="masterPassword"
         />
         <button type="button" bitSuffix bitButton (click)="togglePassword()">
@@ -65,7 +65,7 @@
         <input
           id="register-form_input_confirm-master-password"
           bitInput
-          type="{{ showPassword ? 'text' : 'password' }}"
+          [type]="showPassword ? 'text' : 'password'"
           formControlName="confirmMasterPassword"
         />
         <button type="button" bitSuffix bitButton (click)="togglePassword()">
diff --git a/apps/web/src/app/tools/import-export/export.component.html b/apps/web/src/app/tools/import-export/export.component.html
index 252e30665f2..909131b6c76 100644
--- a/apps/web/src/app/tools/import-export/export.component.html
+++ b/apps/web/src/app/tools/import-export/export.component.html
@@ -89,7 +89,7 @@
               <bit-label>{{ "filePassword" | i18n }}</bit-label>
               <input
                 bitInput
-                type="{{ showFilePassword ? 'text' : 'password' }}"
+                [type]="showFilePassword ? 'text' : 'password'"
                 id="filePassword"
                 formControlName="filePassword"
                 name="password"
@@ -123,7 +123,7 @@
               <bit-label>{{ "confirmFilePassword" | i18n }}</bit-label>
               <input
                 bitInput
-                type="{{ showConfirmFilePassword ? 'text' : 'password' }}"
+                [type]="showConfirmFilePassword ? 'text' : 'password'"
                 id="confirmFilePassword"
                 formControlName="confirmFilePassword"
                 name="confirmFilePassword"
diff --git a/apps/web/src/app/tools/import-export/file-password-prompt.component.html b/apps/web/src/app/tools/import-export/file-password-prompt.component.html
index 0d9e01e8de4..7250cc9e833 100644
--- a/apps/web/src/app/tools/import-export/file-password-prompt.component.html
+++ b/apps/web/src/app/tools/import-export/file-password-prompt.component.html
@@ -19,7 +19,7 @@
             <input
               bitInput
               required
-              type="{{ showFilePassword ? 'text' : 'password' }}"
+              [type]="showFilePassword ? 'text' : 'password'"
               name="filePassword"
               [formControl]="filePassword"
               appAutofocus
diff --git a/bitwarden_license/bit-web/src/app/organizations/manage/scim.component.html b/bitwarden_license/bit-web/src/app/organizations/manage/scim.component.html
index 595fe5446b7..776af86c27d 100644
--- a/bitwarden_license/bit-web/src/app/organizations/manage/scim.component.html
+++ b/bitwarden_license/bit-web/src/app/organizations/manage/scim.component.html
@@ -54,7 +54,7 @@
     <bit-label>{{ "scimApiKey" | i18n }}</bit-label>
     <input
       bitInput
-      type="{{ showScimKey ? 'text' : 'password' }}"
+      [type]="showScimKey ? 'text' : 'password'"
       formControlName="clientSecret"
       id="clientSecret"
     />
diff --git a/libs/components/src/form-field/form-field-control.ts b/libs/components/src/form-field/form-field-control.ts
index 5f57bdbbac5..d47696edde4 100644
--- a/libs/components/src/form-field/form-field-control.ts
+++ b/libs/components/src/form-field/form-field-control.ts
@@ -1,3 +1,5 @@
+export type InputTypes = "text" | "password" | "number" | "datetime-local" | "email" | "checkbox";
+
 export abstract class BitFormFieldControl {
   ariaDescribedBy: string;
   id: string;
@@ -5,7 +7,7 @@ export abstract class BitFormFieldControl {
   required: boolean;
   hasError: boolean;
   error: [string, any];
-  type?: "text" | "password";
+  type?: InputTypes;
   spellcheck?: boolean;
   focus?: () => void;
 }
diff --git a/libs/components/src/input/input.directive.ts b/libs/components/src/input/input.directive.ts
index cb5c97fecc1..6821faf69da 100644
--- a/libs/components/src/input/input.directive.ts
+++ b/libs/components/src/input/input.directive.ts
@@ -1,7 +1,7 @@
 import { Directive, ElementRef, HostBinding, Input, NgZone, Optional, Self } from "@angular/core";
 import { NgControl, Validators } from "@angular/forms";
 
-import { BitFormFieldControl } from "../form-field/form-field-control";
+import { BitFormFieldControl, InputTypes } from "../form-field/form-field-control";
 
 // Increments for each instance of this component
 let nextId = 0;
@@ -45,7 +45,7 @@ export class BitInputDirective implements BitFormFieldControl {
     return this.hasError ? true : undefined;
   }
 
-  @HostBinding("attr.type") @Input() type?: "text" | "password";
+  @HostBinding("attr.type") @Input() type?: InputTypes;
 
   @HostBinding("attr.spellcheck") @Input() spellcheck?: boolean;