Date Picker Enhancement (#1435)
This commit is contained in:
+1
-1
@@ -14,7 +14,7 @@
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field>
|
||||
<mat-form-field (click)="transactionDatePicker.open()">
|
||||
<mat-label> Transaction date </mat-label>
|
||||
<input matInput [min]="minDate" [matDatepicker]="transactionDatePicker" required formControlName="transactionDate">
|
||||
<mat-datepicker-toggle matSuffix [for]="transactionDatePicker"></mat-datepicker-toggle>
|
||||
|
||||
+1
-1
@@ -6,7 +6,7 @@
|
||||
|
||||
<mat-card-content fxLayout="column">
|
||||
|
||||
<mat-form-field>
|
||||
<mat-form-field (click)="transferDatePicker.open()">
|
||||
<mat-label>Transfer Date</mat-label>
|
||||
<input matInput [matDatepicker]="transferDatePicker" required formControlName="transferDate">
|
||||
<mat-datepicker-toggle matSuffix [for]="transferDatePicker"></mat-datepicker-toggle>
|
||||
|
||||
+1
-1
@@ -6,7 +6,7 @@
|
||||
|
||||
<mat-card-content>
|
||||
|
||||
<mat-form-field fxFlex>
|
||||
<mat-form-field fxFlex (click)="activationDatePicker.open()">
|
||||
<mat-label>Activated On Date</mat-label>
|
||||
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="activationDatePicker" required formControlName="activationDate">
|
||||
<mat-datepicker-toggle matSuffix [for]="activationDatePicker"></mat-datepicker-toggle>
|
||||
|
||||
+2
-2
@@ -48,7 +48,7 @@
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field *ngIf="clientChargeForm.contains('dueDate')">
|
||||
<mat-form-field *ngIf="clientChargeForm.contains('dueDate')" (click)="dueDatePicker.open()">
|
||||
<mat-label>Due for collection on</mat-label>
|
||||
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="dueDatePicker" required
|
||||
formControlName="dueDate">
|
||||
@@ -59,7 +59,7 @@
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field *ngIf="clientChargeForm.contains('feeOnMonthDay')">
|
||||
<mat-form-field *ngIf="clientChargeForm.contains('feeOnMonthDay')" (click)="feeOnMonthDayPicker.open()">
|
||||
<mat-label>Due On</mat-label>
|
||||
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="feeOnMonthDayPicker" required
|
||||
formControlName="feeOnMonthDay">
|
||||
|
||||
+1
-1
@@ -8,7 +8,7 @@
|
||||
|
||||
<div fxLayout="column">
|
||||
|
||||
<mat-form-field>
|
||||
<mat-form-field (click)="closureDatePicker.open()">
|
||||
<mat-label>Closed On Date</mat-label>
|
||||
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="closureDatePicker" required formControlName="closureDate">
|
||||
<mat-datepicker-toggle matSuffix [for]="closureDatePicker"></mat-datepicker-toggle>
|
||||
|
||||
+1
-1
@@ -6,7 +6,7 @@
|
||||
|
||||
<mat-card-content>
|
||||
|
||||
<mat-form-field fxFlex>
|
||||
<mat-form-field fxFlex (click)="reactivationDatePicker.open()">
|
||||
<mat-label>Re Activation On Date</mat-label>
|
||||
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="reactivationDatePicker" required formControlName="reactivationDate">
|
||||
<mat-datepicker-toggle matSuffix [for]="reactivationDatePicker"></mat-datepicker-toggle>
|
||||
|
||||
+1
-1
@@ -6,7 +6,7 @@
|
||||
|
||||
<mat-card-content fxLayout="column">
|
||||
|
||||
<mat-form-field>
|
||||
<mat-form-field (click)="transferDatePicker.open()">
|
||||
<mat-label>Transfer Date</mat-label>
|
||||
<input matInput [matDatepicker]="transferDatePicker" required formControlName="transferDate">
|
||||
<mat-datepicker-toggle matSuffix [for]="transferDatePicker"></mat-datepicker-toggle>
|
||||
|
||||
+1
-1
@@ -8,7 +8,7 @@
|
||||
|
||||
<div fxLayout="column">
|
||||
|
||||
<mat-form-field>
|
||||
<mat-form-field (click)="rejectionDatePicker.open()">
|
||||
<mat-label>Rejection Date</mat-label>
|
||||
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="rejectionDatePicker" required formControlName="rejectionDate">
|
||||
<mat-datepicker-toggle matSuffix [for]="rejectionDatePicker"></mat-datepicker-toggle>
|
||||
|
||||
+1
-1
@@ -20,7 +20,7 @@
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field>
|
||||
<mat-form-field (click)="transferDatePicker.open()">
|
||||
<mat-label>Transfer Date</mat-label>
|
||||
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="transferDatePicker" required formControlName="transferDate">
|
||||
<mat-datepicker-toggle matSuffix [for]="transferDatePicker"></mat-datepicker-toggle>
|
||||
|
||||
+1
-1
@@ -6,7 +6,7 @@
|
||||
|
||||
<mat-card-content>
|
||||
|
||||
<mat-form-field fxFlex>
|
||||
<mat-form-field fxFlex (click)="reopenedDatePicker.open()">
|
||||
<mat-label>Reopened On Date</mat-label>
|
||||
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="reopenedDatePicker" required formControlName="reopenedDate">
|
||||
<mat-datepicker-toggle matSuffix [for]="reopenedDatePicker"></mat-datepicker-toggle>
|
||||
|
||||
+1
-1
@@ -6,7 +6,7 @@
|
||||
|
||||
<mat-card-content fxLayout="column">
|
||||
|
||||
<mat-form-field>
|
||||
<mat-form-field (click)="transferDatePicker.open()">
|
||||
<mat-label>Transfer Date</mat-label>
|
||||
<input matInput [matDatepicker]="transferDatePicker" required formControlName="transferDate">
|
||||
<mat-datepicker-toggle matSuffix [for]="transferDatePicker"></mat-datepicker-toggle>
|
||||
|
||||
+1
-1
@@ -8,7 +8,7 @@
|
||||
|
||||
<div fxLayout="column">
|
||||
|
||||
<mat-form-field>
|
||||
<mat-form-field (click)="withdrawalDatePicker.open()">
|
||||
<mat-label>Withdrawal Date</mat-label>
|
||||
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="withdrawalDatePicker" required formControlName="withdrawalDate">
|
||||
<mat-datepicker-toggle matSuffix [for]="withdrawalDatePicker"></mat-datepicker-toggle>
|
||||
|
||||
+1
-1
@@ -85,7 +85,7 @@
|
||||
</mat-form-field>
|
||||
|
||||
|
||||
<mat-form-field fxFlex>
|
||||
<mat-form-field fxFlex (click)="dueDatePicker.open()">
|
||||
<mat-label>Date Of Birth</mat-label>
|
||||
<input formControlName="dateOfBirth" matInput [min]="minDate" [max]="maxDate" [matDatepicker]="dueDatePicker"
|
||||
required>
|
||||
|
||||
+1
-1
@@ -85,7 +85,7 @@
|
||||
</mat-form-field>
|
||||
|
||||
|
||||
<mat-form-field fxFlex>
|
||||
<mat-form-field fxFlex (click)="dueDatePicker.open()">
|
||||
<mat-label>Date Of Birth</mat-label>
|
||||
<input formControlName="dateOfBirth" matInput [min]="minDate" [max]="maxDate" [matDatepicker]="dueDatePicker"
|
||||
required>
|
||||
|
||||
Reference in New Issue
Block a user