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