From f6d45b8b1ba4121562461eb26a09097e0c1abb00 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Thu, 12 May 2022 14:17:38 +0200
Subject: [PATCH] Fix post scheduling styles
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 .../compose/components/schedule_form.js       | Bin 3691 -> 3876 bytes
 app/styles/components/datepicker.scss         |   8 ++++++++
 2 files changed, 8 insertions(+)

diff --git a/app/soapbox/features/compose/components/schedule_form.js b/app/soapbox/features/compose/components/schedule_form.js
index 866b614290231cd9ecd573b93192ac05b7b90874..73a94d0effac278275662a4eff804d08bac5e617 100644
GIT binary patch
delta 517
zcmZ9Jy-ve06ou6a2`LZ+Y={b77EDD$qEa!C1_4><!U8Yg7}Ew4yNX?C6h*uO$RjIH
z022#ulL_$-q<?9O7fa`!@809<pW6G*%dh&b>}?5-`yL;fm`I;9VG<tpxuD2?&CZV!
zxV)B_JTzc>-O!<g6z(D(0-B*?gi$7iIq+4j^7c{9mUqX*sRq;29-~6W0d-I~kn~o?
z+PyncOQy*<AORNQ3Wp=BXEYIrJ|@&jnknGG@3M}hp>Pn%XVU0%W96)R2qh>fc(I=p
z31&%94-2)eS(}Z2rL?YG-G1&6&MpR0a<)+SbJ?BedNNwjGg@fDQ_OXc*EM8>Sspyf
zQ-aLjX>=nT8!gL%9)G0K$y__OtfJA<D5uKwgVl0twZ2wc6u$I^Q*xN4Et-=x&Xl%U
N`ir`qL#d{v+8>^Fk+lE-

delta 355
zcmZ1?_gZGc+sP)3mXlX8PMr8mS3*xuAA%B-OEUBGiuIH8a|`l|Q#YG4y<}%j$t;_!
z&nqsYo|0IST9BEXom!->qfo7Y#Mhl1!)u_YP^(#M$E5%THb8v}$vKI|#eRvoskTU}
z<Kr_j^GYT=a%JfO)exs6Gq0euWb->N2d2qucy+Dun4O%Mmz<iTjxZMF9vjc({5+@9
zl9K$q$-DV<Cdcq;M=Rv#Ip+YqV_RL4ky)&lk(if~lNywon_re%tDujp-$ozRoyc4y
OIZbPz=WDsRYPkT+gKjYZ

diff --git a/app/styles/components/datepicker.scss b/app/styles/components/datepicker.scss
index 60cb584096..af5f7ab3fd 100644
--- a/app/styles/components/datepicker.scss
+++ b/app/styles/components/datepicker.scss
@@ -2,6 +2,14 @@
   @apply p-4 font-sans text-xs text-gray-900 border border-solid border-gray-200 rounded-lg;
 }
 
+.react-datepicker__input-container > input {
+  @apply dark:bg-slate-800 dark:text-white block w-full sm:text-sm border-gray-300 dark:border-gray-600 rounded-md focus:ring-indigo-500 focus:border-indigo-500;
+
+  &.has-error {
+    @apply text-red-600 border-red-600;
+  }
+}
+
 .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,
 .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
   @apply border-b-white;