fix(IgxTimePicker): emit onValueChanged if 0:0 is cleared

Author: jackofdiamond5

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

@@ -1389,6 +1389,16 @@ describe('IgxTimePicker', () => {
             expect(timePicker.onValidationFailed.emit).toHaveBeenCalled();
         }));
 
+        it('should trigger onValueChanged if 00:00 is cleared from the input', fakeAsync(() => {
+            fixture.componentInstance.date = new Date(2018, 10, 27, 0, 0, 0, 0);
+            fixture.detectChanges();
+            spyOn(timePicker.onValueChanged, 'emit');
+            const clearButton = fixture.debugElement.queryAll(By.css('.igx-icon'))[1];
+            UIInteractions.simulateClickEvent(clearButton.nativeElement);
+            fixture.detectChanges();
+            expect(timePicker.onValueChanged.emit).toHaveBeenCalledTimes(1);
+        }));
+
         it('should scroll on dropdown opened and accept value when focus lost', fakeAsync(() => {
             fixture.detectChanges();
 

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

@@ -1948,7 +1948,7 @@ export class IgxTimePickerComponent implements
             this.displayValue = '';
             this.value.setHours(0, 0);
 
-            if (oldVal.getTime() !== this.value.getTime()) {
+            if (oldVal.getTime() !== this.value.getTime() || this.isReset()) {
                 const args: IgxTimePickerValueChangedEventArgs = {
                     oldValue: oldVal,
                     newValue: this.value
@@ -1992,7 +1992,7 @@ export class IgxTimePickerComponent implements
             this.value.setHours(0, 0);
             this.displayValue = val;
 
-            if (oldVal.getTime() !== this.value.getTime()) {
+            if (oldVal.getTime() !== this.value.getTime() || this.isReset()) {
                 const args: IgxTimePickerValueChangedEventArgs = {
                     oldValue: oldVal,
                     newValue: this.value
@@ -2144,6 +2144,14 @@ export class IgxTimePickerComponent implements
             input.valid = IgxInputState.INITIAL;
         }
     }
+
+    // Workaround method for #8135
+    // TODO: It must be removed in #6482
+    private isReset(): boolean {
+        return this.value.getHours() === 0
+            && this.value.getMinutes() === 0
+            && this.value.getSeconds() === 0;
+    }
 }
 
 /**