Date Picker Enhancement (#1435)

This commit is contained in:
Ramveer
2022-06-13 16:10:08 +05:30
committed by GitHub
parent be3c53dca1
commit e41f12c6aa
143 changed files with 206 additions and 206 deletions
@@ -21,7 +21,7 @@
<div fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
<mat-form-field fxFlex="48%">
<mat-form-field fxFlex="48%" (click)="assignmentDatePicker.open()">
<mat-label>Assignment Date</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="assignmentDatePicker" required formControlName="assignmentDate">
<mat-datepicker-toggle matSuffix [for]="assignmentDatePicker"></mat-datepicker-toggle>
@@ -51,7 +51,7 @@
<input matInput formControlName="mobileNo">
</mat-form-field>
<mat-form-field>
<mat-form-field (click)="joiningDatePicker.open()">
<mat-label>Joining Date</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="joiningDatePicker" required formControlName="joiningDate">
<mat-datepicker-toggle matSuffix [for]="joiningDatePicker"></mat-datepicker-toggle>
@@ -55,7 +55,7 @@
Active
</mat-checkbox>
<mat-form-field>
<mat-form-field (click)="joiningDatePicker.open()">
<mat-label>Joining Date</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="joiningDatePicker" required formControlName="joiningDate">
<mat-datepicker-toggle matSuffix [for]="joiningDatePicker"></mat-datepicker-toggle>
@@ -44,7 +44,7 @@
</mat-select>
</mat-form-field>
<mat-form-field fxFlex="31%">
<mat-form-field fxFlex="31%" (click)="fromDatePicker.open()">
<mat-label>From Date</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="fromDatePicker"
required formControlName="loanFromDate" required>
@@ -55,7 +55,7 @@
</mat-error>
</mat-form-field>
<mat-form-field fxFlex="31%">
<mat-form-field fxFlex="31%" (click)="toDatePicker.open()">
<mat-label>To Date</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="toDatePicker"
required formControlName="loanToDate" required>
@@ -16,7 +16,7 @@
</mat-error>
</mat-form-field>
<mat-form-field>
<mat-form-field (click)="fromDatePicker.open()">
<mat-label>From Date</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="fromDatePicker" required formControlName="fromDate">
<mat-datepicker-toggle matSuffix [for]="fromDatePicker"></mat-datepicker-toggle>
@@ -26,7 +26,7 @@
</mat-error>
</mat-form-field>
<mat-form-field>
<mat-form-field (click)="toDatePicker.open()">
<mat-label>To Date</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="toDatePicker" required formControlName="toDate">
<mat-datepicker-toggle matSuffix [for]="toDatePicker"></mat-datepicker-toggle>
@@ -48,7 +48,7 @@
</mat-error>
</mat-form-field>
<mat-form-field *ngIf="holidayForm.contains('repaymentsRescheduledTo')">
<mat-form-field *ngIf="holidayForm.contains('repaymentsRescheduledTo')" (click)="repaymentDatePicker.open()">
<mat-label>Repayment scheduled to</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="repaymentDatePicker" required formControlName="repaymentsRescheduledTo">
<mat-datepicker-toggle matSuffix [for]="repaymentDatePicker"></mat-datepicker-toggle>
@@ -16,7 +16,7 @@
</mat-error>
</mat-form-field>
<mat-form-field *ngIf="!isActiveHoliday">
<mat-form-field *ngIf="!isActiveHoliday" (click)="fromDatePicker.open()">
<mat-label>From Date</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="fromDatePicker" required formControlName="fromDate">
<mat-datepicker-toggle matSuffix [for]="fromDatePicker"></mat-datepicker-toggle>
@@ -26,7 +26,7 @@
</mat-error>
</mat-form-field>
<mat-form-field *ngIf="!isActiveHoliday">
<mat-form-field *ngIf="!isActiveHoliday" (click)="toDatePicker.open()">
<mat-label>To Date</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="toDatePicker" required formControlName="toDate">
<mat-datepicker-toggle matSuffix [for]="toDatePicker"></mat-datepicker-toggle>
@@ -48,7 +48,7 @@
</mat-error>
</mat-form-field>
<mat-form-field *ngIf="!isActiveHoliday && reSchedulingType === 2">
<mat-form-field *ngIf="!isActiveHoliday && reSchedulingType === 2" (click)="repaymentDatePicker.open()">
<mat-label>Repayment scheduled to</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="repaymentDatePicker" required formControlName="repaymentsRescheduledTo">
<mat-datepicker-toggle matSuffix [for]="repaymentDatePicker"></mat-datepicker-toggle>
@@ -28,7 +28,7 @@
</mat-error>
</mat-form-field>
<mat-form-field>
<mat-form-field (click)="openedOnDatePicker.open()">
<mat-label>Opened On</mat-label>
<input matInput [min]="minDate" [max]="maxDate" formControlName="openingDate" required [matDatepicker]="openedOnDatePicker">
<mat-datepicker-toggle matSuffix [for]="openedOnDatePicker"></mat-datepicker-toggle>
@@ -28,7 +28,7 @@
</mat-error>
</mat-form-field>
<mat-form-field>
<mat-form-field (click)="openingDatePicker.open()">
<mat-label>Opened On</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="openingDatePicker" required formControlName="openingDate">
<mat-datepicker-toggle matSuffix [for]="openingDatePicker"></mat-datepicker-toggle>
@@ -20,7 +20,7 @@
</mat-error>
</mat-form-field>
<mat-form-field fxFlex="48%" *ngSwitchCase="'date'">
<mat-form-field fxFlex="48%" *ngSwitchCase="'date'" (click)="runReportDatePicker.open()">
<mat-label>{{param.label}}</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="runReportDatePicker" required
[formControlName]="param.name">
@@ -35,7 +35,7 @@
is Notification?
</mat-checkbox>
<mat-form-field fxFlex="48%" *ngIf="smsCampaignDetailsForm.controls.recurrenceStartDate">
<mat-form-field fxFlex="48%" *ngIf="smsCampaignDetailsForm.controls.recurrenceStartDate" (click)="recurrenceStartDatePicker.open()">
<mat-label>Schedule Date</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="recurrenceStartDatePicker"
formControlName="recurrenceStartDate" required>
@@ -20,7 +20,7 @@
</mat-error>
</mat-form-field>
<mat-form-field fxFlex="48%" *ngSwitchCase="'date'">
<mat-form-field fxFlex="48%" *ngSwitchCase="'date'" (click)="runReportDatePicker.open()">
<mat-label>{{param.label}}</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="runReportDatePicker" required
[formControlName]="param.name">
@@ -37,7 +37,7 @@
</mat-checkbox>
<mat-form-field fxFlex="48%"
*ngIf="smsCampaignDetailsForm.contains('recurrenceStartDate')">
*ngIf="smsCampaignDetailsForm.contains('recurrenceStartDate')" (click)="recurrenceStartDatePicker.open()">
<mat-label>Schedule Date</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="recurrenceStartDatePicker"
formControlName="recurrenceStartDate" required>
@@ -89,14 +89,14 @@
<div fxLayout="row" fxLayoutGap="3%" fxLayoutAlign="center">
<mat-form-field>
<mat-form-field (click)="fromDatePicker.open()">
<mat-label>From Date</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="fromDatePicker" formControlName="fromDate">
<mat-datepicker-toggle matSuffix [for]="fromDatePicker"></mat-datepicker-toggle>
<mat-datepicker #fromDatePicker></mat-datepicker>
</mat-form-field>
<mat-form-field>
<mat-form-field (click)="toDatePicker.open()">
<mat-label>To Date</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="toDatePicker" formControlName="toDate">
<mat-datepicker-toggle matSuffix [for]="toDatePicker"></mat-datepicker-toggle>
@@ -41,14 +41,14 @@
<input matInput formControlName="fromAccountId">
</mat-form-field>
<mat-form-field>
<mat-form-field (click)="fromDatePicker.open()">
<mat-label>From Date</mat-label>
<input matInput [min]="minDate" [max]="maxDate" formControlName="fromDate" [matDatepicker]="fromDatePicker">
<mat-datepicker-toggle matSuffix [for]="fromDatePicker"></mat-datepicker-toggle>
<mat-datepicker #fromDatePicker></mat-datepicker>
</mat-form-field>
<mat-form-field>
<mat-form-field (click)="toDatePicker.open()">
<mat-label>To Date</mat-label>
<input matInput [min]="minDate" [max]="maxDate" formControlName="toDate" [matDatepicker]="toDatePicker">
<mat-datepicker-toggle matSuffix [for]="toDatePicker"></mat-datepicker-toggle>
@@ -28,7 +28,7 @@
<input matInput formControlName="assignmentPeriod">
</mat-form-field>
<mat-form-field fxFlex="48%">
<mat-form-field fxFlex="48%" (click)="cashDatePicker.open()">
<mat-label>Date</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="cashDatePicker" required formControlName="txnDate">
<mat-datepicker-toggle matSuffix [for]="cashDatePicker"></mat-datepicker-toggle>
@@ -35,7 +35,7 @@
<input matInput autofocus formControlName="description">
</mat-form-field>
<mat-form-field fxFlex="48%">
<mat-form-field fxFlex="48%" (click)="fromDatePicker.open()">
<mat-label>From</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="fromDatePicker" required formControlName="startDate">
<mat-datepicker-toggle matSuffix [for]="fromDatePicker"></mat-datepicker-toggle>
@@ -45,7 +45,7 @@
</mat-error>
</mat-form-field>
<mat-form-field fxFlex="48%">
<mat-form-field fxFlex="48%" (click)="toDatePicker.open()">
<mat-label>To</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="toDatePicker" required formControlName="endDate">
<mat-datepicker-toggle matSuffix [for]="toDatePicker"></mat-datepicker-toggle>
@@ -41,7 +41,7 @@
<input matInput autofocus formControlName="description">
</mat-form-field>
<mat-form-field fxFlex="48%">
<mat-form-field fxFlex="48%" (click)="fromDatePicker.open()">
<mat-label>From</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="fromDatePicker" required formControlName="startDate">
<mat-datepicker-toggle matSuffix [for]="fromDatePicker"></mat-datepicker-toggle>
@@ -51,7 +51,7 @@
</mat-error>
</mat-form-field>
<mat-form-field fxFlex="48%">
<mat-form-field fxFlex="48%" (click)="toDatePicker.open()">
<mat-label>To</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="toDatePicker" required formControlName="endDate">
<mat-datepicker-toggle matSuffix [for]="toDatePicker"></mat-datepicker-toggle>
@@ -28,7 +28,7 @@
<input matInput formControlName="assignmentPeriod">
</mat-form-field>
<mat-form-field fxFlex="48%">
<mat-form-field fxFlex="48%" (click)="cashDatePicker.open()">
<mat-label>Date</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="cashDatePicker" required formControlName="txnDate">
<mat-datepicker-toggle matSuffix [for]="cashDatePicker"></mat-datepicker-toggle>
@@ -36,7 +36,7 @@
<textarea matInput formControlName="description"></textarea>
</mat-form-field>
<mat-form-field>
<mat-form-field (click)="startDatePicker.open()">
<mat-label>Start Date</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="startDatePicker" required formControlName="startDate">
<mat-datepicker-toggle matSuffix [for]="startDatePicker"></mat-datepicker-toggle>
@@ -46,7 +46,7 @@
</mat-error>
</mat-form-field>
<mat-form-field>
<mat-form-field (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>
@@ -33,7 +33,7 @@
<input matInput formControlName="description">
</mat-form-field>
<mat-form-field>
<mat-form-field (click)="startDatePicker.open()">
<mat-label>Start Date</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="startDatePicker" required formControlName="startDate">
<mat-datepicker-toggle matSuffix [for]="startDatePicker"></mat-datepicker-toggle>
@@ -43,7 +43,7 @@
</mat-error>
</mat-form-field>
<mat-form-field>
<mat-form-field (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>