[ADF-3009] Start task with due date error fix (#3836)

* [adf-3009] Date picker checked on Start Task Component

* [ADF-3009] Event trigger changed

* [ADF-3009] Event in mat-datepicker restored

* [ADF-3009] Error bug on wrong date format fix

* [ADF-3009] Start task with due date error fix

lib/process-services/task-list/components/start-task.component.html

@@ -38,13 +38,15 @@
                                 [matDatepicker]="taskDatePicker"
                                 (keydown)="true"
                                 (keyup)="onDateChanged($event.srcElement.value)"
+                                (dateInput)="onDateChanged($event.value)"
                                 placeholder="{{'ADF_TASK_LIST.START_TASK.FORM.LABEL.DATE'|translate}}"
                                 [(ngModel)]="startTaskmodel.dueDate"
                                 id="date_id">
                             <mat-datepicker-toggle matSuffix [for]="taskDatePicker"></mat-datepicker-toggle>
                             <mat-datepicker #taskDatePicker
                                 [touchUi]="true"
-                                (dateChanged)="onDateChanged($event)">
+                                (dateChanged)="onDateChanged($event)"
+                                (opened)="clearDateInput()">
                             </mat-datepicker>
                             <div class="adf-error-text-container">
                                 <div *ngIf="dateError">

lib/process-services/task-list/components/start-task.component.ts

@@ -178,4 +178,10 @@ export class StartTaskComponent implements OnInit {
             }
         }
     }
+
+    clearDateInput() {
+        const emptyValue = '';
+        this.startTaskmodel.dueDate = emptyValue;
+        this.onDateChanged(emptyValue);
+    }
 }