diff --git a/src/app/create-suggested-dates/create-suggested-dates.component.html b/src/app/create-suggested-dates/create-suggested-dates.component.html index dcc9a15..74082ab 100644 --- a/src/app/create-suggested-dates/create-suggested-dates.component.html +++ b/src/app/create-suggested-dates/create-suggested-dates.component.html @@ -347,6 +347,8 @@

id="suggested-date-description-{{i}}" data-id="descriptionInput" class="form-control" + [attr.aria-disabled]="isSuggestedDateFromDatabase(i)" + [tabindex]="isSuggestedDateFromDatabase(i) ? -1 : 0" [formControlName]="SuggestedDatesFormConstants.FORM_KEY_SUGGESTED_DATE_DESCRIPTION" placeholder="{{isSuggestedDateFromDatabase(i) ? null : 'home.placeholder' | translate }}" aria-describedby="description-too-long" diff --git a/src/styles.scss b/src/styles.scss index 8bb2e2a..565c996 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -135,6 +135,11 @@ input[type="date"] { text-transform: uppercase; } +*[aria-disabled="true"] { + opacity: .5; + pointer-events: none; +} + .checkbox input[type="checkbox"] { display: none; }