mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-19 17:14:57 +00:00
[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:
parent
7d14e3fe86
commit
f27b94017a
@ -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"
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
|
@ -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": {
|
||||
|
Loading…
x
Reference in New Issue
Block a user