diff --git a/htdocs/DateRangePicker.vue b/htdocs/DateRangePicker.vue
index 72c7050..6531f58 100644
--- a/htdocs/DateRangePicker.vue
+++ b/htdocs/DateRangePicker.vue
@@ -37,8 +37,9 @@
 			<button type="button" class="btn btn-sm btn-primary" @click="x_date = timeshift_month(x_date, 24*(reversed ? -1 : +1))">🡢</button>
 		</template>
 		<template v-if="x_range == 'Range'">
+			<input type="date" class="form-control" v-model="disp_date_end" v-if="direction < 0" />
 			<input type="date" class="form-control" v-model="disp_date" />
-			<input type="date" class="form-control" v-model="disp_date_end" />
+			<input type="date" class="form-control" v-model="disp_date_end" v-if="direction >= 0" />
 			<DateRangePickerRange v-model="x_range" :direction="direction" />
 		</template>
 	</div>