🐛 (date) Fix date picker UI when editor is in dark mode

Closes #368
baptisteArno · Mar 10, 2023 · e680d13 · e680d13
1 parent 5435452
commit e680d13
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/packages/js/src/assets/index.css b/packages/js/src/assets/index.css
@@ -227,3 +227,9 @@ textarea {
   color: var(--typebot-input-color);
   background-color: var(--typebot-input-bg-color);
 }
+
+.typebot-date-input {
+  color-scheme: light;
+  color: var(--typebot-input-color);
+  background-color: var(--typebot-input-bg-color);
+}
diff --git a/packages/js/src/features/blocks/inputs/date/components/DateForm.tsx b/packages/js/src/features/blocks/inputs/date/components/DateForm.tsx
@@ -44,7 +44,7 @@ export const DateForm = (props: Props) => {
                 </p>
               )}
               <input
-                class="focus:outline-none flex-1 w-full text-input"
+                class="focus:outline-none flex-1 w-full text-input typebot-date-input"
                 style={{
                   'min-height': '32px',
                   'min-width': '100px',
@@ -68,7 +68,7 @@ export const DateForm = (props: Props) => {
                   </p>
                 )}
                 <input
-                  class="focus:outline-none flex-1 w-full text-input ml-2"
+                  class="focus:outline-none flex-1 w-full text-input ml-2 typebot-date-input"
                   style={{
                     'min-height': '32px',
                     'min-width': '100px',