[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;
}
}