diff --git a/src/components/ha-date-input.ts b/src/components/ha-date-input.ts
index 72b89c417a..76aaa8c689 100644
--- a/src/components/ha-date-input.ts
+++ b/src/components/ha-date-input.ts
@@ -11,6 +11,7 @@ documentContainer.innerHTML = `
       [part="input-field"] {
         top: 2px;
         height: 30px;
+        color: var(--primary-text-color);
       }
       [part="value"] {
         text-align: center;