feat: Use yearless date comparison for season label in outfit recommendation dialog

Author: 3urobeat

src/components/dayMonthInput.vue

@@ -5,7 +5,7 @@
  * Created Date: 2026-03-20 22:08:57
  * Author: 3urobeat
  *
- * Last Modified: 2026-03-21 21:05:42
+ * Last Modified: 2026-03-21 22:00:23
  * Modified By: 3urobeat
  *
  * Copyright (c) 2026 3urobeat <https://github.com/3urobeat>
@@ -45,6 +45,8 @@
 
 
 <script setup lang="ts">
+    import { YEARLESS_DATE_YEAR } from '~/utils/utils';
+
 
     // Define Props to be accepted by this component
     const props = defineProps({
@@ -68,23 +70,23 @@
 
     if (props.modelValue != null) {
         date.value = new Date((props.modelValue as number));
-        date.value.setUTCFullYear(2024);               // Use a lap year so Feb 29 is always an option
+        date.value.setUTCFullYear(YEARLESS_DATE_YEAR);
         daysInThisMonth.value = getDaysPerMonth(date.value.getMonth());
     }
 
 
     // Calculate days in the selected month
     function getDaysPerMonth(month: number): number {
         // Use a lap year so Feb 29 is always an option. Date(year, monthIndex + 1, 0) returns the last day of the current month
-        return new Date(2024, month + 1, 0).getDate();
+        return new Date(YEARLESS_DATE_YEAR, month + 1, 0).getDate();
     };
 
     // Preprocess: Incoming value inits date, incoming null unsets date. Returns boolean indicating whether parent function should continue
     function setOrUnset(val: number | string | null): boolean {
         if (val != null && val != "") { // null option will be an empty string
             if (date.value == null) {
                 date.value = new Date(0);
-                date.value.setUTCFullYear(2024, 0, 1); // Use a lap year so Feb 29 is always an option
+                date.value.setUTCFullYear(YEARLESS_DATE_YEAR, 0, 1);
             }
             return true;
         } else {

src/components/outfitRecommendationDialog.vue

@@ -5,7 +5,7 @@
  * Created Date: 2026-03-01 15:17:09
  * Author: 3urobeat
  *
- * Last Modified: 2026-03-15 19:40:01
+ * Last Modified: 2026-03-21 23:28:57
  * Modified By: 3urobeat
  *
  * Copyright (c) 2026 3urobeat <https://github.com/3urobeat>
@@ -130,8 +130,12 @@
 
                 let matchesWeather = (!weatherAPIErrorMessage && value.fromTemp! <= currentWeather?.main.temp! && value.toTemp! >= currentWeather?.main.temp!); // TODO: Only looks at current temp, not at day forecast
 
-                // TODO: Remove year from timestamp!
-                let matchesDate    = (value.fromTimestamp! <= Date.now() && value.toTimestamp! >= Date.now());
+                let matchesDate;
+                if (value.fromTimestamp != null && value.toTimestamp != null) {
+                    matchesDate = isNowBetweenDatesIgnoringYear(value.fromTimestamp!, value.toTimestamp!);
+                }
+
+                console.debug(`[DEBUG] getOutfitsToShowInPopout:`, e.name, (value.fromTemp != null && value.toTemp != null), (value.fromTimestamp != null && value.toTimestamp != null), matchesWeather, matchesDate);
 
                 // Temperature AND Weather constraint set?
                 if (value.fromTemp != null && value.toTemp != null && value.fromTimestamp != null && value.toTimestamp != null) {

src/utils/utils.ts

@@ -4,7 +4,7 @@
  * Created Date: 2026-01-23 22:00:18
  * Author: 3urobeat
  *
- * Last Modified: 2026-03-15 19:56:39
+ * Last Modified: 2026-03-21 23:25:50
  * Modified By: 3urobeat
  *
  * Copyright (c) 2026 3urobeat <https://github.com/3urobeat>
@@ -175,3 +175,43 @@ export function formatTime(time: number) {
 
     return `${Math.round(until)} ${untilUnit}`;
 }
+
+
+// Year used for dates where year is being ignored (I swear this makes sense)
+export const YEARLESS_DATE_YEAR = 2024; // Use a lap year so Feb 29 is always an option
+
+/**
+ * Inits a yearless and timeless date object from a timestamp
+ * @param timestamp Optional: Timestamp to parse. If undefined, current time is used
+ * @returns Returns constructed Date object
+ */
+export function initYearlessDate(timestamp?: number): Date {
+    const date = timestamp != undefined ? new Date(timestamp) : new Date();
+
+    date.setUTCFullYear(YEARLESS_DATE_YEAR);
+    date.setUTCHours(0, 0, 0, 0); // Intentionally not using UTC here to remove timezone
+
+    return date;
+}
+
+/**
+ * Is current timestamp between (<= & >=) from & to while ignoring year?
+ * @param from From: If greater than to, the previous year will be used internally
+ * @param to ...
+ * @returns Boolean indicating whether now is between from & to
+ */
+export function isNowBetweenDatesIgnoringYear(from: number, to: number): boolean {
+
+    // Parse dates and bring them all onto the same year to effectively ignore it
+    const fromDate = initYearlessDate(from);
+    const toDate   = initYearlessDate(to);
+    const nowDate  = initYearlessDate();
+
+    // Handle special case where from > to
+    fromDate.setUTCFullYear(YEARLESS_DATE_YEAR - (from > to ? 1 : 0));
+
+    // console.debug("[DEBUG] isNowBetweenDatesIgnoringYear: ", fromDate, toDate, nowDate);
+
+    return (fromDate.getTime() <= nowDate.getTime()) && (toDate.getTime() >= nowDate.getTime());
+
+}