From 54632dbb4c828f698dfe561ade752e785ab9a945 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 2a0f9271..9ac0cf1d 100644
--- a/components/publish/PublishWidget.vue
+++ b/components/publish/PublishWidget.vue
@@ -645,7 +645,7 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
   color: var(--c-text-btn-disabled);
 }
 
-.option-input:focus+.delete-button {
+.option-input:focus + .delete-button {
   display: none;
 }
 
@@ -659,4 +659,8 @@ function stopQuestionMarkPropagation(e: KeyboardEvent) {
   align-items: center;
   border-radius: 50%;
 }
+
+input[name="schedule-datetime"]:invalid {
+  color: var(--c-danger);
+}
 </style>