Date Picker Enhancement (#1435)

src/app/reports/run-report/run-report.component.html

@@ -17,8 +17,8 @@
                 {{param.label}} is <strong>required</strong>
               </mat-error>
             </mat-form-field>
-
-            <mat-form-field fxFlex *ngSwitchCase="'date'">
+    
+            <mat-form-field fxFlex *ngSwitchCase="'date'" (click)="runReportDatePicker.open()">
               <mat-label>{{param.label}}</mat-label>
               <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="runReportDatePicker" required
                 [formControlName]="param.name">

src/app/reports/xbrl-report/xbrl-report.component.html

@@ -6,14 +6,14 @@
 
       <mat-card-content fxLayout="column">
 
-        <mat-form-field fxFlex>
+        <mat-form-field fxFlex (click)="startDatePicker.open()">
           <mat-label>Start Date</mat-label>
           <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="startDatePicker" formControlName="startDate">
           <mat-datepicker-toggle matSuffix [for]="startDatePicker"></mat-datepicker-toggle>
           <mat-datepicker #startDatePicker></mat-datepicker>
         </mat-form-field>
 
-        <mat-form-field fxFlex>
+        <mat-form-field fxFlex (click)="endDatePicker.open()">
           <mat-label>End Date</mat-label>
           <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="endDatePicker" formControlName="endDate">
           <mat-datepicker-toggle matSuffix [for]="endDatePicker"></mat-datepicker-toggle>