diff --git a/src/components/ha-date-input.ts b/src/components/ha-date-input.ts
index 131e7ced25..72b89c417a 100644
--- a/src/components/ha-date-input.ts
+++ b/src/components/ha-date-input.ts
@@ -12,6 +12,9 @@ documentContainer.innerHTML = `
         top: 2px;
         height: 30px;
       }
+      [part="value"] {
+        text-align: center;
+      }
       </style>
     </template>
   </dom-module>