Improve datetime-picker color scheme

2023-06-05 08:13:35 +02:00
parent 16f8dfeeb9
commit 141f6edbbd
1 changed files with 8 additions and 0 deletions
@@ -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;