diff --git a/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-form/extensible-form-prop.component.html b/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-form/extensible-form-prop.component.html
index e565a0ac86d..8054133a76a 100644
--- a/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-form/extensible-form-prop.component.html
+++ b/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-form/extensible-form-prop.component.html
@@ -21,11 +21,9 @@
           class="form-control"
         />
       }
-
       @case ('hidden') {
         <input [formControlName]="prop.name" type="hidden" />
       }
-
       @case ('checkbox') {
         <div class="form-check" validationTarget>
           <input
@@ -42,7 +40,6 @@
           ></ng-template>
         </div>
       }
-
       @case ('select') {
         <ng-template [ngTemplateOutlet]="label"></ng-template>
         <select
@@ -59,7 +56,6 @@
           }
         </select>
       }
-
       @case ('multiselect') {
         <ng-template [ngTemplateOutlet]="label"></ng-template>
         <select
@@ -77,7 +73,6 @@
           }
         </select>
       }
-
       @case ('typeahead') {
         <ng-template [ngTemplateOutlet]="label"></ng-template>
         <div #typeahead class="position-relative" validationStyle validationTarget>
@@ -100,7 +95,6 @@
           <input [formControlName]="prop.name" type="hidden" />
         </div>
       }
-
       @case ('date') {
         <ng-template [ngTemplateOutlet]="label"></ng-template>
         <input
@@ -118,12 +112,10 @@
         <ng-template [ngTemplateOutlet]="label"></ng-template>
         <ngb-timepicker [formControlName]="prop.name"></ngb-timepicker>
       }
-
       @case ('dateTime') {
         <ng-template [ngTemplateOutlet]="label"></ng-template>
         <abp-extensible-date-time-picker [prop]="prop" [meridian]="meridian$ | async" />
       }
-
       @case ('textarea') {
         <ng-template [ngTemplateOutlet]="label"></ng-template>
         <textarea
@@ -135,7 +127,6 @@
           class="form-control"
         ></textarea>
       }
-
       @case ('passwordinputgroup') {
         <ng-template [ngTemplateOutlet]="label"></ng-template>
         <div class="input-group form-group" validationTarget>
diff --git a/npm/ng-packs/packages/theme-shared/src/lib/adapters/time.adapter.ts b/npm/ng-packs/packages/theme-shared/src/lib/adapters/time.adapter.ts
index de2c47b3494..2a10cada518 100644
--- a/npm/ng-packs/packages/theme-shared/src/lib/adapters/time.adapter.ts
+++ b/npm/ng-packs/packages/theme-shared/src/lib/adapters/time.adapter.ts
@@ -24,7 +24,7 @@ export class TimeAdapter extends NgbTimeAdapter<string | Date> {
     if (!value) return '';
 
     const date = new Date(0, 0, 1, value.hour, value.minute, value.second);
-    const formattedDate = formatDate(date, 'HH:mm', 'en');
+    const formattedDate = formatDate(date, 'HH:mm:ss', 'en');
 
     return formattedDate;
   }