diff --git a/js/src/components/Todo/FullTodo.vue b/js/src/components/Todo/FullTodo.vue
index 0638beac3..ee515fcdb 100644
--- a/js/src/components/Todo/FullTodo.vue
+++ b/js/src/components/Todo/FullTodo.vue
@@ -11,7 +11,7 @@
         <actor-auto-complete v-model="assignedTo" />
       </b-field>
       <b-field :label="$t('Due on')">
-        <b-datepicker v-model="dueDate" />
+        <b-datepicker v-model="dueDate" :first-day-of-week="firstDayOfWeek" />
       </b-field>
     </div>
   </div>
@@ -99,5 +99,9 @@ export default class Todo extends Vue {
       });
     }
   }
+
+  get firstDayOfWeek(): number {
+    return this.$dateFnsLocale?.options?.weekStartsOn || 0;
+  }
 }
 </script>
diff --git a/js/src/views/Event/Edit.vue b/js/src/views/Event/Edit.vue
index 6d1b4dd0b..9fba5a386 100644
--- a/js/src/views/Event/Edit.vue
+++ b/js/src/views/Event/Edit.vue
@@ -53,6 +53,7 @@
               id: 'begins-on-field',
               'aria-next-label': $t('Next month'),
               'aria-previous-label': $t('Previous month'),
+              'first-day-of-week': firstDayOfWeek,
             }"
           >
           </b-datetimepicker>
@@ -73,6 +74,7 @@
               id: 'ends-on-field',
               'aria-next-label': $t('Next month'),
               'aria-previous-label': $t('Previous month'),
+              'first-day-of-week': firstDayOfWeek,
             }"
           >
           </b-datetimepicker>
@@ -1325,5 +1327,9 @@ export default class EditEvent extends Vue {
       isOnline,
     };
   }
+
+  get firstDayOfWeek(): number {
+    return this.$dateFnsLocale?.options?.weekStartsOn || 0;
+  }
 }
 </script>
diff --git a/js/src/views/Event/MyEvents.vue b/js/src/views/Event/MyEvents.vue
index bdf9285db..30a34d994 100644
--- a/js/src/views/Event/MyEvents.vue
+++ b/js/src/views/Event/MyEvents.vue
@@ -59,7 +59,10 @@
                 : $t('Showing events before')
             "
           >
-            <b-datepicker v-model="dateFilter" />
+            <b-datepicker
+              v-model="dateFilter"
+              :first-day-of-week="firstDayOfWeek"
+            />
             <b-button
               @click="dateFilter = new Date()"
               class="reset-area"
@@ -473,6 +476,10 @@ export default class MyEvents extends Vue {
   get hideCreateEventButton(): boolean {
     return !!this.config?.restrictions?.onlyGroupsCanCreateEvents;
   }
+
+  get firstDayOfWeek(): number {
+    return this.$dateFnsLocale?.options?.weekStartsOn || 0;
+  }
 }
 </script>