feat(time-picker): Adding label #6905

Author: valadzhov

projects/igniteui-angular/src/lib/time-picker/time-picker.component.html

@@ -1,6 +1,9 @@
 <ng-template #dropdownInputTemplate>
     <igx-input-group #group (mousedown)="mouseDown($event)">
-        <label igxLabel>Time</label>
+        <label igxLabel *ngIf="!labelDirective">Time</label>
+        <ng-container ngProjectAs="[igxLabel]">
+            <ng-content select="[igxLabel]"></ng-content>
+        </ng-container>
         <igx-prefix (click)="openDialog(group.element.nativeElement)">
             <igx-icon>access_time</igx-icon>
         </igx-prefix>

projects/igniteui-angular/src/lib/time-picker/time-picker.component.ts

@@ -51,6 +51,7 @@ import { CurrentResourceStrings } from '../core/i18n/resources';
 import { KEYS, CancelableBrowserEventArgs, IBaseEventArgs } from '../core/utils';
 import { InteractionMode } from '../core/enums';
 import { IgxTextSelectionModule} from '../directives/text-selection/text-selection.directive';
+import { IgxLabelDirective } from '../directives/label/label.directive';
 
 
 let NEXT_ID = 0;
@@ -505,6 +506,12 @@ export class IgxTimePickerComponent implements
     @ContentChild(IgxTimePickerActionsDirective, { read: IgxTimePickerActionsDirective })
     public timePickerActionsDirective: IgxTimePickerActionsDirective;
 
+    /**
+     * @hidden @internal
+     */
+    @ContentChild(IgxLabelDirective)
+    public labelDirective: IgxLabelDirective;
+
     /**
      * @hidden
      */