update datepicker locale

Reviewed-on: vikunja/frontend#3888
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>

.drone.yml

@@ -42,7 +42,7 @@ steps:
 #        - .cache
 
   - name: dependencies
-    image: node:20.10-alpine
+    image: node:20.11-alpine
     pull: always
     environment:
       PNPM_CACHE_FOLDER: .cache/pnpm
@@ -55,7 +55,7 @@ steps:
 #      - restore-cache
 
   - name: lint
-    image: node:20.10-alpine
+    image: node:20.11-alpine
     pull: always
     environment:
       PNPM_CACHE_FOLDER: .cache/pnpm
@@ -66,7 +66,7 @@ steps:
       - dependencies
 
   - name: build-prod
-    image: node:20.10-alpine
+    image: node:20.11-alpine
     pull: always
     environment:
       PNPM_CACHE_FOLDER: .cache/pnpm
@@ -77,7 +77,7 @@ steps:
       - dependencies
 
   - name: test-unit
-    image: node:20.10-alpine
+    image: node:20.11-alpine
     pull: always
     commands:
       - corepack enable && pnpm config set store-dir .cache/pnpm
@@ -87,7 +87,7 @@ steps:
 
   - name: typecheck
     failure: ignore
-    image: node:20.10-alpine
+    image: node:20.11-alpine
     pull: always
     environment:
       PNPM_CACHE_FOLDER: .cache/pnpm
@@ -202,7 +202,7 @@ steps:
 #        - .cache
 
   - name: build
-    image: node:20.10-alpine
+    image: node:20.11-alpine
     pull: always
     environment:
       PNPM_CACHE_FOLDER: .cache/pnpm
@@ -285,7 +285,7 @@ steps:
 #        - .cache
 
   - name: build
-    image: node:20.10-alpine
+    image: node:20.11-alpine
     pull: always
     environment:
       PNPM_CACHE_FOLDER: .cache/pnpm
@@ -532,6 +532,6 @@ steps:
         src/i18n/lang/en.json: en.json
 ---
 kind: signature
-hmac: ecb706a867b39f2501cc6cf587a535fe4cd6cfd0c339833a733d61a3349c5a54
+hmac: c755a046a47f0b8a799a81a0c686cc4e7734938298c22b47a24e268aec3cf908
 
 ...

.nvmrc

@@ -1 +1 @@
-20.10.0
+20.11.0

Dockerfile

@@ -3,7 +3,7 @@
 #  │─││ │││  │ │
 #  ┘─┘┘─┘┘┘─┘┘─┘
 
-FROM --platform=$BUILDPLATFORM node:20.10-alpine AS builder
+FROM --platform=$BUILDPLATFORM node:20.11-alpine AS builder
 
 WORKDIR /build
 

package.json

@@ -13,7 +13,7 @@
   },
   "homepage": "https://vikunja.io/",
   "funding": "https://opencollective.com/vikunja",
-  "packageManager": "pnpm@8.12.1",
+  "packageManager": "pnpm@8.14.1",
   "keywords": [
     "todo",
     "productivity",
@@ -52,57 +52,57 @@
     "@github/hotkey": "3.1.0",
     "@infectoone/vue-ganttastic": "2.2.0",
     "@intlify/unplugin-vue-i18n": "2.0.0",
-    "@kyvg/vue3-notification": "3.1.2",
-    "@sentry/tracing": "7.88.0",
-    "@sentry/vue": "7.88.0",
-    "@tiptap/core": "2.1.13",
-    "@tiptap/extension-blockquote": "2.1.13",
-    "@tiptap/extension-bold": "2.1.13",
-    "@tiptap/extension-bullet-list": "2.1.13",
-    "@tiptap/extension-code": "2.1.13",
-    "@tiptap/extension-code-block-lowlight": "2.1.13",
-    "@tiptap/extension-document": "2.1.13",
-    "@tiptap/extension-dropcursor": "2.1.13",
-    "@tiptap/extension-gapcursor": "2.1.13",
-    "@tiptap/extension-hard-break": "2.1.13",
-    "@tiptap/extension-heading": "2.1.13",
-    "@tiptap/extension-history": "2.1.13",
-    "@tiptap/extension-horizontal-rule": "2.1.13",
-    "@tiptap/extension-image": "2.1.13",
-    "@tiptap/extension-italic": "2.1.13",
-    "@tiptap/extension-link": "2.1.13",
-    "@tiptap/extension-list-item": "2.1.13",
-    "@tiptap/extension-ordered-list": "2.1.13",
-    "@tiptap/extension-paragraph": "2.1.13",
-    "@tiptap/extension-placeholder": "2.1.13",
-    "@tiptap/extension-strike": "2.1.13",
-    "@tiptap/extension-table": "2.1.13",
-    "@tiptap/extension-table-cell": "2.1.13",
-    "@tiptap/extension-table-header": "2.1.13",
-    "@tiptap/extension-table-row": "2.1.13",
-    "@tiptap/extension-task-item": "2.1.13",
-    "@tiptap/extension-task-list": "2.1.13",
-    "@tiptap/extension-text": "2.1.13",
-    "@tiptap/extension-typography": "2.1.13",
-    "@tiptap/extension-underline": "2.1.13",
-    "@tiptap/pm": "2.1.13",
-    "@tiptap/suggestion": "2.1.13",
-    "@tiptap/vue-3": "2.1.13",
+    "@kyvg/vue3-notification": "3.1.3",
+    "@sentry/tracing": "7.93.0",
+    "@sentry/vue": "7.93.0",
+    "@tiptap/core": "2.1.15",
+    "@tiptap/extension-blockquote": "2.1.15",
+    "@tiptap/extension-bold": "2.1.15",
+    "@tiptap/extension-bullet-list": "2.1.15",
+    "@tiptap/extension-code": "2.1.15",
+    "@tiptap/extension-code-block-lowlight": "2.1.15",
+    "@tiptap/extension-document": "2.1.15",
+    "@tiptap/extension-dropcursor": "2.1.15",
+    "@tiptap/extension-gapcursor": "2.1.15",
+    "@tiptap/extension-hard-break": "2.1.15",
+    "@tiptap/extension-heading": "2.1.15",
+    "@tiptap/extension-history": "2.1.15",
+    "@tiptap/extension-horizontal-rule": "2.1.15",
+    "@tiptap/extension-image": "2.1.15",
+    "@tiptap/extension-italic": "2.1.15",
+    "@tiptap/extension-link": "2.1.15",
+    "@tiptap/extension-list-item": "2.1.15",
+    "@tiptap/extension-ordered-list": "2.1.15",
+    "@tiptap/extension-paragraph": "2.1.15",
+    "@tiptap/extension-placeholder": "2.1.15",
+    "@tiptap/extension-strike": "2.1.15",
+    "@tiptap/extension-table": "2.1.15",
+    "@tiptap/extension-table-cell": "2.1.15",
+    "@tiptap/extension-table-header": "2.1.15",
+    "@tiptap/extension-table-row": "2.1.15",
+    "@tiptap/extension-task-item": "2.1.15",
+    "@tiptap/extension-task-list": "2.1.15",
+    "@tiptap/extension-text": "2.1.15",
+    "@tiptap/extension-typography": "2.1.15",
+    "@tiptap/extension-underline": "2.1.15",
+    "@tiptap/pm": "2.1.15",
+    "@tiptap/suggestion": "2.1.15",
+    "@tiptap/vue-3": "2.1.15",
     "@types/is-touch-device": "1.0.2",
     "@types/lodash.clonedeep": "4.5.9",
-    "@vueuse/core": "10.7.0",
-    "@vueuse/router": "10.7.0",
-    "axios": "1.6.2",
+    "@vueuse/core": "10.7.1",
+    "@vueuse/router": "10.7.1",
+    "axios": "1.6.5",
     "blurhash": "2.0.5",
     "bulma-css-variables": "0.9.33",
     "camel-case": "4.1.2",
-    "date-fns": "2.30.0",
+    "date-fns": "3.2.0",
     "dayjs": "1.11.10",
-    "dompurify": "3.0.6",
+    "dompurify": "3.0.8",
     "fast-deep-equal": "3.1.3",
     "flatpickr": "4.6.13",
     "flexsearch": "0.7.31",
-    "floating-vue": "2.0.0-beta.24",
+    "floating-vue": "5.0.3",
     "is-touch-device": "1.0.1",
     "klona": "2.0.6",
     "lodash.debounce": "4.0.8",
@@ -113,17 +113,17 @@
     "sortablejs": "1.15.1",
     "tippy.js": "6.3.7",
     "ufo": "1.3.2",
-    "vue": "3.3.13",
+    "vue": "3.4.8",
     "vue-advanced-cropper": "2.8.8",
     "vue-flatpickr-component": "11.0.3",
-    "vue-i18n": "9.8.0",
+    "vue-i18n": "9.9.0",
     "vue-router": "4.2.5",
     "workbox-precaching": "7.0.0",
     "zhyswan-vuedraggable": "4.1.3"
   },
   "devDependencies": {
     "@4tw/cypress-drag-drop": "2.2.5",
-    "@cypress/vite-dev-server": "5.0.6",
+    "@cypress/vite-dev-server": "5.0.7",
     "@cypress/vue": "6.0.0",
     "@faker-js/faker": "8.3.1",
     "@histoire/plugin-screenshot": "0.17.6",
@@ -136,44 +136,44 @@
     "@types/is-touch-device": "1.0.2",
     "@types/lodash.debounce": "4.0.9",
     "@types/marked": "5.0.2",
-    "@types/node": "20.10.5",
+    "@types/node": "20.10.8",
     "@types/postcss-preset-env": "7.7.0",
     "@types/sortablejs": "1.15.7",
-    "@typescript-eslint/eslint-plugin": "6.15.0",
-    "@typescript-eslint/parser": "6.15.0",
+    "@typescript-eslint/eslint-plugin": "6.18.1",
+    "@typescript-eslint/parser": "6.18.1",
     "@vitejs/plugin-legacy": "5.2.0",
-    "@vitejs/plugin-vue": "4.5.2",
+    "@vitejs/plugin-vue": "4.6.2",
     "@vue/eslint-config-typescript": "12.0.0",
     "@vue/test-utils": "2.4.3",
     "@vue/tsconfig": "0.5.1",
     "autoprefixer": "10.4.16",
     "browserslist": "4.22.2",
-    "caniuse-lite": "1.0.30001570",
+    "caniuse-lite": "1.0.30001576",
     "css-has-pseudo": "6.0.1",
     "csstype": "3.1.3",
-    "cypress": "13.6.1",
-    "esbuild": "0.19.10",
+    "cypress": "13.6.2",
+    "esbuild": "0.19.11",
     "eslint": "8.56.0",
     "eslint-plugin-vue": "9.19.2",
     "happy-dom": "12.10.3",
     "histoire": "0.17.6",
-    "postcss": "8.4.32",
+    "postcss": "8.4.33",
     "postcss-easing-gradients": "3.0.1",
     "postcss-easings": "4.0.0",
     "postcss-focus-within": "8.0.1",
     "postcss-preset-env": "9.3.0",
-    "rollup": "4.9.1",
-    "rollup-plugin-visualizer": "5.11.0",
-    "sass": "1.69.5",
+    "rollup": "4.9.4",
+    "rollup-plugin-visualizer": "5.12.0",
+    "sass": "1.69.7",
     "start-server-and-test": "2.0.3",
     "typescript": "5.3.3",
-    "vite": "5.0.10",
+    "vite": "5.0.11",
     "vite-plugin-inject-preload": "1.3.3",
     "vite-plugin-pwa": "0.17.4",
     "vite-plugin-sentry": "1.3.0",
     "vite-svg-loader": "5.1.0",
-    "vitest": "1.0.4",
-    "vue-tsc": "1.8.25",
+    "vitest": "1.1.3",
+    "vue-tsc": "1.8.27",
     "wait-on": "7.2.0",
     "workbox-cli": "7.0.0"
   },

src/components/date/datepickerWithRange.vue

@@ -81,9 +81,8 @@ import Popup from '@/components/misc/popup.vue'
 import {DATE_RANGES} from '@/components/date/dateRanges'
 import BaseButton from '@/components/base/BaseButton.vue'
 import DatemathHelp from '@/components/date/datemathHelp.vue'
-import {useAuthStore} from '@/stores/auth'
+import { getFlatpickrLanguage } from '@/helpers/dayLocale'
 
-const authStore = useAuthStore()
 const {t} = useI18n({useScope: 'global'})
 
 const emit = defineEmits(['update:modelValue'])
@@ -93,8 +92,6 @@ const props = defineProps({
 	},
 })
 
-// FIXME: This seems to always contain the default value - that breaks the picker
-const weekStart = computed(() => authStore.settings.weekStart ?? 0)
 const flatPickerConfig = computed(() => ({
 	altFormat: t('date.altFormatLong'),
 	altInput: true,
@@ -102,9 +99,7 @@ const flatPickerConfig = computed(() => ({
 	enableTime: false,
 	wrap: true,
 	mode: 'range',
-	locale: {
-		firstDayOf7Days: weekStart.value,
-	},
+	locale: getFlatpickrLanguage(),
 }))
 
 const showHowItWorks = ref(false)

src/components/input/datepickerInline.vue

@@ -80,8 +80,8 @@ import {formatDate} from '@/helpers/time/formatDate'
 import {calculateDayInterval} from '@/helpers/time/calculateDayInterval'
 import {calculateNearestHours} from '@/helpers/time/calculateNearestHours'
 import {createDateFromString} from '@/helpers/time/createDateFromString'
-import {useAuthStore} from '@/stores/auth'
 import {useI18n} from 'vue-i18n'
+import { getFlatpickrLanguage } from '@/helpers/dayLocale'
 
 const props = defineProps({
 	modelValue: {
@@ -105,8 +105,6 @@ watch(
 	{immediate: true},
 )
 
-const authStore = useAuthStore()
-const weekStart = computed(() => authStore.settings.weekStart)
 const flatPickerConfig = computed(() => ({
 	altFormat: t('date.altFormatLong'),
 	altInput: true,
@@ -114,9 +112,7 @@ const flatPickerConfig = computed(() => ({
 	enableTime: true,
 	time_24hr: true,
 	inline: true,
-	locale: {
-		firstDayOfWeek: weekStart.value,
-	},
+	locale: getFlatpickrLanguage(),
 }))
 
 // Since flatpickr dates are strings, we need to convert them to native date objects.
@@ -128,6 +124,10 @@ const flatPickrDate = computed({
 			return
 		}
 
+		const oldDate = formatDate(date.value, 'yyy-LL-dd H:mm')
+		if (oldDate !== newValue) {
+			return
+		}
 		date.value = createDateFromString(newValue)
 		updateData()
 	},
@@ -155,10 +155,6 @@ function updateData() {
 }
 
 function setDate(dateString: string) {
-	if (date.value === null) {
-		date.value = new Date()
-	}
-
 	const interval = calculateDayInterval(dateString)
 	const newDate = new Date()
 	newDate.setDate(newDate.getDate() + interval)
@@ -166,7 +162,6 @@ function setDate(dateString: string) {
 	newDate.setMinutes(0)
 	newDate.setSeconds(0)
 	date.value = newDate
-	flatPickrDate.value = newDate
 	updateData()
 }
 

src/components/tasks/GanttChart.vue

@@ -61,6 +61,8 @@ import {
 import Loading from '@/components/misc/loading.vue'
 import {MILLISECONDS_A_DAY} from '@/constants/date'
 import {useWeekDayFromDate} from '@/helpers/time/formatDate'
+import dayjs from 'dayjs'
+import {useDayjsLanguageSync} from '@/i18n/useDayjsLanguageSync'
 
 export interface GanttChartProps {
 	isLoading: boolean,
@@ -81,8 +83,8 @@ const emit = defineEmits<{
 const {tasks, filters} = toRefs(props)
 
 // setup dayjs for vue-ganttastic
-const dayjsLanguageLoading = ref(false)
-// const dayjsLanguageLoading = useDayjsLanguageSync(dayjs)
+// const dayjsLanguageLoading = ref(false)
+const dayjsLanguageLoading = useDayjsLanguageSync(dayjs)
 extendDayjs()
 
 const ganttContainer = ref(null)

src/components/tasks/partials/defer-task.vue

@@ -44,7 +44,7 @@ import flatPickr from 'vue-flatpickr-component'
 
 import TaskService from '@/services/task'
 import type {ITask} from '@/modelTypes/ITask'
-import {useAuthStore} from '@/stores/auth'
+import { getFlatpickrLanguage } from '@/helpers/dayLocale'
 
 const {
 	modelValue,
@@ -55,7 +55,6 @@ const {
 const emit = defineEmits(['update:modelValue'])
 
 const {t} = useI18n({useScope: 'global'})
-const authStore = useAuthStore()
 
 const taskService = shallowReactive(new TaskService())
 const task = ref<ITask>()
@@ -102,9 +101,7 @@ const flatPickerConfig = computed(() => ({
 	enableTime: true,
 	time_24hr: true,
 	inline: true,
-	locale: {
-		firstDayOfWeek: authStore.settings.weekStart,
-	},
+	locale: getFlatpickrLanguage(),
 }))
 
 function deferDays(days: number) {

src/helpers/dayLocale.ts

@@ -0,0 +1,22 @@
+import {useAuthStore} from '@/stores/auth'
+import FlatpickrLanguages from 'flatpickr/dist/l10n'
+import type { CustomLocale, key } from 'flatpickr/dist/types/locale'
+
+export function getFlatpickrLanguage(): CustomLocale {
+	const authStore = useAuthStore()
+	const lang = authStore.settings.language
+	const langPair = lang.split('-')
+	let language
+	if (langPair.length === 0) {
+		language = FlatpickrLanguages['en']
+	}else if (!(langPair[0] in FlatpickrLanguages)) {
+		language = FlatpickrLanguages['en']
+	}else if (langPair[0] === 'vi') {
+		language = FlatpickrLanguages['vn']
+	}else{
+		const fkey = langPair[0] as key
+		language = FlatpickrLanguages[fkey]
+	}
+	language.firstDayOfWeek = authStore.settings.weekStart ?? 0
+	return language
+}

src/helpers/time/parseDate.ts

@@ -15,34 +15,32 @@ interface dateFoundResult {
 const monthsRegexGroup = '(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)'
 
 function matchesDateExpr(text: string, dateExpr: string): boolean {
-	return text.match(new RegExp('(^| )' + dateExpr, 'g')) !== null
+	return text.match(new RegExp('(^| )' + dateExpr, 'gi')) !== null
 }
 
 export const parseDate = (text: string, now: Date = new Date()): dateParseResult => {
-	const lowerText: string = text.toLowerCase()
-
-	if (matchesDateExpr(lowerText, 'today')) {
+	if (matchesDateExpr(text, 'today')) {
 		return addTimeToDate(text, getDateFromInterval(calculateDayInterval('today')), 'today')
 	}
-	if (matchesDateExpr(lowerText, 'tomorrow')) {
+	if (matchesDateExpr(text, 'tomorrow')) {
 		return addTimeToDate(text, getDateFromInterval(calculateDayInterval('tomorrow')), 'tomorrow')
 	}
-	if (matchesDateExpr(lowerText, 'next monday')) {
+	if (matchesDateExpr(text, 'next monday')) {
 		return addTimeToDate(text, getDateFromInterval(calculateDayInterval('nextMonday')), 'next monday')
 	}
-	if (matchesDateExpr(lowerText, 'this weekend')) {
+	if (matchesDateExpr(text, 'this weekend')) {
 		return addTimeToDate(text, getDateFromInterval(calculateDayInterval('thisWeekend')), 'this weekend')
 	}
-	if (matchesDateExpr(lowerText, 'later this week')) {
+	if (matchesDateExpr(text, 'later this week')) {
 		return addTimeToDate(text, getDateFromInterval(calculateDayInterval('laterThisWeek')), 'later this week')
 	}
-	if (matchesDateExpr(lowerText, 'later next week')) {
+	if (matchesDateExpr(text, 'later next week')) {
 		return addTimeToDate(text, getDateFromInterval(calculateDayInterval('laterNextWeek')), 'later next week')
 	}
-	if (matchesDateExpr(lowerText, 'next week')) {
+	if (matchesDateExpr(text, 'next week')) {
 		return addTimeToDate(text, getDateFromInterval(calculateDayInterval('nextWeek')), 'next week')
 	}
-	if (matchesDateExpr(lowerText, 'next month')) {
+	if (matchesDateExpr(text, 'next month')) {
 		const date: Date = new Date()
 		date.setDate(1)
 		date.setMonth(date.getMonth() + 1)
@@ -52,7 +50,7 @@ export const parseDate = (text: string, now: Date = new Date()): dateParseResult
 
 		return addTimeToDate(text, date, 'next month')
 	}
-	if (matchesDateExpr(lowerText, 'end of month')) {
+	if (matchesDateExpr(text, 'end of month')) {
 		const curDate: Date = new Date()
 		const date: Date = new Date(curDate.getFullYear(), curDate.getMonth() + 1, 0)
 		date.setHours(calculateNearestHours(date))
@@ -70,7 +68,7 @@ export const parseDate = (text: string, now: Date = new Date()): dateParseResult
 	parsed = getDayFromText(text)
 	if (parsed.date !== null) {
 		const month = getMonthFromText(text, parsed.date)
-		return addTimeToDate(text, month.date, parsed.foundText)
+		return addTimeToDate(month.newText, month.date, parsed.foundText)
 	}
 
 	parsed = getDateFromTextIn(text, now)
@@ -123,7 +121,7 @@ const addTimeToDate = (text: string, date: Date, previousMatch: string | null):
 
 	const replace = results !== null ? results[0] : previousMatch
 	return {
-		newText: replaceAll(text, replace, ''),
+		newText: replaceAll(text, replace, '').trim(),
 		date: date,
 	}
 }

src/i18n/lang/sl-SI.json

@@ -160,7 +160,7 @@
         "expired": "Žeton je potekel pred {ago}.",
         "tokenCreatedSuccess": "Tu je vaš novi API žeton: {token}",
         "tokenCreatedNotSeeAgain": "Shranite ga na varno mesto, ker ga ne boste več videli!",
-        "selectAll": "Select all",
+        "selectAll": "Izberi vse",
         "delete": {
           "header": "Izbriši ta žeton",
           "text1": "Ali ste prepričani, da želite izbrisati žeton \"{token}\"?",

src/modules/parseTaskText.test.ts

@@ -112,6 +112,16 @@ describe('Parse Task Text', () => {
 			expect(result?.date?.getMonth()).toBe(tomorrow.getMonth())
 			expect(result?.date?.getDate()).toBe(tomorrow.getDate())
 		})
+		it('should recognize Tomorrow', () => {
+			const result = parseTaskText('Lorem Ipsum Tomorrow')
+
+			expect(result.text).toBe('Lorem Ipsum')
+			const tomorrow = new Date()
+			tomorrow.setDate(tomorrow.getDate() + 1)
+			expect(result?.date?.getFullYear()).toBe(tomorrow.getFullYear())
+			expect(result?.date?.getMonth()).toBe(tomorrow.getMonth())
+			expect(result?.date?.getDate()).toBe(tomorrow.getDate())
+		})
 		it('should recognize next monday', () => {
 			const result = parseTaskText('Lorem Ipsum next monday')
 
@@ -441,7 +451,7 @@ describe('Parse Task Text', () => {
 				'06/08/2021': '2021-6-8',
 				'6/7/21': '2021-6-7',
 				'27/07/2021,': null,
-				'2021/07/06,': '2021-7-6',
+				'2021/07/06': '2021-7-6',
 				'2021-07-06': '2021-7-6',
 				'27 jan': '2022-1-27',
 				'27/1': '2022-1-27',
@@ -449,39 +459,52 @@ describe('Parse Task Text', () => {
 				'16/12': '2021-12-16',
 				'01/27': '2022-1-27',
 				'1/27': '2022-1-27',
-				'Jan 27': '2022-1-27',
 				'jan 27': '2022-1-27',
+				'Jan 27': '2022-1-27',
 				'feb 21': '2022-2-21',
+				'Feb 21': '2022-2-21',
 				'mar 21': '2022-3-21',
+				'Mar 21': '2022-3-21',
 				'apr 21': '2022-4-21',
+				'Apr 21': '2022-4-21',
 				'may 21': '2022-5-21',
+				'May 21': '2022-5-21',
 				'jun 21': '2022-6-21',
+				'Jun 21': '2022-6-21',
 				'jul 21': '2021-7-21',
+				'Jul 21': '2021-7-21',
 				'aug 21': '2021-8-21',
+				'Aug 21': '2021-8-21',
 				'sep 21': '2021-9-21',
+				'Sep 21': '2021-9-21',
 				'oct 21': '2021-10-21',
+				'Oct 21': '2021-10-21',
 				'nov 21': '2021-11-21',
+				'Nov 21': '2021-11-21',
 				'dec 21': '2021-12-21',
+				'Dec 21': '2021-12-21',
 			} as Record<string, string | null>
 
 			for (const c in cases) {
 				it(`should parse '${c}' as '${cases[c]}' with the date at the end`, () => {
-					const {date} = getDateFromText(`Lorem Ipsum ${c}`, now)
+					const {date, foundText} = getDateFromText(`Lorem Ipsum ${c}`, now)
 					if (date === null && cases[c] === null) {
 						expect(date).toBeNull()
 						return
 					}
 
 					expect(`${date?.getFullYear()}-${date?.getMonth() + 1}-${date?.getDate()}`).toBe(cases[c])
+					expect(foundText.trim()).toBe(c)
 				})
 				it(`should parse '${c}' as '${cases[c]}' with the date at the beginning`, () => {
-					const {date} = getDateFromText(`${c} Lorem Ipsum`, now)
+					const {date, foundText} = getDateFromText(`${c} Lorem Ipsum`, now)
 					if (date === null && cases[c] === null) {
 						expect(date).toBeNull()
 						return
 					}
 
 					expect(`${date?.getFullYear()}-${date?.getMonth() + 1}-${date?.getDate()}`).toBe(cases[c])
+					expect(foundText.trim()).toBe(c)
 				})
 			}
 		})
@@ -532,6 +555,20 @@ describe('Parse Task Text', () => {
 					expect(`${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()} ${date.getHours()}:${date.getMinutes()}`).toBe(cases[c])
 				})
 			}
+
+			it('should replace the text in title case', () => {
+				const {date, newText} = parseDate('Some task Mar 8th', now)
+
+				expect(`${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()} ${date.getHours()}:${date.getMinutes()}`).toBe('2021-3-8 12:0')
+				expect(newText).toBe('Some task')
+			})
+
+			it('should replace the text in lowercase', () => {
+				const {date, newText} = parseDate('Some task mar 8th', now)
+
+				expect(`${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()} ${date.getHours()}:${date.getMinutes()}`).toBe('2021-3-8 12:0')
+				expect(newText).toBe('Some task')
+			})
 		})
 	})
 

src/views/project/ProjectGantt.vue

@@ -54,7 +54,7 @@ import {useI18n} from 'vue-i18n'
 import type {RouteLocationNormalized} from 'vue-router'
 
 import {useBaseStore} from '@/stores/base'
-import {useAuthStore} from '@/stores/auth'
+import { getFlatpickrLanguage } from '@/helpers/dayLocale'
 
 import Foo from '@/components/misc/flatpickr/Flatpickr.vue'
 import ProjectWrapper from '@/components/project/ProjectWrapper.vue'
@@ -126,16 +126,13 @@ const flatPickerDateRange = computed<Date[]>({
 const initialDateRange = [filters.value.dateFrom, filters.value.dateTo]
 
 const {t} = useI18n({useScope: 'global'})
-const authStore = useAuthStore()
 const flatPickerConfig = computed<Options>(() => ({
 	altFormat: t('date.altFormatShort'),
 	altInput: true,
 	defaultDate: initialDateRange,
 	enableTime: false,
 	mode: 'range',
-	locale: {
-		firstDayOfWeek: authStore.settings.weekStart,
-	},
+	locale: getFlatpickrLanguage(),
 }))
 </script>
 

src/views/user/settings/ApiTokens.vue

@@ -10,9 +10,9 @@ import {MILLISECONDS_A_DAY} from '@/constants/date'
 import flatPickr from 'vue-flatpickr-component'
 import 'flatpickr/dist/flatpickr.css'
 import {useI18n} from 'vue-i18n'
-import {useAuthStore} from '@/stores/auth'
 import Message from '@/components/misc/message.vue'
 import type {IApiToken} from '@/modelTypes/IApiToken'
+import { getFlatpickrLanguage } from '@/helpers/dayLocale'
 
 const service = new ApiTokenService()
 const tokens = ref<IApiToken[]>([])
@@ -32,18 +32,16 @@ const showDeleteModal = ref<boolean>(false)
 const tokenToDelete = ref<IApiToken>()
 
 const {t} = useI18n()
-const authStore = useAuthStore()
 
 const now = new Date()
+
 const flatPickerConfig = computed(() => ({
 	altFormat: t('date.altFormatLong'),
 	altInput: true,
 	dateFormat: 'Y-m-d H:i',
 	enableTime: true,
 	time_24hr: true,
-	locale: {
-		firstDayOfWeek: authStore.settings.weekStart,
-	},
+	locale: getFlatpickrLanguage(),
 	minDate: now,
 }))