Add setting for the first day of the week

src/views/list/views/Gantt.vue

@@ -66,6 +66,7 @@ import GanttChart from '../../../components/tasks/gantt-component'
 import flatPickr from 'vue-flatpickr-component'
 import Fancycheckbox from '../../../components/input/fancycheckbox'
 import {saveListView} from '@/helpers/saveListView'
+import {mapState} from 'vuex'
 
 export default {
 	name: 'Gantt',
@@ -85,14 +86,19 @@ export default {
 			dayWidth: 35,
 			dateFrom: null,
 			dateTo: null,
-			flatPickerConfig: {
-				altFormat: 'j M Y',
-				altInput: true,
-				dateFormat: 'Y-m-d',
-				enableTime: false,
-			},
 		}
 	},
+	computed: mapState({
+		flatPickerConfig: state => ({
+			altFormat: 'j M Y',
+			altInput: true,
+			dateFormat: 'Y-m-d',
+			enableTime: false,
+			locale: {
+				firstDayOfWeek: state.auth.settings.weekStart,
+			},
+		})
+	}),
 	beforeMount() {
 		this.dateFrom = new Date((new Date()).setDate((new Date()).getDate() - 15))
 		this.dateTo = new Date((new Date()).setDate((new Date()).getDate() + 30))

src/views/tasks/ShowTasks.vue

@@ -81,14 +81,6 @@ export default {
 			cEndDate: null,
 
 			showNothingToDo: false,
-
-			flatPickerConfig: {
-				altFormat: 'j M Y H:i',
-				altInput: true,
-				dateFormat: 'Y-m-d H:i',
-				enableTime: true,
-				time_24hr: true,
-			},
 		}
 	},
 	props: {
@@ -116,6 +108,16 @@ export default {
 	},
 	computed: mapState({
 		userAuthenticated: state => state.auth.authenticated,
+		flatPickerConfig: state => ({
+			altFormat: 'j M Y H:i',
+			altInput: true,
+			dateFormat: 'Y-m-d H:i',
+			enableTime: true,
+			time_24hr: true,
+			locale: {
+				firstDayOfWeek: state.auth.settings.weekStart,
+			},
+		})
 	}),
 	methods: {
 		setDate() {

src/views/user/Settings.vue

@@ -132,6 +132,19 @@
 					Play a sound when marking tasks as done
 				</label>
 			</div>
+			<div class="field">
+				<label class="is-flex is-align-items-center">
+					<span>
+						Week starts on
+					</span>
+					<div class="select ml-2">
+						<select v-model.number="settings.weekStart">
+							<option value="0">Sunday</option>
+							<option value="1">Monday</option>
+						</select>
+					</div>
+				</label>
+			</div>
 
 			<x-button
 				:loading="userSettingsService.loading"