From cdfd0b59b4e1f63693366ac5c9e80d3c309d687d Mon Sep 17 00:00:00 2001
From: Valentin Mihai <valentin@devplant.ro>
Date: Sun, 26 Feb 2023 19:38:53 +0200
Subject: [PATCH] RED-5445: emit event when date picker is opened/closed

---
 .../dynamic-input/dynamic-input.component.html       |  2 +-
 .../inputs/dynamic-input/dynamic-input.component.ts  | 12 +++++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/lib/inputs/dynamic-input/dynamic-input.component.html b/src/lib/inputs/dynamic-input/dynamic-input.component.html
index 2ccd11a..cdd349b 100644
--- a/src/lib/inputs/dynamic-input/dynamic-input.component.html
+++ b/src/lib/inputs/dynamic-input/dynamic-input.component.html
@@ -14,7 +14,7 @@
         <mat-datepicker-toggle [for]="picker" matSuffix>
             <mat-icon matDatepickerToggleIcon svgIcon="red:calendar"></mat-icon>
         </mat-datepicker-toggle>
-        <mat-datepicker #picker></mat-datepicker>
+        <mat-datepicker #picker (closed)="onCloseDatepicker()" (opened)="onOpenDatepicker()"></mat-datepicker>
     </ng-container>
 
     <input
diff --git a/src/lib/inputs/dynamic-input/dynamic-input.component.ts b/src/lib/inputs/dynamic-input/dynamic-input.component.ts
index 71332ea..ab15fd2 100644
--- a/src/lib/inputs/dynamic-input/dynamic-input.component.ts
+++ b/src/lib/inputs/dynamic-input/dynamic-input.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
 import { NG_VALIDATORS, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { FormFieldComponent } from '../form-field/form-field-component.directive';
 
@@ -46,6 +46,8 @@ export class DynamicInputComponent extends FormFieldComponent<DynamicInput> {
 
     @Input() input!: DynamicInput;
 
+    @Output() closedDatepicker = new EventEmitter<boolean>();
+
     get isDate() {
         return this.type === InputTypes.DATE;
     }
@@ -61,4 +63,12 @@ export class DynamicInputComponent extends FormFieldComponent<DynamicInput> {
     writeValue(input: DynamicInput): void {
         this.input = input;
     }
+
+    onCloseDatepicker() {
+        this.closedDatepicker.emit(true);
+    }
+
+    onOpenDatepicker() {
+        this.closedDatepicker.emit(false);
+    }
 }