feat: Add date/time template options to template titles

app/utils/date.ts

@@ -6,7 +6,15 @@ import {
   differenceInCalendarYears,
   format as formatDate,
 } from "date-fns";
+import { startCase } from "lodash";
 import { TFunction } from "react-i18next";
+import {
+  getCurrentDateAsString,
+  getCurrentDateTimeAsString,
+  getCurrentTimeAsString,
+  unicodeCLDRtoBCP47,
+} from "@shared/utils/date";
+import User from "~/models/User";
 import { dateLocale } from "~/utils/i18n";
 
 export function dateToHeading(
@@ -62,3 +70,21 @@ export function dateToHeading(
     locale,
   });
 }
+
+/**
+ * Replaces template variables in the given text with the current date and time.
+ *
+ * @param text The text to replace the variables in
+ * @param user The user to get the language/locale from
+ * @returns The text with the variables replaced
+ */
+export function replaceTitleVariables(text: string, user?: User) {
+  const locales = user?.language
+    ? unicodeCLDRtoBCP47(user.language)
+    : undefined;
+
+  return text
+    .replace("{date}", startCase(getCurrentDateAsString(locales)))
+    .replace("{time}", startCase(getCurrentTimeAsString(locales)))
+    .replace("{datetime}", startCase(getCurrentDateTimeAsString(locales)));
+}

app/utils/language.ts

@@ -1,4 +1,5 @@
 import { i18n } from "i18next";
+import { unicodeCLDRtoBCP47 } from "@shared/utils/date";
 import Desktop from "./Desktop";
 
 export function detectLanguage() {
@@ -14,7 +15,7 @@ export function changeLanguage(
   if (toLanguageString && i18n.language !== toLanguageString) {
     // Languages are stored in en_US format in the database, however the
     // frontend translation framework (i18next) expects en-US
-    const locale = toLanguageString.replace("_", "-");
+    const locale = unicodeCLDRtoBCP47(toLanguageString);
     i18n.changeLanguage(locale);
 
     Desktop.bridge?.setSpellCheckerLanguages(["en-US", locale]);