From 141f6edbbd8c05503c4b58c8f903f03ccdd6b078 Mon Sep 17 00:00:00 2001
From: abefernan <44572727+abefernan@users.noreply.github.com>
Date: Mon, 5 Jun 2023 08:13:35 +0200
Subject: [PATCH] Improve datetime-picker color scheme

---
 components/inputs/Input.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/components/inputs/Input.tsx b/components/inputs/Input.tsx
index ee0d701..94a6c62 100644
--- a/components/inputs/Input.tsx
+++ b/components/inputs/Input.tsx
@@ -61,6 +61,14 @@ const Input = (props: Props) => (
       input::placeholder {
         color: rgba(255, 255, 255, 0.3);
       }
+      input[type="datetime-local"]::-webkit-calendar-picker-indicator {
+        cursor: pointer;
+        opacity: 0.6;
+        filter: invert(0.8);
+      }
+      input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover {
+        opacity: 1;
+      }
       .error {
         font-size: 12px;
         color: coral;