@zendir/ui 0.2.9 → 0.2.11

package/dist/react/astro/UnifiedTimeline.js

@@ -172,7 +172,7 @@ const EventListItem = memo(function EventListItem2({
   const hasArguments = event.arguments && Object.keys(event.arguments).length > 0;
   const argumentCount = hasArguments ? Object.keys(event.arguments).length : 0;
   const timestamps = event.timestamps || [
-    { label: "Time", value: event.start.toLocaleString(), status: event.status }
+    { label: "Time", value: event.start.toISOString().replace("T", " ").substring(0, 19) + " UTC", status: event.status }
   ];
   const displayStatus = event.badgeVariant && event.badgeVariant !== "default" && event.badgeVariant !== "primary" ? event.badgeVariant : event.status ?? "normal";
   const markerColor = tokens.colors.status[displayStatus];
@@ -439,7 +439,8 @@ const ChartView = memo(function ChartView2({
   showPlayhead = true,
   playheadTime,
   onPlayheadChange: _onPlayheadChange,
-  showDayMarkers = true
+  showDayMarkers = true,
+  timeFormat = "absolute"
 }) {
   const { tokens, theme } = useTheme();
   const isTransparentTheme = theme === "transparent" || theme === "transparent-bold" || theme === "transparent-minimal";
@@ -517,6 +518,15 @@ const ChartView = memo(function ChartView2({
     return markers;
   }, [start, end, totalDuration]);
   const formatTime = (date, showSeconds = false) => {
+    if (timeFormat === "utc") {
+      const h = String(date.getUTCHours()).padStart(2, "0");
+      const m = String(date.getUTCMinutes()).padStart(2, "0");
+      if (showSeconds) {
+        const s = String(date.getUTCSeconds()).padStart(2, "0");
+        return `${h}:${m}:${s} UTC`;
+      }
+      return `${h}:${m} UTC`;
+    }
     const options = {
       hour: "2-digit",
       minute: "2-digit",
@@ -2436,7 +2446,8 @@ const UnifiedTimeline = memo(function UnifiedTimeline2({
                   showPlayhead,
                   playheadTime,
                   onPlayheadChange: _onPlayheadChangeTimeline,
-                  showDayMarkers
+                  showDayMarkers,
+                  timeFormat
                 }
               )
             )