Merge pull request #7977 from IgniteUI/valadzhov/textselection-directive-in-timepicker-6827-10x

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

Author: Lipata

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

@@ -4,7 +4,7 @@
         <igx-prefix (click)="openDialog(group.element.nativeElement)">
             <igx-icon>access_time</igx-icon>
         </igx-prefix>
-        <input 
+        <input
             type="text"
             [igxMask]="mask"
             igxInput
@@ -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

@@ -2023,6 +2023,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));
@@ -2032,6 +2033,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,7 @@ 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;
@@ -2124,7 +2125,8 @@ export class IgxTimePickerComponent implements
         IgxIconModule,
         IgxButtonModule,
         IgxMaskModule,
-        IgxToggleModule
+        IgxToggleModule,
+        IgxTextSelectionModule
     ],
     providers: []
 })