[ACA-2475] keyboard trap (#5386)

* chore: added cdk keyboard trap to mat-datpicker

* chore: keyboard trap in datetimepicker
This commit is contained in:
Chris Rodriguez
2020-01-24 06:08:02 -05:00
committed by Eugenio Romano
parent ea8353639c
commit 4b102c1e7f
2 changed files with 2 additions and 3 deletions

View File

@@ -1,5 +1,5 @@
<div class="{{field.className}}"
id="data-time-widget" [class.adf-invalid]="!field.isValid">
id="data-time-widget" [class.adf-invalid]="!field.isValid" cdkTrapFocus>
<mat-form-field class="adf-date-time-widget">
<label class="adf-label" [attr.for]="field.id">{{field.name | translate }} ({{field.dateDisplayFormat}})<span *ngIf="isRequired()">*</span></label>
<input matInput

View File

@@ -1,4 +1,4 @@
<div class="{{field.className}}" id="data-widget" [class.adf-invalid]="!field.isValid">
<div class="{{field.className}}" id="data-widget" [class.adf-invalid]="!field.isValid" cdkTrapFocus>
<mat-form-field class="adf-date-widget">
<label class="adf-label" [attr.for]="field.id">{{field.name | translate }} ({{field.dateDisplayFormat}})<span *ngIf="isRequired()">*</span></label>
<input matInput
@@ -18,4 +18,3 @@
<error-widget *ngIf="isInvalidFieldRequired()" required="{{ 'FORM.FIELD.REQUIRED' | translate }}"></error-widget>
<mat-datepicker #datePicker [touchUi]="true" [startAt]="displayDate" ></mat-datepicker>
</div>