feat(drp): open on click of input in dialog mode for two inputs also

Author: ddaribo

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

@@ -1434,6 +1434,16 @@ describe('IgxDateRangePicker', () => {
                 expect(fixture.componentInstance.dateRange.collapsed).toBeFalsy();
             }));
 
+            it('should expand the calendar if any of the inputs is clicked in dialog mode', fakeAsync(() => {
+                fixture.componentInstance.mode = PickerInteractionMode.Dialog;
+                fixture.detectChanges();
+                endInput = fixture.debugElement.queryAll(By.css(CSS_CLASS_INPUT))[1];
+                endInput.nativeElement.dispatchEvent(new Event('click'));
+                fixture.detectChanges();
+                tick();
+                expect(fixture.componentInstance.dateRange.collapsed).toBeFalsy();
+            }));
+
             it('should not expand the calendar if the default icon is clicked when disabled is set to true', fakeAsync(() => {
                 fixture.componentInstance.disabled = true;
                 fixture.detectChanges();

projects/igniteui-angular/src/lib/date-range-picker/date-range-picker.component.ts

@@ -984,17 +984,18 @@ export class IgxDateRangePickerComponent extends PickerBaseDirective
     }
 
     private subscribeToClick() {
-        const editElement = this.getEditElement();
-        if (!editElement) {
-            return;
-        }
-        fromEvent(editElement, 'click')
-            .pipe(takeUntil(this._destroy$))
-            .subscribe(() => {
-                if (!this.isDropdown) {
-                    this.toggle();
-                }
-            });
+        const inputs = this.hasProjectedInputs
+            ? this.projectedInputs.map(i => i.inputDirective.nativeElement)
+            : [this.getEditElement()];
+        inputs.forEach(input => {
+            fromEvent(input, 'click')
+                .pipe(takeUntil(this._destroy$))
+                .subscribe(() => {
+                    if (!this.isDropdown) {
+                        this.toggle();
+                    }
+                });
+        });
     }
 
     private subscribeToDateEditorEvents(): void {