fix(time-picker): fix picker toggle and picker actions sample

Author: MonikaKirkova

src/app/scheduling/timepicker/timepicker-sample-6/timepicker-sample-6.component.html

@@ -1,9 +1,9 @@
 <igx-time-picker #picker [(ngModel)]="today" [inputFormat]="'hh:mm'">
     <igx-picker-toggle igxPrefix>
-        <igx-icon (click)="picker.toggle()">access_alarm</igx-icon>
+        <igx-icon>access_alarm</igx-icon>
     </igx-picker-toggle>
     <igx-hint>{{today.toLocaleString()}}</igx-hint>
-    <ng-template igxTimePickerActions>
+    <ng-template igxPickerActions>
         <div class="action-buttons">
             <button igxButton="flat" (click)="picker.cancelButtonClick()">cancel</button>
             <button igxButton="flat" (click)="picker.okButtonClick()">done</button>

src/app/scheduling/timepicker/timepicker-sample-6/timepicker-sample-6.component.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 import { IgxTimePickerComponent } from 'igniteui-angular/time-picker';
-import { IgxPickerToggleComponent } from 'igniteui-angular/core';
+import { IgxPickerActionsDirective, IgxPickerToggleComponent } from 'igniteui-angular/core';
 import { IgxHintDirective, IgxPrefixDirective } from 'igniteui-angular/input-group';
 import { IgxIconComponent } from 'igniteui-angular/icon';
 import { IgxButtonDirective } from 'igniteui-angular/directives';
@@ -10,7 +10,7 @@ import { FormsModule } from '@angular/forms';
     selector: 'app-timepicker-sample-6',
     styleUrls: ['./timepicker-sample-6.component.scss'],
     templateUrl: './timepicker-sample-6.component.html',
-    imports: [IgxTimePickerComponent, FormsModule, IgxPickerToggleComponent, IgxPrefixDirective, IgxIconComponent, IgxHintDirective, IgxButtonDirective]
+    imports: [IgxTimePickerComponent, FormsModule, IgxPickerToggleComponent, IgxPrefixDirective, IgxIconComponent, IgxHintDirective, IgxButtonDirective, IgxPickerActionsDirective]
 })
 export class TimePickerSample6Component {