Date Picker Enhancement (#1435)

src/app/accounting/closing-entries/create-closure/create-closure.component.html

@@ -20,7 +20,7 @@
             </mat-error>
           </mat-form-field>
 
-          <mat-form-field>
+          <mat-form-field (click)="closingDatePicker.open()">
             <mat-label>Closing Date</mat-label>
             <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="closingDatePicker" required formControlName="closingDate">
             <mat-datepicker-toggle matSuffix [for]="closingDatePicker"></mat-datepicker-toggle>

src/app/accounting/closing-entries/edit-closure/edit-closure.component.html

@@ -17,7 +17,7 @@
             </mat-select>
           </mat-form-field>
 
-          <mat-form-field>
+          <mat-form-field (click)="closingDatePicker.open()">
             <mat-label>Closing Date</mat-label>
             <input matInput [matDatepicker]="closingDatePicker" required formControlName="closingDate">
             <mat-datepicker-toggle matSuffix [for]="closingDatePicker"></mat-datepicker-toggle>

src/app/accounting/create-journal-entry/create-journal-entry.component.html

@@ -113,7 +113,7 @@
             <input matInput formControlName="referenceNumber">
           </mat-form-field>
 
-          <mat-form-field fxFlex="48%">
+          <mat-form-field fxFlex="48%" (click)="transactionDatePicker.open()">
             <mat-label>Transaction Date</mat-label>
             <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="transactionDatePicker" required formControlName="transactionDate">
             <mat-datepicker-toggle matSuffix [for]="transactionDatePicker"></mat-datepicker-toggle>

src/app/accounting/frequent-postings/frequent-postings.component.html

@@ -127,7 +127,7 @@
             <input matInput formControlName="referenceNumber">
           </mat-form-field>
 
-          <mat-form-field fxFlex="48%">
+          <mat-form-field fxFlex="48%" (click)="transactionDatePicker.open()">
             <mat-label>Transaction Date</mat-label>
             <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="transactionDatePicker" required formControlName="transactionDate">
             <mat-datepicker-toggle matSuffix [for]="transactionDatePicker"></mat-datepicker-toggle>

src/app/accounting/migrate-opening-balances/migrate-opening-balances.component.html

@@ -41,7 +41,7 @@
             </mat-error>
           </mat-form-field>
 
-          <mat-form-field fxFlex="48%">
+          <mat-form-field fxFlex="48%" (click)="openingBalancesDatePicker.open()">
             <mat-label>Opening Balances Date</mat-label>
             <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="openingBalancesDatePicker" required formControlName="transactionDate">
             <mat-datepicker-toggle matSuffix [for]="openingBalancesDatePicker"></mat-datepicker-toggle>

src/app/accounting/periodic-accruals/periodic-accruals.component.html

@@ -8,7 +8,7 @@
 
         <div fxLayout="row">
 
-          <mat-form-field fxFlex>
+          <mat-form-field fxFlex (click)="tillDatePicker.open()">
             <mat-label>Accrue Till Date</mat-label>
             <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="tillDatePicker" required formControlName="tillDate">
             <mat-datepicker-toggle matSuffix [for]="tillDatePicker"></mat-datepicker-toggle>

src/app/accounting/provisioning-entries/create-provisioning-entry/create-provisioning-entry.component.html

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

src/app/accounting/search-journal-entry/search-journal-entry.component.html

@@ -19,14 +19,14 @@
     </mat-select>
   </mat-form-field>
 
-  <mat-form-field fxFlex="31%">
+  <mat-form-field fxFlex="31%" (click)="transactionDateFromPicker.open()">
     <mat-label>Transaction Date From</mat-label>
     <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="transactionDateFromPicker" [formControl]="transactionDateFrom">
     <mat-datepicker-toggle matSuffix [for]="transactionDateFromPicker"></mat-datepicker-toggle>
     <mat-datepicker #transactionDateFromPicker></mat-datepicker>
   </mat-form-field>
 
-  <mat-form-field fxFlex="31%">
+  <mat-form-field fxFlex="31%" (click)="transactionDateToPicker.open()">
     <mat-label>Transaction Date To</mat-label>
     <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="transactionDateToPicker" [formControl]="transactionDateTo">
     <mat-datepicker-toggle matSuffix [for]="transactionDateToPicker"></mat-datepicker-toggle>