defaults

src/routes/weather/week/[location]/MeteogramCharts.svelte

@@ -3,7 +3,7 @@
 
 	import { type ChartPanel, storedChartLayout } from '$lib/stores/settings';
 
-	import { formatZoned, getRelativeDayLabel } from '$lib/utils/date';
+	import { formatZoned, getRelativeDayLabel, isSameDayInZone } from '$lib/utils/date';
 
 	import { ChartContainer, downloadChartsPng } from '$lib/components/charts';
 
@@ -91,13 +91,18 @@
 		onResetZoom?.();
 	}
 
-	const rangePresets = [
-		{ label: 'Today', apply: () => setRangeDays(new Date(), 1) },
-		{ label: 'Selected day', apply: () => setRangeDays(selectedDay, 1) },
-		{ label: '3 days', apply: () => setRangeDays(new Date(), 3) },
-		{ label: '5 days', apply: () => setRangeDays(new Date(), 5) },
-		{ label: 'All', apply: () => resetZoom() }
-	];
+	const now = new Date();
+	// "Selected day" is redundant while today is the selected day, so hide it then
+	let rangePresets = $derived.by(() => {
+		const isToday = isSameDayInZone(now, selectedDay, data.timezone);
+		return [
+			{ label: 'Today', apply: () => setRangeDays(new Date(), 1) },
+			...(isToday ? [] : [{ label: 'Selected day', apply: () => setRangeDays(selectedDay, 1) }]),
+			{ label: '3 days', apply: () => setRangeDays(new Date(), 3) },
+			{ label: '5 days', apply: () => setRangeDays(new Date(), 5) },
+			{ label: 'All', apply: () => resetZoom() }
+		];
+	});
 
 	// Soft band drawn on every chart marking the currently selected day
 	let selectedDayHighlight = $derived.by(() => {