From 3ed05bc4f64476cbf57278b47cf5e299cdd5d30b Mon Sep 17 00:00:00 2001
From: tobinio <Tobias.frischmann1@gmail.com>
Date: Fri, 8 Aug 2025 19:38:37 +0200
Subject: [PATCH] highlight start and end of date selection

---
 app/components/edit/DateSelect.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/edit/DateSelect.vue b/app/components/edit/DateSelect.vue
index 6d958ed..e94932b 100644
--- a/app/components/edit/DateSelect.vue
+++ b/app/components/edit/DateSelect.vue
@@ -92,7 +92,7 @@ function clear() {
       <RangeCalendarGrid
         v-for="month in grid"
         :key="month.value.toString()"
-        class="flex flex-1 flex-col gap-1"
+        class="flex flex-1 flex-col gap-2"
       >
         <RangeCalendarGridHead>
           <RangeCalendarGridRow class="flex">
@@ -118,7 +118,7 @@ function clear() {
               class="flex-1"
             >
               <RangeCalendarCellTrigger
-                class="border-secondary data-[outside-view]:text-muted-text data-[selected]:bg-secondary data-[today]:text-primary flex h-full w-full cursor-pointer items-center justify-center rounded border-1"
+                class="border-secondary data-[outside-view]:text-muted-text data-[selected]:bg-secondary data-[today]:text-primary data-[selection-end]:bg-secondary-hover data-[selection-start]:bg-secondary-hover flex h-full w-full cursor-pointer items-center justify-center rounded-md border-1"
                 :day="weekDate"
                 :month="month.value"
               />
-- 
2.51.2