From 1d5113d2097e846bb2c6d09c49854e766beb8a23 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Beatrice=20Dellac=C3=A0?= <hello@beatrice.wtf>
Date: Mon, 23 Feb 2026 23:48:35 +0100
Subject: [PATCH] fix datepicker css, v0.1.13

---
 package.json              |  2 +-
 src/styles/components.css | 30 +++++++++++++++---------------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/package.json b/package.json
index e7c352f..6b6a423 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@panic/web-ui",
-    "version": "0.1.12",
+    "version": "0.1.13",
     "license": "AGPL-3.0-only",
     "description": "Core components for panic.haus web applications",
     "type": "module",
diff --git a/src/styles/components.css b/src/styles/components.css
index c21d7f0..d16fc06 100644
--- a/src/styles/components.css
+++ b/src/styles/components.css
@@ -30,22 +30,22 @@
     -webkit-text-fill-color: var(--field-selection-text);
 }
 
-.field[type='date']::-webkit-datetime-edit-day-field:focus,
-.field[type='date']::-webkit-datetime-edit-month-field:focus,
-.field[type='date']::-webkit-datetime-edit-year-field:focus,
-.field[type='time']::-webkit-datetime-edit-hour-field:focus,
-.field[type='time']::-webkit-datetime-edit-minute-field:focus,
-.field[type='time']::-webkit-datetime-edit-ampm-field:focus,
-.field[type='datetime-local']::-webkit-datetime-edit-day-field:focus,
-.field[type='datetime-local']::-webkit-datetime-edit-month-field:focus,
-.field[type='datetime-local']::-webkit-datetime-edit-year-field:focus,
-.field[type='datetime-local']::-webkit-datetime-edit-hour-field:focus,
-.field[type='datetime-local']::-webkit-datetime-edit-minute-field:focus,
-.field[type='datetime-local']::-webkit-datetime-edit-ampm-field:focus {
+.field[type='date']:focus::-webkit-datetime-edit-day-field,
+.field[type='date']:focus::-webkit-datetime-edit-month-field,
+.field[type='date']:focus::-webkit-datetime-edit-year-field,
+.field[type='time']:focus::-webkit-datetime-edit-hour-field,
+.field[type='time']:focus::-webkit-datetime-edit-minute-field,
+.field[type='time']:focus::-webkit-datetime-edit-ampm-field,
+.field[type='datetime-local']:focus::-webkit-datetime-edit-day-field,
+.field[type='datetime-local']:focus::-webkit-datetime-edit-month-field,
+.field[type='datetime-local']:focus::-webkit-datetime-edit-year-field,
+.field[type='datetime-local']:focus::-webkit-datetime-edit-hour-field,
+.field[type='datetime-local']:focus::-webkit-datetime-edit-minute-field,
+.field[type='datetime-local']:focus::-webkit-datetime-edit-ampm-field {
     border-radius: 0.375rem;
-    background-color: var(--field-selection-bg);
-    color: var(--field-selection-text);
-    -webkit-text-fill-color: var(--field-selection-text);
+    background-color: var(--field-selection-bg) !important;
+    color: var(--field-selection-text) !important;
+    -webkit-text-fill-color: var(--field-selection-text) !important;
 }
 
 .field:disabled {