#918 - enhance go-date-picker

mobi · Jul 18, 2023 · 80ec883 · 80ec883
1 parent 356fdf5
commit 80ec883
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 deletions.
diff --git a/projects/go-lib/src/lib/components/go-datepicker/go-datepicker.component.html b/projects/go-lib/src/lib/components/go-datepicker/go-datepicker.component.html
@@ -17,7 +17,7 @@
     [(ngModel)]="selectedDate"
     (blur)="validateDate()"
     [disabled]="control.disabled"
-    (input)="closeCalendar()"
+    (input)="onInputCloseCalendar()"
     (click)="toggleDatepicker($event)"
   />
   <go-icon-button

diff --git a/projects/go-lib/src/lib/components/go-datepicker/go-datepicker.component.spec.ts b/projects/go-lib/src/lib/components/go-datepicker/go-datepicker.component.spec.ts
@@ -235,4 +235,15 @@ describe('GoDatepickerComponent', () => {
       expect(component.goCalendar.isOpen).toBe(false);
     });
   });
+
+  describe("onInputCloseCalendar", () => {
+    it('close the calendar when the user interacts with the date field by typing inside it. ', () => {
+      component.goCalendar.openCalendar(new Date());
+
+      component.onInputCloseCalendar();
+
+      expect(component.goCalendar.isOpen).toBe(false);
+    });
+  });
+
 });
diff --git a/projects/go-lib/src/lib/components/go-datepicker/go-datepicker.component.ts b/projects/go-lib/src/lib/components/go-datepicker/go-datepicker.component.ts
@@ -118,7 +118,8 @@ export class GoDatepickerComponent extends GoFormBaseComponent implements OnDest
   private initializePlaceholder(): void {
     this.placeholder = this.placeholder || LocaleFormat.format(this.locale);
   }
-  closeCalendar() {
+
+  public onInputCloseCalendar(): void {
     if (this.goCalendar.isOpen) {
       this.goCalendar.closeCalendar();
     }