From 2db0770234ed9daa046f3e069d405837175c06a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Anett=20H=C3=BCbner?= <anett_huebner@gmx.de>
Date: Wed, 18 Feb 2026 22:22:14 +0100
Subject: [PATCH] added zeitraum radio button

---
 .../optionsmenue/panels/ZeitauswahlPanel.vue  | 36 +++++++++++++------
 frontend/src/types/enum/Zeitauswahl.ts        |  1 +
 2 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/frontend/src/components/zaehlstelle/optionsmenue/panels/ZeitauswahlPanel.vue b/frontend/src/components/zaehlstelle/optionsmenue/panels/ZeitauswahlPanel.vue
index f3755d335..419b1a653 100644
--- a/frontend/src/components/zaehlstelle/optionsmenue/panels/ZeitauswahlPanel.vue
+++ b/frontend/src/components/zaehlstelle/optionsmenue/panels/ZeitauswahlPanel.vue
@@ -10,15 +10,6 @@
       </div>
     </v-expansion-panel-title>
     <v-expansion-panel-text class="mt-1">
-      <date-range-picker
-        v-model="zeitraumStartAndEndDate"
-        :min-date="minDate"
-        :min-date-description="minDateDescription"
-        :max-date="maxDate"
-        :max-date-description="maxDateDescription"
-        :auffaellige-tage="auffaelligeTage"
-      />
-      <v-divider />
       <panel-header
         font-size="0.875rem"
         font-weight="bold"
@@ -41,6 +32,12 @@
           >
             <v-row>
               <v-col cols="6">
+                <v-radio
+                  label="Zeitraum"
+                  :value="Zeitauswahl.ZEITRAUM"
+                  @mouseover="hoverZeitraum = true"
+                  @mouseleave="hoverZeitraum = false"
+                />
                 <v-radio
                   label="Tageswert"
                   :value="Zeitauswahl.TAGESWERT"
@@ -120,7 +117,16 @@
         </v-col>
         <v-spacer />
       </v-row>
-
+      <v-divider />
+      <date-range-picker
+        v-model="zeitraumStartAndEndDate"
+        :min-date="minDate"
+        :min-date-description="minDateDescription"
+        :max-date="maxDate"
+        :max-date-description="maxDateDescription"
+        :auffaellige-tage="auffaelligeTage"
+        :disabled="isZeitauswahlZeitraum === false"
+      />
       <v-divider />
       <panel-header
         font-size="0.875rem"
@@ -204,11 +210,12 @@ const emits = defineEmits<{
   (e: "intervall", v: ZaehldatenIntervall): void;
 }>();
 
-const zeitauswahl = ref(Zeitauswahl.TAGESWERT.valueOf());
+const zeitauswahl = ref(Zeitauswahl.ZEITRAUM.valueOf());
 const zeitblock = ref(Zeitblock.ZB_00_24.valueOf());
 const intervall = ref(ZaehldatenIntervall.STUNDE_VIERTEL);
 
 // Zeitauswahl
+const hoverZeitraum = ref(false);
 const hoverTageswert = ref(false);
 const hoverBlock = ref(false);
 const hoverStunde = ref(false);
@@ -277,6 +284,10 @@ const isZeitauswahlStunde = computed(() => {
   return zeitauswahl.value === Zeitauswahl.STUNDE;
 });
 
+const isZeitauswahlZeitraum = computed(() => {
+  return zeitauswahl.value === Zeitauswahl.ZEITRAUM;
+});
+
 const isZeitauswahlSpitzenstunde = computed(() => {
   return (
     zeitauswahl.value === Zeitauswahl.SPITZENSTUNDE_KFZ ||
@@ -286,6 +297,9 @@ const isZeitauswahlSpitzenstunde = computed(() => {
 });
 
 const helpTextZeitauswahl = computed(() => {
+  if (hoverZeitraum.value) {
+    return "";
+  }
   if (hoverTageswert.value) {
     return "";
   }
diff --git a/frontend/src/types/enum/Zeitauswahl.ts b/frontend/src/types/enum/Zeitauswahl.ts
index b3f6f41b0..c246bbbd5 100644
--- a/frontend/src/types/enum/Zeitauswahl.ts
+++ b/frontend/src/types/enum/Zeitauswahl.ts
@@ -1,4 +1,5 @@
 enum Zeitauswahl {
+  ZEITRAUM = "Zeitraum",
   TAGESWERT = "Tageswert",
   BLOCK = "Block",
   STUNDE = "Stunde",