diff --git a/src/lib/components/layout/ChatsModal.svelte b/src/lib/components/layout/ChatsModal.svelte
index 8e8d0722ff..cb8c99e423 100644
--- a/src/lib/components/layout/ChatsModal.svelte
+++ b/src/lib/components/layout/ChatsModal.svelte
@@ -4,8 +4,10 @@
import dayjs from 'dayjs';
import localizedFormat from 'dayjs/plugin/localizedFormat';
+ import calendar from 'dayjs/plugin/calendar'
dayjs.extend(localizedFormat);
+ dayjs.extend(calendar);
import { deleteChatById } from '$lib/apis/chats';
@@ -242,7 +244,14 @@
- {dayjs(chat?.updated_at * 1000).calendar()}
+ {$i18n.t(dayjs(chat?.updated_at * 1000).calendar(null, {
+ sameDay: '[Today]',
+ nextDay: '[Tomorrow]',
+ nextWeek: 'dddd',
+ lastDay: '[Yesterday]',
+ lastWeek: '[Last] dddd',
+ sameElse: 'L' // use localized format, otherwise dayjs.calendar() defaults to DD/MM/YYYY
+ }))}
diff --git a/src/lib/components/layout/SearchModal.svelte b/src/lib/components/layout/SearchModal.svelte
index 6aed01d145..0311cfbaf6 100644
--- a/src/lib/components/layout/SearchModal.svelte
+++ b/src/lib/components/layout/SearchModal.svelte
@@ -9,6 +9,7 @@
import Spinner from '../common/Spinner.svelte';
import dayjs from '$lib/dayjs';
+ import localizedFormat from 'dayjs/plugin/localizedFormat';
import calendar from 'dayjs/plugin/calendar';
import Loader from '../common/Loader.svelte';
import { createMessagesList } from '$lib/utils';
@@ -18,6 +19,7 @@
import PencilSquare from '../icons/PencilSquare.svelte';
import PageEdit from '../icons/PageEdit.svelte';
dayjs.extend(calendar);
+ dayjs.extend(localizedFormat);
export let show = false;
export let onClose = () => {};
@@ -387,7 +389,14 @@
- {dayjs(chat?.updated_at * 1000).calendar()}
+ {$i18n.t(dayjs(chat?.updated_at * 1000).calendar(null, {
+ sameDay: '[Today]',
+ nextDay: '[Tomorrow]',
+ nextWeek: 'dddd',
+ lastDay: '[Yesterday]',
+ lastWeek: '[Last] dddd',
+ sameElse: 'L' // use localized format, otherwise dayjs.calendar() defaults to DD/MM/YYYY
+ }))}
{/each}
diff --git a/src/lib/dayjs.js b/src/lib/dayjs.js
index 4c7b55fff1..cb1373e138 100644
--- a/src/lib/dayjs.js
+++ b/src/lib/dayjs.js
@@ -101,5 +101,6 @@ import 'dayjs/locale/yo';
import 'dayjs/locale/zh';
import 'dayjs/locale/zh-tw';
import 'dayjs/locale/et';
+import 'dayjs/locale/en-gb'
export default dayjs;
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 55afa03a57..9408604da6 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -54,6 +54,7 @@
import AppSidebar from '$lib/components/app/AppSidebar.svelte';
import Spinner from '$lib/components/common/Spinner.svelte';
import { getUserSettings } from '$lib/apis/users';
+ import dayjs from 'dayjs';
const unregisterServiceWorkers = async () => {
if ('serviceWorker' in navigator) {
@@ -666,6 +667,7 @@
? backendConfig.default_locale
: bestMatchingLanguage(languages, browserLanguages, 'en-US');
changeLanguage(lang);
+ dayjs.locale(lang);
}
if (backendConfig) {