diff --git a/frontend/DM.Web.Modern.Temp/src/components/dates/HumanDate.vue b/frontend/DM.Web.Modern.Temp/src/components/dates/HumanDate.vue
index a53572f8..d1a76692 100644
--- a/frontend/DM.Web.Modern.Temp/src/components/dates/HumanDate.vue
+++ b/frontend/DM.Web.Modern.Temp/src/components/dates/HumanDate.vue
@@ -5,8 +5,12 @@
 <script setup lang="ts">
 import { computed } from "vue";
 import dayjs from "dayjs";
+import { useI18n } from "vue-i18n";
 
 const props = defineProps<{ date: string; format: string }>();
+const { locale } = useI18n();
 
-const humanDate = computed(() => dayjs(props.date).format(props.format));
+const humanDate = computed(() =>
+  dayjs(props.date).locale(locale.value).format(props.format),
+);
 </script>
diff --git a/frontend/DM.Web.Modern.Temp/src/components/dates/HumanTimespan.vue b/frontend/DM.Web.Modern.Temp/src/components/dates/HumanTimespan.vue
index 2e1819f1..cb9dd528 100644
--- a/frontend/DM.Web.Modern.Temp/src/components/dates/HumanTimespan.vue
+++ b/frontend/DM.Web.Modern.Temp/src/components/dates/HumanTimespan.vue
@@ -5,8 +5,12 @@
 <script setup lang="ts">
 import { computed } from "vue";
 import dayjs from "dayjs";
+import { useI18n } from "vue-i18n";
 
 const props = defineProps<{ date: string }>();
+const { locale } = useI18n();
 
-const humanTimespan = computed(() => dayjs(props.date).fromNow());
+const humanTimespan = computed(() =>
+  dayjs(props.date).locale(locale.value).fromNow(),
+);
 </script>
diff --git a/frontend/DM.Web.Modern.Temp/src/stores/ui.ts b/frontend/DM.Web.Modern.Temp/src/stores/ui.ts
index 9a227092..cd640f77 100644
--- a/frontend/DM.Web.Modern.Temp/src/stores/ui.ts
+++ b/frontend/DM.Web.Modern.Temp/src/stores/ui.ts
@@ -3,6 +3,7 @@ import { ref } from "vue";
 import { ColorSchema } from "@/api/models/community";
 import { useUserStore } from "@/stores/user";
 import i18n from "@/i18n";
+import dayjs from "dayjs";
 
 export const useUiStore = defineStore("ui", () => {
   const theme = ref(ColorSchema.Modern);