Add short format for datetimes

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/filters/datetime.ts

@@ -21,19 +21,52 @@ function formatTimeString(value: string): string {
   });
 }
 
-function formatDateTimeString(value: string, showTime = true): string {
+// TODO: These can be removed in favor of dateStyle/timeStyle when those two have sufficient support
-  const options: DateTimeFormatOptions = {
+// https://caniuse.com/mdn-javascript_builtins_intl_datetimeformat_datetimeformat_datestyle
-    weekday: undefined,
+const LONG_DATE_FORMAT_OPTIONS: DateTimeFormatOptions = {
-    year: "numeric",
+  weekday: undefined,
-    month: "long",
+  year: "numeric",
-    day: "numeric",
+  month: "long",
-    hour: undefined,
+  day: "numeric",
-    minute: undefined,
+  hour: undefined,
-  };
+  minute: undefined,
+};
+
+const LONG_TIME_FORMAT_OPTIONS: DateTimeFormatOptions = {
+  weekday: "long",
+  hour: "numeric",
+  minute: "numeric",
+};
+
+const SHORT_DATE_FORMAT_OPTIONS: DateTimeFormatOptions = {
+  weekday: undefined,
+  year: "numeric",
+  month: "short",
+  day: "numeric",
+  hour: undefined,
+  minute: undefined,
+};
+
+const SHORT_TIME_FORMAT_OPTIONS: DateTimeFormatOptions = {
+  weekday: "short",
+  hour: "numeric",
+  minute: "numeric",
+};
+
+function formatDateTimeString(
+  value: string,
+  showTime = true,
+  dateFormat = "long"
+): string {
+  const isLongFormat = dateFormat === "long";
+  let options = isLongFormat
+    ? LONG_DATE_FORMAT_OPTIONS
+    : SHORT_DATE_FORMAT_OPTIONS;
   if (showTime) {
-    options.weekday = "long";
+    options = {
-    options.hour = "numeric";
+      ...options,
-    options.minute = "numeric";
+      ...(isLongFormat ? LONG_TIME_FORMAT_OPTIONS : SHORT_TIME_FORMAT_OPTIONS),
+    };
   }
   const format = new Intl.DateTimeFormat(locale(), options);
   return format.format(parseDateTime(value));