diff --git a/app/package.json b/app/package.json
index bf75782a..070941e5 100644
--- a/app/package.json
+++ b/app/package.json
@@ -19,7 +19,7 @@
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "bootstrap-vue": "^2.23.1",
-    "date-fns": "^2.29.3",
+    "date-fns": "^3.3.1",
     "fork-awesome": "^1.2.0",
     "simple-evaluate": "^1.4.6",
     "vue": "3.3.4",
diff --git a/app/src/i18n/helpers.js b/app/src/i18n/helpers.js
index 1899f1ca..bc25555f 100644
--- a/app/src/i18n/helpers.js
+++ b/app/src/i18n/helpers.js
@@ -90,9 +90,7 @@ export async function loadLocaleMessages(locale) {
 async function loadDateFnsLocale(locale) {
   const dateFnsLocaleName = supportedLocales[locale].dateFnsLocale || locale
   dateFnsLocale = (
-    await import(
-      `../../node_modules/date-fns/esm/locale/${dateFnsLocaleName}/index.js`
-    )
+    await import(`../../node_modules/date-fns/locale/${dateFnsLocaleName}.mjs`)
   ).default
 }
 
diff --git a/app/vite.config.js b/app/vite.config.js
index 01fb6825..c1997d07 100644
--- a/app/vite.config.js
+++ b/app/vite.config.js
@@ -68,9 +68,7 @@ export default defineConfig(({ command, mode }) => {
             }
             // Split date-fns locales
             if (id.includes('date-fns')) {
-              const match = /.*\/date-fns\/esm\/locale\/([\w-]+)\/.*\.js/.exec(
-                id,
-              )
+              const match = /.*\/date-fns\/locale\/([\w-]+)\/.*\.mjs/.exec(id)
               if (match) {
                 if (supportedDatefnsLocales.includes(match[1])) {
                   return `locales/${match[1]}/date-fns`