Merge pull request #7967 from IgniteUI/valadzhov/textselection-directive-in-timepicker-6827

fix(time-picker): Adding igxTimeSelection to template, #6827

Author: Lipata

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

@@ -14,6 +14,7 @@
             [focusedValuePipe]="inputFormat"
             [promptChar]="promptChar"
             [value]="displayValue"
+            [igxTextSelection]="true"
             (input)="onInput($event)"
             (blur)="onBlur($event)"
             (focus)="onFocus($event)"

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

@@ -2071,6 +2071,7 @@ describe('IgxTimePicker', () => {
         it('Should set time picker status to invalid when it is required and has no value onBlur', fakeAsync(() => {
             timePickerOnBlurComponent.mode = InteractionMode.DropDown;
             timePickerOnBlurComponent.mask = 'dd/mm/yyyy';
+
             fixture.detectChanges();
 
             const inputDirectiveElements = fixture.debugElement.queryAll(By.directive(IgxInputDirective));
@@ -2080,6 +2081,7 @@ describe('IgxTimePicker', () => {
             expect(inputDirective.valid).toEqual(IgxInputState.INITIAL);
 
             inputDirectiveElement.triggerEventHandler('focus', { target: { value: null }});
+            tick(16);
             fixture.detectChanges();
 
             expect(inputDirective.valid).toEqual(IgxInputState.INITIAL);

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

@@ -50,6 +50,8 @@ import { ITimePickerResourceStrings } from '../core/i18n/time-picker-resources';
 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';
+
 
 let NEXT_ID = 0;
 const ITEMS_COUNT = 7;
@@ -2173,7 +2175,8 @@ export class IgxTimePickerComponent implements
         IgxIconModule,
         IgxButtonModule,
         IgxMaskModule,
-        IgxToggleModule
+        IgxToggleModule,
+        IgxTextSelectionModule
     ],
     providers: []
 })