diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue
index 80417d47d2..9518f05c5a 100644
--- a/components/publish/PublishWidget.vue
+++ b/components/publish/PublishWidget.vue
@@ -573,10 +573,12 @@ onDeactivated(() => {
     background-color: var(--c-bg-btn-disabled);
     color: var(--c-text-btn-disabled);
   }
+
   .publish-button[aria-disabled=true]:hover {
     background-color: var(--c-bg-btn-disabled);
     color: var(--c-text-btn-disabled);
   }
+
   .option-input:focus + .delete-button {
     display: none;
   }
@@ -591,4 +593,8 @@ onDeactivated(() => {
     align-items: center;
     border-radius: 50%;
   }
+
+  input[name="schedule-datetime"]:invalid {
+    color: var(--c-danger);
+  }
 </style>