From 88d42f4da9aee7a54ec5b4b4629db29a5fd02bd7 Mon Sep 17 00:00:00 2001
From: Knut Ahlers <knut@ahlers.me>
Date: Mon, 22 Jan 2024 21:47:17 +0100
Subject: [PATCH] Reduce confusion in date selector

by disabling entries which would cause from > to

Signed-off-by: Knut Ahlers <knut@ahlers.me>
---
 frontend/components/rangeSelector.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/components/rangeSelector.vue b/frontend/components/rangeSelector.vue
index b5aef13..0e83c6f 100644
--- a/frontend/components/rangeSelector.vue
+++ b/frontend/components/rangeSelector.vue
@@ -13,6 +13,7 @@
           v-for="(name, idx) in monthNames"
           :key="idx"
           :value="idx"
+          :disabled="dateComponents.fromYear === dateComponents.toYear && idx > dateComponents.toMonth"
         >
           {{ name }}
         </option>
@@ -25,6 +26,7 @@
           v-for="year in years"
           :key="year"
           :value="year"
+          :disabled="year > dateComponents.toYear"
         >
           {{ year }}
         </option>
@@ -41,6 +43,7 @@
             v-for="(name, idx) in monthNames"
             :key="idx"
             :value="idx"
+            :disabled="dateComponents.fromYear === dateComponents.toYear && idx < dateComponents.fromMonth"
           >
             {{ name }}
           </option>
@@ -53,6 +56,7 @@
             v-for="year in years"
             :key="year"
             :value="year"
+            :disabled="year < dateComponents.fromYear"
           >
             {{ year }}
           </option>