Date Picker Enhancement (#1435)

src/app/shares/shares-account-actions/activate-shares-account/activate-shares-account.component.html

@@ -6,7 +6,7 @@
 
       <mat-card-content>
 
-          <mat-form-field fxFlex>
+          <mat-form-field fxFlex (click)="activatedDatePicker.open()">
             <mat-label>Activated On Date</mat-label>
             <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="activatedDatePicker" required formControlName="activatedDate">
             <mat-datepicker-toggle matSuffix [for]="activatedDatePicker"></mat-datepicker-toggle>

src/app/shares/shares-account-actions/apply-shares/apply-shares.component.html

@@ -8,7 +8,7 @@
 
         <div fxLayout="column">
 
-          <mat-form-field>
+          <mat-form-field (click)="requestedDatePicker.open()">
             <mat-label>Request Date</mat-label>
             <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="requestedDatePicker" required formControlName="requestedDate">
             <mat-datepicker-toggle matSuffix [for]="requestedDatePicker"></mat-datepicker-toggle>

src/app/shares/shares-account-actions/approve-shares-account/approve-shares-account.component.html

@@ -8,7 +8,7 @@
 
         <div fxLayout="column">
 
-          <mat-form-field>
+          <mat-form-field (click)="approvedDatePicker.open()">
             <mat-label>Approved On Date</mat-label>
             <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="approvedDatePicker" required formControlName="approvedDate">
             <mat-datepicker-toggle matSuffix [for]="approvedDatePicker"></mat-datepicker-toggle>

src/app/shares/shares-account-actions/close-shares-account/close-shares-account.component.html

@@ -8,7 +8,7 @@
 
         <div fxLayout="column">
 
-          <mat-form-field>
+          <mat-form-field (click)="closedDatePicker.open()">
             <mat-label>Closed On Date</mat-label>
             <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="closedDatePicker" required formControlName="closedDate">
             <mat-datepicker-toggle matSuffix [for]="closedDatePicker"></mat-datepicker-toggle>

src/app/shares/shares-account-actions/redeem-shares/redeem-shares.component.html

@@ -8,7 +8,7 @@
 
         <div fxLayout="column">
 
-          <mat-form-field>
+          <mat-form-field (click)="requestedDatePicker.open()">
             <mat-label>Request Date</mat-label>
             <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="requestedDatePicker" required formControlName="requestedDate">
             <mat-datepicker-toggle matSuffix [for]="requestedDatePicker"></mat-datepicker-toggle>

src/app/shares/shares-account-actions/reject-shares-account/reject-shares-account.component.html

@@ -8,7 +8,7 @@
 
         <div fxLayout="column">
 
-          <mat-form-field>
+          <mat-form-field (click)="rejectedDatePicker.open()">
             <mat-label>Rejected On Date</mat-label>
             <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="rejectedDatePicker" required formControlName="rejectedDate">
             <mat-datepicker-toggle matSuffix [for]="rejectedDatePicker"></mat-datepicker-toggle>

src/app/shares/shares-account-stepper/shares-account-details-step/shares-account-details-step.component.html

@@ -14,7 +14,7 @@
       </mat-error>
     </mat-form-field>
 
-    <mat-form-field fxFlex="48%">
+    <mat-form-field fxFlex="48%" (click)="submittedOnDatePicker.open()">
       <mat-label>Submitted On</mat-label>
       <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="submittedOnDatePicker" 
         formControlName="submittedDate" required>

src/app/shares/shares-account-stepper/shares-account-terms-step/shares-account-terms-step.component.html

@@ -42,7 +42,7 @@
       </mat-error>
     </mat-form-field>
 
-    <mat-form-field fxFlex="48%">
+    <mat-form-field fxFlex="48%" (click)="applicationDatePicker.open()">
       <mat-label>Application Date</mat-label>
       <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="applicationDatePicker" 
         formControlName="applicationDate" required>