fix(module:time-picker): modelChange trigger twice (#7902)

Author: luckyship

components/time-picker/time-picker.component.spec.ts

@@ -319,6 +319,22 @@ describe('time-picker', () => {
       fixture.detectChanges();
       expect(fixture.debugElement.query(By.css(`.ant-picker-borderless`))).toBeDefined();
     }));
+    it('should not trigger blur after close panel', fakeAsync(() => {
+      dispatchMouseEvent(getPickerInput(fixture.debugElement), 'click');
+      fixture.detectChanges();
+      tick(500);
+      fixture.detectChanges();
+      expect(getPickerContainer()).not.toBeNull();
+
+      const okButton = getPickerOkButton(fixture.debugElement);
+      expect(okButton).not.toBeNull();
+      dispatchFakeEvent(okButton, 'click');
+      fixture.detectChanges();
+      tick(500);
+      fixture.detectChanges();
+
+      expect(timeElement.nativeElement.querySelector('input') === document.activeElement).toBe(false);
+    }));
     describe('setup I18n service', () => {
       let srv: NzI18nService;
 

components/time-picker/time-picker.component.ts

@@ -115,7 +115,7 @@ const NZ_CONFIG_MODULE_NAME: NzConfigKey = 'timePicker';
               [nzAllowEmpty]="nzAllowEmpty"
               [(ngModel)]="value"
               (ngModelChange)="onPanelValueChange($event)"
-              (closePanel)="setCurrentValueAndClose()"
+              (closePanel)="closePanel()"
             ></nz-time-picker-panel>
           </div>
         </div>
@@ -332,6 +332,10 @@ export class NzTimePickerComponent implements ControlValueAccessor, OnInit, Afte
     this.focus();
   }
 
+  closePanel(): void {
+    this.inputRef.nativeElement.blur();
+  }
+
   setCurrentValueAndClose(): void {
     this.emitValue(this.value);
     this.close();