diff --git a/src/ui/taskCardProperties.ts b/src/ui/taskCardProperties.ts
index 434dd5111..1d83c263a 100644
--- a/src/ui/taskCardProperties.ts
+++ b/src/ui/taskCardProperties.ts
@@ -851,6 +851,12 @@ function renderDueDateProperty(
 	if (isDueOverdue) {
 		element.classList.add("task-card__metadata-date--overdue");
 	}
+	if (isDueToday) {
+		element.classList.add("task-card__metadata-date--today");
+	}
+	if (!isDueOverdue && !isDueToday) {
+		element.classList.add("task-card__metadata-date--future");
+	}
 	element.dataset.tnAction = "edit-date";
 	element.dataset.tnDateType = "due";
 
@@ -906,6 +912,12 @@ function renderScheduledDateProperty(
 	if (isScheduledPast) {
 		element.classList.add("task-card__metadata-date--past");
 	}
+	if (isScheduledToday) {
+		element.classList.add("task-card__metadata-date--today");
+	}
+	if (!isScheduledPast && !isScheduledToday) {
+		element.classList.add("task-card__metadata-date--future");
+	}
 	element.dataset.tnAction = "edit-date";
 	element.dataset.tnDateType = "scheduled";