[ACA-2474] adding instructions to the calendar for use (#5387)

* chore: adding instructions to the calendar for use

* chore: updating lockfile

* chore: fixing package

* chore: updated html for test

* chore: adding instructions to the calendar for use

* chore: updating lockfile

* chore: fixing package

* Wchore: updated html for test

* chore: removed unnused random string gen

* chore: synced lockfile; removed unnused prop
This commit is contained in:
Chris Rodriguez 2020-01-25 09:04:24 -05:00 committed by Eugenio Romano
parent 7d14e3fe86
commit f27b94017a
3 changed files with 16 additions and 1 deletions

View File

@ -1,3 +1,4 @@
<div class="adf-sr-only" [attr.data-automation-id]="'card-' + property.type + '-value-' + property.key">{{'CORE.METADATA.ACCESSIBILITY.DATEPICKER' | translate}}</div>
<div [attr.data-automation-id]="'card-dateitem-label-' + property.key" class="adf-property-label" *ngIf="showProperty() || isEditable()">{{ property.label | translate }}</div>
<div class="adf-property-value">
<span *ngIf="!isEditable()" [attr.data-automation-id]="'card-' + property.type + '-value-' + property.key">
@ -32,7 +33,8 @@
<input class="adf-invisible-date-input"
[matDatetimepicker]="datetimePicker"
[value]="valueDate"
(dateChange)="onDateChanged($event)">
(dateChange)="onDateChanged($event)"
[attr.aria-describedby]="'card-' + property.type + '-value-' + property.key">
<mat-datetimepicker #datetimePicker
[type]="property.type"

View File

@ -56,4 +56,14 @@
}
}
}
.adf-sr-only {
display: block;
height: 1px;
width: 1px;
clip: rect(1 1 1 1);
clip: rect(1px 1px 1px 1px);
overflow: hidden;
}
}

View File

@ -199,6 +199,9 @@
"CANCEL": "Cancel",
"CLEAR": "Clear",
"TOGGLE": "Toggle value"
},
"ACCESSIBILITY": {
"DATEPICKER": "Use the arrow keys to navigate between dates. Up and down moves to the same day of the week in the previous or next week respectively. Left and right move to the previous and next day respectively. Press Enter or Return to select a date."
}
},
"SEARCH": {