diff --git a/src/app/atp-library/definitions.ts b/src/app/atp-library/definitions.ts
index 1984887..aba27ff 100644
--- a/src/app/atp-library/definitions.ts
+++ b/src/app/atp-library/definitions.ts
@@ -54,6 +54,7 @@ export interface IDisplayPreference {
   labels?: {
     ok?: string;
     cancel?: string;
+    title?: string;
   };
   period?(period: 'AM' | 'PM');
   clockMinute?(minute: any);
diff --git a/src/app/atp-library/time-picker/time-picker.component.html b/src/app/atp-library/time-picker/time-picker.component.html
index 8c2c273..ba3108b 100644
--- a/src/app/atp-library/time-picker/time-picker.component.html
+++ b/src/app/atp-library/time-picker/time-picker.component.html
@@ -1,6 +1,9 @@
 <div id="time-picker-wrapper" class="{{config.theme}}" [ngClass]="{'active': activeModal, 'static': !isPopup}" (click)="Close($event);">
   <div id="time-picker" [ngClass]="{'active': activeModal, 'static': !isPopup}">
     <div class="time-picker-header">
+      <div class="time-picker-title" *ngIf="getTitle()">
+        {{getTitle()}}
+      </div>
       <div class="time-picker-selected-time">
           <div class="time-picker-hour" (click)="HourClick()" [attr.disabled]="(config.onlyMinute) ? 'disabled' : null"
             [ngClass]="{'selected' : clockType == 'hour'}">{{GetHour()}}</div>
diff --git a/src/app/atp-library/time-picker/time-picker.component.ts b/src/app/atp-library/time-picker/time-picker.component.ts
index 475a839..e29c7d9 100644
--- a/src/app/atp-library/time-picker/time-picker.component.ts
+++ b/src/app/atp-library/time-picker/time-picker.component.ts
@@ -350,4 +350,8 @@ export class TimePickerComponent implements OnInit {
     }
     return defaults[key];
   }
+
+  public getTitle(): string {
+    return this.preference.labels.title ? this.preference.labels.title : undefined;
+  }
 }