diff --git a/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.html b/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.html
index e06e4f0bfe..bdbd54bc52 100644
--- a/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.html
+++ b/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.html
@@ -138,6 +138,11 @@
         class="form-control"
       ></textarea>
     </ng-template>
+
+    <ng-template ngSwitchCase="password">
+      <ng-template [ngTemplateOutlet]="label"></ng-template>
+      <abp-password [prop]="prop"></abp-password>
+    </ng-template>
   </div>
 </ng-container>
 
diff --git a/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.ts b/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.ts
index 5732cdcc6f..6a8f2b7f00 100644
--- a/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.ts
+++ b/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.ts
@@ -161,6 +161,8 @@ export class ExtensibleFormPropComponent implements OnChanges, AfterViewInit {
         return 'time';
       case ePropType.Typeahead:
         return 'typeahead';
+      case ePropType.Password:
+        return 'password';
       default:
         return prop.options ? 'select' : 'input';
     }
diff --git a/npm/ng-packs/packages/theme-shared/extensions/src/lib/ui-extensions.module.ts b/npm/ng-packs/packages/theme-shared/extensions/src/lib/ui-extensions.module.ts
index aebaa16036..9917157182 100644
--- a/npm/ng-packs/packages/theme-shared/extensions/src/lib/ui-extensions.module.ts
+++ b/npm/ng-packs/packages/theme-shared/extensions/src/lib/ui-extensions.module.ts
@@ -17,6 +17,7 @@ import { PageToolbarComponent } from './components/page-toolbar/page-toolbar.com
 import { DisabledDirective } from './directives/disabled.directive';
 import { PropDataDirective } from './directives/prop-data.directive';
 import { CreateInjectorPipe } from './pipes/create-injector.pipe';
+import { PasswordComponent } from './components/password/password.component';
 
 @NgModule({
   exports: [
@@ -25,6 +26,7 @@ import { CreateInjectorPipe } from './pipes/create-injector.pipe';
     GridActionsComponent,
     ExtensibleFormComponent,
     ExtensibleTableComponent,
+    PasswordComponent,
     PropDataDirective,
     DisabledDirective,
     CreateInjectorPipe,
@@ -36,6 +38,7 @@ import { CreateInjectorPipe } from './pipes/create-injector.pipe';
     ExtensibleFormPropComponent,
     ExtensibleFormComponent,
     ExtensibleTableComponent,
+    PasswordComponent,
     PropDataDirective,
     DisabledDirective,
     CreateInjectorPipe,