stream-chat-react-native-core 5.32.0-beta.1 → 5.32.0-beta.3

package/src/i18n/tr.json

@@ -1,83 +1,90 @@
 {
-  "1 Reply": "",
+  "1 Reply": "1 Cevap",
   "1 Thread Reply": "1 Konu Yanıtı",
-  "Allow access to your Gallery": "",
-  "Allow camera access in device settings": "",
-  "Also send to channel": "",
-  "Are you sure you want to permanently delete this message?": "",
-  "Are you sure?": "",
-  "Block User": "",
-  "Cancel": "",
-  "Cannot Flag Message": "",
-  "Consider how your comment might make others feel and be sure to follow our Community Guidelines": "",
-  "Copy Message": "",
-  "Delete": "",
-  "Delete Message": "",
-  "Device camera is used to take photos or videos.": "",
-  "Do you want to send a copy of this message to a moderator for further investigation?": "",
-  "Edit Message": "",
-  "Edited": "",
+  "Allow access to your Gallery": "Galerinize erişime izin verin",
+  "Allow camera access in device settings": "Cihaz ayarlarında kamera erişimine izin ver",
+  "Also send to channel": "Kanala da gönder",
+  "Are you sure you want to permanently delete this message?": "Bu mesajı kalıcı olarak silmek istediğinizden emin misiniz?",
+  "Are you sure?": "Emin misiniz?",
+  "Block User": "Kullanıcıyı engelle",
+  "Cancel": "İptal",
+  "Cannot Flag Message": "Raporlama Başarısız",
+  "Consider how your comment might make others feel and be sure to follow our Community Guidelines": "Yorumunuzun diğerlerini nasıl hissettirebileceğini düşünün ve topluluk kurallarımızı takip ettiğinizden emin olun",
+  "Copy Message": "Mesajı Kopyala",
+  "Delete": "Sil",
+  "Delete Message": "Mesajı Sil",
+  "Device camera is used to take photos or videos.": "Cihaz kamerası fotoğraf veya video çekmek için kullanılır.",
+  "Do you want to send a copy of this message to a moderator for further investigation?": "Detaylı inceleme için bu mesajın kopyasını moderatöre göndermek istiyor musunuz?",
+  "Edit Message": "Mesajı Düzenle",
+  "Edited": "Düzenlendi",
   "Editing Message": "Mesaj Düzenleniyor",
-  "Emoji matching": "",
-  "Empty message...": "",
-  "Error loading": "",
-  "Error loading channel list...": "",
-  "Error loading messages for this channel...": "",
-  "Error while loading, please reload/refresh": "",
-  "File is too large: {{ size }}, maximum upload size is {{ limit }}": "",
-  "File type not supported": "",
-  "Flag": "",
-  "Flag Message": "",
-  "Flag action failed either due to a network issue or the message is already flagged": "",
-  "Hold to start recording.": "",
-  "How about sending your first message to a friend?": "",
-  "Instant Commands": "",
-  "Let's start chatting!": "",
-  "Links are disabled": "",
-  "Loading channels...": "",
-  "Loading messages...": "",
-  "Loading...": "",
-  "Message Reactions": "",
+  "Emoji matching": "Emoji eşleştirme",
+  "Empty message...": "Boş mesaj...",
+  "Error loading": "Yükleme hatası",
+  "Error loading channel list...": "Kanal listesi yüklenirken hata oluştu...",
+  "Error loading messages for this channel...": "Bu kanal için mesajlar yüklenirken hata oluştu...",
+  "Error while loading, please reload/refresh": "Yüklenirken hata oluştu, lütfen tekrar deneyiniz",
+  "File is too large: {{ size }}, maximum upload size is {{ limit }}": "Dosya çok büyük: {{ size }}, maksimum yükleme boyutu {{ limit }}",
+  "File type not supported": "Dosya türü desteklenmiyor",
+  "Flag": "Raporla",
+  "Flag Message": "Mesajı Raporla",
+  "Flag action failed either due to a network issue or the message is already flagged": "Mesajın daha önce raporlanmış olması veya bir ağ bağlantısı sorunu nedeniyle raporlama işlemi başarısız oldu.",
+  "Hold to start recording.": "Kayıt yapmak için basılı tutun.",
+  "How about sending your first message to a friend?": "İlk mesajınızı bir arkadaşınıza göndermeye ne dersiniz?",
+  "Instant Commands": "Anlık Komutlar",
+  "Let's start chatting!": "Haydi sohbete başlayalım!",
+  "Links are disabled": "Bağlantılar devre dışı",
+  "Loading channels...": "Kanallar yükleniyor...",
+  "Loading messages...": "Mesajlar yükleniyor...",
+  "Loading...": "Yükleniyor...",
+  "Message Reactions": "Mesaj Tepkileri",
   "Message deleted": "Mesaj silindi",
-  "Message flagged": "",
-  "Mute User": "",
-  "No chats here yet…": "",
-  "Not supported": "",
-  "Nothing yet...": "",
-  "Ok": "",
+  "Message flagged": "Mesaj işaretlendi",
+  "Mute User": "Kullanıcıyı sessize al",
+  "No chats here yet…": "Henüz burada sohbet yok…",
+  "Not supported": "Desteklenmiyor",
+  "Nothing yet...": "Henüz değil...",
+  "Ok": "Tamam",
   "Only visible to you": "Sadece siz görebilirsiniz",
-  "Open Settings": "",
+  "Open Settings": "Ayarları aç",
   "Photo": "Fotoğraf",
-  "Photos and Videos": "",
-  "Pin to Conversation": "",
+  "Photos and Videos": "Fotoğraflar ve Videolar",
+  "Pin to Conversation": "Konuşmaya sabitle",
   "Pinned by": "Tarafından sabitlendi",
-  "Please allow Audio permissions in settings.": "",
-  "Please enable access to your photos and videos so you can share them.": "",
-  "Please select a channel first": "",
+  "Please allow Audio permissions in settings.": "Lütfen ayarlarda ses izinlerine izin verin",
+  "Please enable access to your photos and videos so you can share them.": "Paylaşım yapabilmek için lutfen fotoğraflarınıza ve videolarınıza erişimi etkinleştirin.",
+  "Please select a channel first": "Lütfen önce bir kanal seçiniz",
   "Reconnecting...": "Yeniden Bağlanılıyor...",
-  "Reply": "",
-  "Reply to Message": "",
-  "Resend": "",
+  "Reply": "Yanıtla",
+  "Reply to Message": "Mesajı Yanıtla",
+  "Resend": "Yeniden gönder",
   "Search GIFs": "GIF Ara",
-  "Select More Photos": "",
-  "Send Anyway": "",
+  "Select More Photos": "Daha Fazla Fotoğraf Seçin",
+  "Send Anyway": "Yine de Gönder",
   "Send a message": "Mesaj gönder",
-  "Sending links is not allowed in this conversation": "",
+  "Sending links is not allowed in this conversation": "Bu konuşmada bağlantı göndermek desteklenmiyor",
   "Slow mode ON": "Yavaş Mod Açık",
-  "The message has been reported to a moderator.": "",
-  "Thread Reply": "",
-  "Unblock User": "",
-  "Unknown User": "",
-  "Unmute User": "",
-  "Unpin from Conversation": "",
-  "Unread Messages": "",
+  "The message has been reported to a moderator.": "Mesaj moderatöre bildirildi.",
+  "Thread Reply": "Konu Yanıtı",
+  "Unblock User": "Kullanıcının engelini kaldır",
+  "Unknown User": "Bilinmeyen kullanıcı",
+  "Unmute User": "Kullanıcının sesini aç",
+  "Unpin from Conversation": "Sabitlemeyi kaldır",
+  "Unread Messages": "Okunmamış Mesajlar",
   "Video": "Video",
   "You": "Sen",
-  "You can't send messages in this channel": "",
+  "You can't send messages in this channel": "Bu konuşmaya mesaj gönderemezsiniz",
+  "timestamp/ChannelPreviewStatus": "{{ timestamp | timestampFormatter(calendar: true; calendarFormats: {\"lastDay\":\"[Dün]\",\"lastWeek\":\"dddd\",\"nextDay\":\"[Yarın]\",\"nextWeek\":\"dddd [saat] LT\",\"sameDay\":\"LT\",\"sameElse\":\"L\"}) }}",
+  "timestamp/ImageGalleryHeader": "{{ timestamp | timestampFormatter(calendar: true) }}",
+  "timestamp/InlineDateSeparator": "{{ timestamp | timestampFormatter(calendar: true) }}",
+  "timestamp/MessageEditedTimestamp": "{{ timestamp | timestampFormatter(calendar: true) }}",
+  "timestamp/MessageSystem": "{{ timestamp | timestampFormatter(calendar: true) }}",
+  "timestamp/MessageTimestamp": "{{ timestamp | timestampFormatter(format: LT) }}",
+  "timestamp/StickyHeader": "{{ timestamp | timestampFormatter(calendar: true) }}",
   "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} ve {{ nonSelfUserLength }} kişi daha yazıyor",
-  "{{ index }} of {{ photoLength }}": "",
-  "{{ replyCount }} Replies": "",
+  "{{ index }} of {{ photoLength }}": "{{ index }} / {{ photoLength }}",
+  "{{ replyCount }} Replies": "{{ replyCount }} Cevap",
   "{{ replyCount }} Thread Replies": "{{responseCount}} Konu Cevapı",
   "{{ user }} is typing": "{{ user }} yazıyor",
-  "🏙 Attachment...": ""
+  "🏙 Attachment...": "🏙 Ek..."
 }

package/src/index.ts

@@ -1,3 +1,6 @@
+/** i18next polyfill to handle intl format for pluralization. For more info see https://www.i18next.com/misc/json-format#i-18-next-json-v4 */
+import 'intl-pluralrules';
+
 export * from './components';
 export * from './hooks';
 export { registerNativeHandlers, NetInfo, iOS14RefreshGallerySelection } from './native';
@@ -9,7 +12,7 @@ export * from './icons';
 export * from './types/types';
 
 export * from './utils/patchMessageTextCommand';
-export * from './utils/Streami18n';
+export * from './utils/i18n/Streami18n';
 export * from './utils/utils';
 export * from './utils/StreamChatRN';
 

package/src/utils/__tests__/Streami18n.test.js

@@ -4,7 +4,7 @@ import localeData from 'dayjs/plugin/localeData';
 
 import frTranslations from '../../i18n/fr.json';
 import nlTranslations from '../../i18n/nl.json';
-import { Streami18n } from '../Streami18n';
+import { Streami18n } from '../i18n/Streami18n';
 
 Dayjs.extend(localeData);
 
@@ -183,3 +183,25 @@ describe('setLanguage - switch to french', () => {
     }
   });
 });
+
+describe('formatters property', () => {
+  it('contains the default timestampFormatter', () => {
+    expect(new Streami18n().formatters.timestampFormatter).toBeDefined();
+  });
+  it('allows to override the default timestampFormatter', async () => {
+    const i18n = new Streami18n({
+      formatters: { timestampFormatter: () => () => 'custom' },
+      translationsForLanguage: { abc: '{{ value | timestampFormatter }}' },
+    });
+    await i18n.init();
+    expect(i18n.t('abc')).toBe('custom');
+  });
+  it('allows to add new custom formatter', async () => {
+    const i18n = new Streami18n({
+      formatters: { customFormatter: () => () => 'custom' },
+      translationsForLanguage: { abc: '{{ value | customFormatter }}' },
+    });
+    await i18n.init();
+    expect(i18n.t('abc')).toBe('custom');
+  });
+});

package/src/utils/{Streami18n.ts → i18n/Streami18n.ts}

@@ -8,19 +8,26 @@ import i18n, { FallbackLng, TFunction } from 'i18next';
 
 import type moment from 'moment';
 
-import type { TDateTimeParser } from '../contexts/translationContext/TranslationContext';
-import enTranslations from '../i18n/en.json';
-import esTranslations from '../i18n/es.json';
-import frTranslations from '../i18n/fr.json';
-import heTranslations from '../i18n/he.json';
-import hiTranslations from '../i18n/hi.json';
-import itTranslations from '../i18n/it.json';
-import jaTranslations from '../i18n/ja.json';
-import koTranslations from '../i18n/ko.json';
-import nlTranslations from '../i18n/nl.json';
-import ptBRTranslations from '../i18n/pt-BR.json';
-import ruTranslations from '../i18n/ru.json';
-import trTranslations from '../i18n/tr.json';
+import { calendarFormats } from './calendarFormats';
+import {
+  CustomFormatters,
+  PredefinedFormatters,
+  predefinedFormatters,
+} from './predefinedFormatters';
+
+import type { TDateTimeParser } from '../../contexts/translationContext/TranslationContext';
+import enTranslations from '../../i18n/en.json';
+import esTranslations from '../../i18n/es.json';
+import frTranslations from '../../i18n/fr.json';
+import heTranslations from '../../i18n/he.json';
+import hiTranslations from '../../i18n/hi.json';
+import itTranslations from '../../i18n/it.json';
+import jaTranslations from '../../i18n/ja.json';
+import koTranslations from '../../i18n/ko.json';
+import nlTranslations from '../../i18n/nl.json';
+import ptBRTranslations from '../../i18n/pt-br.json';
+import ruTranslations from '../../i18n/ru.json';
+import trTranslations from '../../i18n/tr.json';
 
 import 'dayjs/locale/es';
 import 'dayjs/locale/fr';
@@ -41,7 +48,7 @@ import 'dayjs/locale/tr';
  */
 import 'dayjs/locale/en';
 
-import type { DefaultStreamChatGenerics } from '../types/types';
+import type { DefaultStreamChatGenerics } from '../../types/types';
 
 const defaultNS = 'translation';
 const defaultLng = 'en';
@@ -49,6 +56,7 @@ const defaultLng = 'en';
 Dayjs.extend(updateLocale);
 
 Dayjs.updateLocale('en', {
+  calendar: calendarFormats.en,
   format: {
     L: 'DD/MM/YYYY',
     LL: 'D MMMM YYYY',
@@ -59,37 +67,18 @@ Dayjs.updateLocale('en', {
   },
 });
 
-Dayjs.updateLocale('nl', {
-  calendar: {
-    lastDay: '[gisteren om] LT',
-    lastWeek: '[afgelopen] dddd [om] LT',
-    nextDay: '[morgen om] LT',
-    nextWeek: 'dddd [om] LT',
-    sameDay: '[vandaag om] LT',
-    sameElse: 'L',
-  },
+Dayjs.updateLocale('es', {
+  calendar: calendarFormats.es,
 });
-
-Dayjs.updateLocale('it', {
-  calendar: {
-    lastDay: '[Ieri alle] LT',
-    lastWeek: '[lo scorso] dddd [alle] LT',
-    nextDay: '[Domani alle] LT',
-    nextWeek: 'dddd [alle] LT',
-    sameDay: '[Oggi alle] LT',
-    sameElse: 'L',
-  },
+Dayjs.updateLocale('fr', {
+  calendar: calendarFormats.fr,
+});
+Dayjs.updateLocale('he', {
+  calendar: calendarFormats.he,
 });
 
 Dayjs.updateLocale('hi', {
-  calendar: {
-    lastDay: '[कल] LT',
-    lastWeek: '[पिछले] dddd, LT',
-    nextDay: '[कल] LT',
-    nextWeek: 'dddd, LT',
-    sameDay: '[आज] LT',
-    sameElse: 'L',
-  },
+  calendar: calendarFormats.hi,
 
   /**
    * Hindi notation for meridiems are quite fuzzy in practice. While there exists
@@ -116,35 +105,26 @@ Dayjs.updateLocale('hi', {
 
   meridiemParse: /रात|सुबह|दोपहर|शाम/,
 });
-
-Dayjs.updateLocale('fr', {
-  calendar: {
-    lastDay: '[Hier à] LT',
-    lastWeek: 'dddd [dernier à] LT',
-    nextDay: '[Demain à] LT',
-    nextWeek: 'dddd [à] LT',
-    sameDay: '[Aujourd’hui à] LT',
-    sameElse: 'L',
-  },
+Dayjs.updateLocale('it', {
+  calendar: calendarFormats.it,
 });
-
-Dayjs.updateLocale('tr', {
-  calendar: {
-    lastDay: '[dün] LT',
-    lastWeek: '[geçen] dddd [saat] LT',
-    nextDay: '[yarın saat] LT',
-    nextWeek: '[gelecek] dddd [saat] LT',
-    sameDay: '[bugün saat] LT',
-    sameElse: 'L',
-  },
+Dayjs.updateLocale('ja', {
+  calendar: calendarFormats.ja,
+});
+Dayjs.updateLocale('ko', {
+  calendar: calendarFormats.ko,
+});
+Dayjs.updateLocale('nl', {
+  calendar: calendarFormats.nl,
+});
+Dayjs.updateLocale('pt-br', {
+  calendar: calendarFormats['pt-br'],
 });
-
 Dayjs.updateLocale('ru', {
-  calendar: {
-    lastDay: '[Вчера, в] LT',
-    nextDay: '[Завтра, в] LT',
-    sameDay: '[Сегодня, в] LT',
-  },
+  calendar: calendarFormats.ru,
+});
+Dayjs.updateLocale('tr', {
+  calendar: calendarFormats.tr,
 });
 
 const en_locale = {
@@ -171,11 +151,12 @@ const en_locale = {
 const isDayJs = (dateTimeParser: typeof Dayjs | typeof moment): dateTimeParser is typeof Dayjs =>
   (dateTimeParser as typeof Dayjs).extend !== undefined;
 
-type Options = {
+type Streami18nOptions = {
   DateTimeParser?: typeof Dayjs | typeof moment;
   dayjsLocaleConfigForLanguage?: Partial<ILocale>;
   debug?: boolean;
   disableDateTimeTranslations?: boolean;
+  formatters?: Partial<PredefinedFormatters> & CustomFormatters;
   language?: string;
   logger?: (msg?: string) => void;
   translationsForLanguage?: Partial<typeof enTranslations>;
@@ -184,7 +165,7 @@ type Options = {
 type I18NextConfig = {
   debug: boolean;
   fallbackLng: false | FallbackLng;
-  interpolation: { escapeValue: boolean };
+  interpolation: { escapeValue: boolean; formatSeparator: string };
   keySeparator: false | string;
   lng: string;
   nsSeparator: false | string;
@@ -405,6 +386,7 @@ export class Streami18n {
   logger: (msg?: string) => void;
   currentLanguage: string;
   DateTimeParser: typeof Dayjs | typeof moment;
+  formatters: PredefinedFormatters & CustomFormatters = predefinedFormatters;
   isCustomDateTimeParser: boolean;
   i18nextConfig: I18NextConfig;
 
@@ -434,7 +416,7 @@ export class Streami18n {
    *
    * @param {*} options
    */
-  constructor(options: Options = {}, i18nextConfig: Partial<I18NextConfig> = {}) {
+  constructor(options: Streami18nOptions = {}, i18nextConfig: Partial<I18NextConfig> = {}) {
     const finalOptions = {
       ...defaultStreami18nOptions,
       ...options,
@@ -445,6 +427,7 @@ export class Streami18n {
 
     this.currentLanguage = finalOptions.language;
     this.DateTimeParser = finalOptions.DateTimeParser;
+    this.formatters = { ...predefinedFormatters, ...options?.formatters };
 
     try {
       /**
@@ -491,7 +474,7 @@ export class Streami18n {
     this.i18nextConfig = {
       debug: finalOptions.debug,
       fallbackLng: false,
-      interpolation: { escapeValue: false },
+      interpolation: { escapeValue: false, formatSeparator: '|' },
       keySeparator: false,
       lng: this.currentLanguage,
       nsSeparator: false,
@@ -556,6 +539,12 @@ export class Streami18n {
         this.onTFunctionOverrideListeners.forEach((listener) => listener(this.t));
       }
       this.initialized = true;
+      if (this.formatters) {
+        Object.entries(this.formatters).forEach(([name, formatterFactory]) => {
+          if (!formatterFactory) return;
+          this.i18nInstance.services.formatter?.add(name, formatterFactory(this));
+        });
+      }
     } catch (error) {
       this.logger(`Something went wrong with init: ${JSON.stringify(error)}`);
     }

package/src/utils/i18n/calendarFormats.ts

@@ -0,0 +1,110 @@
+type CalendarFormats = {
+  lastDay: string;
+  lastWeek: string;
+  nextDay: string;
+  nextWeek: string;
+  sameDay: string;
+  sameElse: string;
+};
+
+/**
+ * Calendar formats for different languages.
+ */
+export const calendarFormats: Record<string, CalendarFormats> = {
+  en: {
+    lastDay: '[Yesterday]',
+    lastWeek: 'dddd',
+    nextDay: '[Tomorrow]',
+    nextWeek: 'dddd [at] LT',
+    sameDay: '[Today]',
+    sameElse: 'L',
+  },
+  es: {
+    lastDay: '[Ayer]',
+    lastWeek: 'dddd',
+    nextDay: '[Mañana]',
+    nextWeek: 'dddd [a las] LT',
+    sameDay: '[Hoy]',
+    sameElse: 'L',
+  },
+  fr: {
+    lastDay: '[Hier]',
+    lastWeek: 'dddd',
+    nextDay: '[Demain]',
+    nextWeek: 'dddd [à] LT',
+    sameDay: "[Aujourd'hui]",
+    sameElse: 'L',
+  },
+  he: {
+    lastDay: '[אתמול]',
+    lastWeek: 'dddd',
+    nextDay: '[מחר]',
+    nextWeek: 'dddd [בשעה] LT',
+    sameDay: '[היום]',
+    sameElse: 'L',
+  },
+  hi: {
+    lastDay: '[कल]',
+    lastWeek: 'dddd',
+    nextDay: '[कल]',
+    nextWeek: 'dddd [को] LT',
+    sameDay: '[आज]',
+    sameElse: 'L',
+  },
+  it: {
+    lastDay: '[Ieri]',
+    lastWeek: 'dddd',
+    nextDay: '[Domani]',
+    nextWeek: 'dddd [alle] LT',
+    sameDay: '[Oggi]',
+    sameElse: 'L',
+  },
+  ja: {
+    lastDay: '[昨日]',
+    lastWeek: 'dddd',
+    nextDay: '[明日]',
+    nextWeek: 'dddd [の] LT',
+    sameDay: '[今日]',
+    sameElse: 'L',
+  },
+  ko: {
+    lastDay: '[어제]',
+    lastWeek: 'dddd',
+    nextDay: '[내일]',
+    nextWeek: 'dddd [LT에]',
+    sameDay: '[오늘]',
+    sameElse: 'L',
+  },
+  nl: {
+    lastDay: '[Gisteren]',
+    lastWeek: 'dddd',
+    nextDay: '[Morgen]',
+    nextWeek: 'dddd [om] LT',
+    sameDay: '[Vandaag]',
+    sameElse: 'L',
+  },
+  'pt-br': {
+    lastDay: '[Ontem]',
+    lastWeek: 'dddd',
+    nextDay: '[Amanhã]',
+    nextWeek: 'dddd [às] LT',
+    sameDay: '[Hoje]',
+    sameElse: 'L',
+  },
+  ru: {
+    lastDay: '[Вчера]',
+    lastWeek: 'dddd',
+    nextDay: '[Завтра]',
+    nextWeek: 'dddd [в] LT',
+    sameDay: '[Сегодня]',
+    sameElse: 'L', // L is the localized date format
+  },
+  tr: {
+    lastDay: '[Dün]',
+    lastWeek: 'dddd',
+    nextDay: '[Yarın]',
+    nextWeek: 'dddd [saat] LT',
+    sameDay: '[Bugün]',
+    sameElse: 'L',
+  },
+};

package/src/utils/i18n/getDateString.ts

@@ -0,0 +1,76 @@
+import type { TimestampFormatterOptions } from './predefinedFormatters';
+
+import {
+  isDayOrMoment,
+  TranslatorFunctions,
+} from '../../contexts/translationContext/TranslationContext';
+
+type DateFormatterOptions = TimestampFormatterOptions &
+  Partial<TranslatorFunctions> & {
+    /**
+     * The timestamp to be formatted.
+     */
+    date?: string | Date;
+    /*
+     * Lookup key in the language corresponding translations sheet to perform date formatting
+     */
+    timestampTranslationKey?: string;
+  };
+
+export const noParsingFunctionWarning =
+  'MessageTimestamp was called but there is no datetime parsing function available';
+
+/**
+ * Utility function to format the date string.
+ */
+export function getDateString({
+  calendar,
+  calendarFormats,
+  date,
+  format,
+  t,
+  tDateTimeParser,
+  timestampTranslationKey,
+}: DateFormatterOptions): string | number | undefined {
+  if (!date || (typeof date === 'string' && !Date.parse(date))) {
+    return;
+  }
+
+  if (!tDateTimeParser) {
+    console.log(noParsingFunctionWarning);
+    return;
+  }
+
+  if (t && timestampTranslationKey) {
+    const options: TimestampFormatterOptions = {};
+    if (typeof calendar !== 'undefined' && calendar !== null) {
+      options.calendar = calendar;
+    }
+    if (typeof calendarFormats !== 'undefined' && calendarFormats !== null) {
+      options.calendarFormats = calendarFormats;
+    }
+    if (typeof format !== 'undefined' && format !== null) {
+      options.format = format;
+    }
+    const translatedTimestamp = t(timestampTranslationKey, {
+      ...options,
+      timestamp: new Date(date),
+    });
+    const translationKeyFound = timestampTranslationKey !== translatedTimestamp;
+    if (translationKeyFound) return translatedTimestamp;
+  }
+
+  const parsedTime = tDateTimeParser(date);
+
+  if (isDayOrMoment(parsedTime)) {
+    /**
+     * parsedTime.calendar is guaranteed on the type but is only
+     * available when a user calls dayjs.extend(calendar)
+     */
+    return calendar && parsedTime.calendar
+      ? parsedTime.calendar(undefined, calendarFormats)
+      : parsedTime.format(format);
+  }
+
+  return new Date(date).toDateString();
+}