From 2e81f4180b9d86d361bec82a4ef65c4592519ef8 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, 5 insertions(+), 1 deletion(-)

diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue
index dc2213d7..a875022e 100644
--- a/components/publish/PublishWidget.vue
+++ b/components/publish/PublishWidget.vue
@@ -639,7 +639,7 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
   color: var(--c-text-btn-disabled);
 }
 
-.option-input:focus+.delete-button {
+.option-input:focus + .delete-button {
   display: none;
 }
 
@@ -653,4 +653,8 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
   align-items: center;
   border-radius: 50%;
 }
+
+input[name="schedule-datetime"]:invalid {
+  color: var(--c-danger);
+}
 </style>