From f5cf2d2a06366f37fed142270b6df959575072bb Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Mon, 4 Mar 2024 02:43:23 +0900
Subject: [PATCH] style: change text color to red in datetime input with
 invalid scheduled time

---
 components/publish/PublishWidget.vue | 6 ++++++
 1 file changed, 6 insertions(+)

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>