diff --git a/frontend/src/lib/components/DateRangeCollapse.svelte b/frontend/src/lib/components/DateRangeCollapse.svelte
index bc65817..4161ad3 100644
--- a/frontend/src/lib/components/DateRangeCollapse.svelte
+++ b/frontend/src/lib/components/DateRangeCollapse.svelte
@@ -208,8 +208,8 @@
 					bind:checked={allDay}
 					on:change={() => {
 						if (allDay) {
-							localStartDate = localStartDate.split('T')[0];
-							localEndDate = localEndDate.split('T')[0];
+							localStartDate = localStartDate ? localStartDate.split('T')[0] : '';
+							localEndDate = localEndDate ? localEndDate.split('T')[0] : '';
 						} else {
 							localStartDate = localStartDate + 'T00:00';
 							localEndDate = localEndDate + 'T23:59';
@@ -405,7 +405,9 @@
 							<p class="text-sm text-base-content font-medium">
 								{#if isAllDay(visit.start_date)}
 									<span class="badge badge-outline mr-2">{$t('adventures.all_day')}</span>
-									{visit.start_date.split('T')[0]} – {visit.end_date.split('T')[0]}
+									{visit.start_date ? visit.start_date.split('T')[0] : ''} – {visit.end_date
+										? visit.end_date.split('T')[0]
+										: ''}
 								{:else if 'start_timezone' in visit}
 									{formatDateInTimezone(visit.start_date, visit.start_timezone)} – {formatDateInTimezone(
 										visit.end_date,
diff --git a/frontend/src/lib/components/TransportationModal.svelte b/frontend/src/lib/components/TransportationModal.svelte
index b1bce1e..38580da 100644
--- a/frontend/src/lib/components/TransportationModal.svelte
+++ b/frontend/src/lib/components/TransportationModal.svelte
@@ -41,6 +41,13 @@
 		end_timezone: transportationToEdit?.end_timezone || ''
 	};
 
+	let startTimezone: string | undefined = transportation.start_timezone ?? undefined;
+	let endTimezone: string | undefined = transportation.end_timezone ?? undefined;
+
+	// Later, you should manually sync these back to `transportation` if needed
+	$: transportation.start_timezone = startTimezone ?? '';
+	$: transportation.end_timezone = endTimezone ?? '';
+
 	let starting_airport: string = '';
 	let ending_airport: string = '';
 
@@ -345,8 +352,8 @@
 					type="transportation"
 					bind:utcStartDate={transportation.date}
 					bind:utcEndDate={transportation.end_date}
-					bind:selectedStartTimezone={transportation.start_timezone}
-					bind:selectedEndTimezone={transportation.end_timezone}
+					bind:selectedStartTimezone={startTimezone}
+					bind:selectedEndTimezone={endTimezone}
 					{collection}
 				/>
 
diff --git a/frontend/src/routes/collections/[id]/+page.svelte b/frontend/src/routes/collections/[id]/+page.svelte
index b57af12..63ee0ce 100644
--- a/frontend/src/routes/collections/[id]/+page.svelte
+++ b/frontend/src/routes/collections/[id]/+page.svelte
@@ -300,7 +300,7 @@
 	function handleHashChange() {
 		const hash = window.location.hash.replace('#', '');
 		if (hash) {
-			currentView = hash
+			currentView = hash;
 		} else if (!collection.start_date) {
 			currentView = 'all';
 		} else {
@@ -308,7 +308,7 @@
 		}
 	}
 
-	function changeHash(event) {
+	function changeHash(event: any) {
 		window.location.hash = '#' + event.target.value;
 	}
 
@@ -776,7 +776,8 @@
 	{/if}
 
 	{#if collection.id}
-		<select class="select select-bordered border-primary md:hidden w-full"
+		<select
+			class="select select-bordered border-primary md:hidden w-full"
 			value={currentView}
 			on:change={changeHash}
 		>