✨ Skip weekend days on the timetable

src/components/date-selector.vue

@@ -3,13 +3,24 @@ import { selectedDate, selectedDay } from "../store";
 import { dayNames } from "../definitions";
 import dayjs from "dayjs";
 import ArrowIcon from "./icons/arrow-icon.vue";
+
+function nextDay() {
+  var newDate = dayjs(selectedDate.value).add(1, "day");
+  // Skip weekend
+  if (newDate.day() == 6) newDate = newDate.add(2, "day");
+  selectedDate.value = newDate.toDate();
+}
+function previousDay() {
+  var newDate = dayjs(selectedDate.value).subtract(1, "day");
+  // Skip weekend
+  if (newDate.day() == 0) newDate = newDate.subtract(2, "day");
+  selectedDate.value = newDate.toDate();
+}
 </script>
 
 <template>
   <div class="selector">
-    <ArrowIcon
+    <ArrowIcon @click="previousDay" />
-      @click="selectedDate = dayjs(selectedDate).subtract(1, 'day').toDate()"
-    />
     <span
       class="day"
       @click="selectedDate = new Date(new Date().setUTCHours(0, 0, 0, 0))"
@@ -17,10 +28,7 @@ import ArrowIcon from "./icons/arrow-icon.vue";
       {{ dayNames[selectedDay + 1] }},
       {{ dayjs(selectedDate).format("DD.MM.YYYY") }}
     </span>
-    <ArrowIcon
+    <ArrowIcon style="transform: rotate(180deg)" @click="nextDay" />
-      style="transform: rotate(180deg)"
-      @click="selectedDate = dayjs(selectedDate).add(1, 'day').toDate()"
-    />
   </div>
 </template>