@dbcdk/react-components 0.0.181 → 0.0.183

package/dist/utils/date/formatDate.cjs

@@ -9,41 +9,53 @@ function formatDate(date, options = {}) {
     userFriendlyLabel = false,
     timeOnly = false,
     ignoreDate = false,
-    ignoreDateIfSame = false
+    ignoreDateIfSame = false,
+    ignoreTimezone = false
   } = options;
   const useTimeOnly = timeOnly || ignoreDate;
   const pad = (n) => n.toString().padStart(2, "0");
-  const formatTime = () => {
-    const hours = pad(d.getHours());
-    const minutes = pad(d.getMinutes());
+  const parts = (dt, useUTC) => ({
+    date: useUTC ? dt.getUTCDate() : dt.getDate(),
+    month: useUTC ? dt.getUTCMonth() : dt.getMonth(),
+    year: useUTC ? dt.getUTCFullYear() : dt.getFullYear(),
+    hours: useUTC ? dt.getUTCHours() : dt.getHours(),
+    minutes: useUTC ? dt.getUTCMinutes() : dt.getMinutes(),
+    seconds: useUTC ? dt.getUTCSeconds() : dt.getSeconds()
+  });
+  const dParts = parts(d, ignoreTimezone);
+  const formatTime = (p) => {
+    const hours = pad(p.hours);
+    const minutes = pad(p.minutes);
     if (!showSeconds) return `${hours}:${minutes}`;
-    const seconds = pad(d.getSeconds());
+    const seconds = pad(p.seconds);
     return `${hours}:${minutes}:${seconds}`;
   };
-  const isSameCalendarDay = (a, b) => a.getDate() === b.getDate() && a.getMonth() === b.getMonth() && a.getFullYear() === b.getFullYear();
+  const isSameCalendarDay = (a, b) => a.date === b.date && a.month === b.month && a.year === b.year;
   if (useTimeOnly) {
-    return formatTime();
+    return formatTime(dParts);
   }
-  if (ignoreDateIfSame && isSameCalendarDay(d, /* @__PURE__ */ new Date())) {
-    return formatTime();
+  const nowParts = parts(/* @__PURE__ */ new Date(), false);
+  if (ignoreDateIfSame && isSameCalendarDay(dParts, nowParts)) {
+    return formatTime(dParts);
   }
   if (userFriendlyLabel) {
     const now = /* @__PURE__ */ new Date();
     const yesterday = new Date(now);
     yesterday.setDate(now.getDate() - 1);
-    if (isSameCalendarDay(d, now)) {
-      return showTime ? `I dag, kl. ${formatTime()}` : "I dag";
+    const yesterdayParts = parts(yesterday, false);
+    if (isSameCalendarDay(dParts, nowParts)) {
+      return showTime ? `I dag, kl. ${formatTime(dParts)}` : "I dag";
     }
-    if (isSameCalendarDay(d, yesterday)) {
-      return showTime ? `I g\xE5r, kl. ${formatTime()}` : "I g\xE5r";
+    if (isSameCalendarDay(dParts, yesterdayParts)) {
+      return showTime ? `I g\xE5r, kl. ${formatTime(dParts)}` : "I g\xE5r";
     }
   }
-  const day = pad(d.getDate());
-  const month = pad(d.getMonth() + 1);
-  const year = d.getFullYear();
+  const day = pad(dParts.date);
+  const month = pad(dParts.month + 1);
+  const year = dParts.year;
   const base = `${day}.${month}.${year}`;
   if (!showTime) return base;
-  return `${base} ${formatTime()}`;
+  return `${base} ${formatTime(dParts)}`;
 }
 
 exports.formatDate = formatDate;

package/dist/utils/date/formatDate.d.ts

@@ -8,6 +8,7 @@
  * - formatDate(date, { showTime: true }) => "10.03.2026 14:30"
  * - formatDate(date, { timeOnly: true }) => "14:30"
  * - formatDate(date, { showTime: true, ignoreDateIfSame: true }) => "14:30" for today, otherwise "10.03.2026 14:30"
+ * - formatDate('2026-03-10T14:30:00.000Z', { showTime: true, ignoreTimezone: true }) => "10.03.2026 14:30" regardless of the viewer's timezone
  *
  * @param date - The Date or date-parsable value to format
  * @param options.showTime - If true, append time "hh:mm" or "hh:mm:ss"
@@ -16,6 +17,11 @@
  * @param options.timeOnly - If true, return only the time portion
  * @param options.ignoreDate - Alias for timeOnly
  * @param options.ignoreDateIfSame - If true, return only the time when the date is today
+ * @param options.ignoreTimezone - If true, read the date's UTC field values verbatim instead of converting
+ *   to the viewer's local timezone. Use this when `date` already carries the intended wall-clock values in
+ *   its UTC fields (e.g. a "timestamp without time zone" DB column serialized with a trailing "Z") and any
+ *   further timezone conversion would be wrong. "I dag"/"I går" comparisons still use the viewer's real
+ *   local "today", since that part is genuinely about the viewer's current day.
  * @returns A formatted string
  */
 export declare function formatDate(date: Date | string | number, options?: {
@@ -25,4 +31,5 @@ export declare function formatDate(date: Date | string | number, options?: {
     timeOnly?: boolean;
     ignoreDate?: boolean;
     ignoreDateIfSame?: boolean;
+    ignoreTimezone?: boolean;
 }): string;

package/dist/utils/date/formatDate.js

@@ -7,41 +7,53 @@ function formatDate(date, options = {}) {
     userFriendlyLabel = false,
     timeOnly = false,
     ignoreDate = false,
-    ignoreDateIfSame = false
+    ignoreDateIfSame = false,
+    ignoreTimezone = false
   } = options;
   const useTimeOnly = timeOnly || ignoreDate;
   const pad = (n) => n.toString().padStart(2, "0");
-  const formatTime = () => {
-    const hours = pad(d.getHours());
-    const minutes = pad(d.getMinutes());
+  const parts = (dt, useUTC) => ({
+    date: useUTC ? dt.getUTCDate() : dt.getDate(),
+    month: useUTC ? dt.getUTCMonth() : dt.getMonth(),
+    year: useUTC ? dt.getUTCFullYear() : dt.getFullYear(),
+    hours: useUTC ? dt.getUTCHours() : dt.getHours(),
+    minutes: useUTC ? dt.getUTCMinutes() : dt.getMinutes(),
+    seconds: useUTC ? dt.getUTCSeconds() : dt.getSeconds()
+  });
+  const dParts = parts(d, ignoreTimezone);
+  const formatTime = (p) => {
+    const hours = pad(p.hours);
+    const minutes = pad(p.minutes);
     if (!showSeconds) return `${hours}:${minutes}`;
-    const seconds = pad(d.getSeconds());
+    const seconds = pad(p.seconds);
     return `${hours}:${minutes}:${seconds}`;
   };
-  const isSameCalendarDay = (a, b) => a.getDate() === b.getDate() && a.getMonth() === b.getMonth() && a.getFullYear() === b.getFullYear();
+  const isSameCalendarDay = (a, b) => a.date === b.date && a.month === b.month && a.year === b.year;
   if (useTimeOnly) {
-    return formatTime();
+    return formatTime(dParts);
   }
-  if (ignoreDateIfSame && isSameCalendarDay(d, /* @__PURE__ */ new Date())) {
-    return formatTime();
+  const nowParts = parts(/* @__PURE__ */ new Date(), false);
+  if (ignoreDateIfSame && isSameCalendarDay(dParts, nowParts)) {
+    return formatTime(dParts);
   }
   if (userFriendlyLabel) {
     const now = /* @__PURE__ */ new Date();
     const yesterday = new Date(now);
     yesterday.setDate(now.getDate() - 1);
-    if (isSameCalendarDay(d, now)) {
-      return showTime ? `I dag, kl. ${formatTime()}` : "I dag";
+    const yesterdayParts = parts(yesterday, false);
+    if (isSameCalendarDay(dParts, nowParts)) {
+      return showTime ? `I dag, kl. ${formatTime(dParts)}` : "I dag";
     }
-    if (isSameCalendarDay(d, yesterday)) {
-      return showTime ? `I g\xE5r, kl. ${formatTime()}` : "I g\xE5r";
+    if (isSameCalendarDay(dParts, yesterdayParts)) {
+      return showTime ? `I g\xE5r, kl. ${formatTime(dParts)}` : "I g\xE5r";
     }
   }
-  const day = pad(d.getDate());
-  const month = pad(d.getMonth() + 1);
-  const year = d.getFullYear();
+  const day = pad(dParts.date);
+  const month = pad(dParts.month + 1);
+  const year = dParts.year;
   const base = `${day}.${month}.${year}`;
   if (!showTime) return base;
-  return `${base} ${formatTime()}`;
+  return `${base} ${formatTime(dParts)}`;
 }
 
 export { formatDate };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dbcdk/react-components",
-  "version": "0.0.181",
+  "version": "0.0.183",
   "description": "Reusable React components for DBC projects",
   "license": "ISC",
   "author": "",