From 1d647d0a3651258696b3c14e894e69e3b26eb954 Mon Sep 17 00:00:00 2001
From: Michelle <michelle.winkler@miichelle.moe>
Date: Wed, 4 Mar 2026 12:54:18 +0100
Subject: [PATCH] feat(DateTimePicker): update styles for month navigation and
 current month display

---
 src/index.css | 28 +++++++++++++++++++---------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/index.css b/src/index.css
index 2179758..b14b7c7 100644
--- a/src/index.css
+++ b/src/index.css
@@ -765,20 +765,31 @@
 .flatpickr-months {
   background: var(--bg-secondary) !important;
   border-bottom: 1px solid var(--border) !important;
-  padding: 0.25rem 0 !important;
+  padding: 0 !important;
+  align-items: center !important;
+  height: 2.75rem !important;
 }
 
 .flatpickr-months .flatpickr-month {
   background: transparent !important;
   color: var(--text-primary) !important;
-  height: 2.25rem !important;
+  height: 2.75rem !important;
+  display: flex !important;
+  align-items: center !important;
 }
 
 .flatpickr-current-month {
   font-size: 0.875rem !important;
   font-weight: 600 !important;
   color: var(--text-primary) !important;
-  padding-top: 0.375rem !important;
+  padding: 0 !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  height: 100% !important;
+  width: 100% !important;
+  position: relative !important;
+  left: 0 !important;
 }
 
 .flatpickr-current-month .flatpickr-monthDropdown-months {
@@ -806,8 +817,12 @@
 .flatpickr-months .flatpickr-next-month {
   color: var(--text-secondary) !important;
   fill: var(--text-secondary) !important;
-  padding: 0.375rem 0.625rem !important;
+  padding: 0.5rem 0.75rem !important;
   transition: color 0.15s !important;
+  display: flex !important;
+  align-items: center !important;
+  height: 100% !important;
+  top: 0 !important;
 }
 
 .flatpickr-months .flatpickr-prev-month:hover,
@@ -845,8 +860,6 @@ span.flatpickr-weekday {
 
 .dayContainer {
   padding: 0.25rem !important;
-  min-width: 15.5rem !important;
-  max-width: 15.5rem !important;
 }
 
 .flatpickr-day {
@@ -854,9 +867,6 @@ span.flatpickr-weekday {
   border: none !important;
   border-radius: 0.375rem !important;
   font-size: 0.8125rem !important;
-  line-height: 2.25rem !important;
-  height: 2.25rem !important;
-  max-width: 2.25rem !important;
   transition: background 0.12s, color 0.12s !important;
 }