feat: timezone support via gettimeoffset awslabs#2663

packages/react-components/src/components/chart/baseChart.tsx

@@ -18,6 +18,7 @@ import { useChartConfiguration } from './chartOptions/useChartConfiguration';
 
 import './chart.css';
 import { useTrendCursors } from '../../echarts/extensions/trendCursors';
+import { getAdjustedTime } from '../../utils/time';
 import { useChartStoreDataStreamsSync } from './hooks/useChartStoreDataStreamsSync';
 import useIsRefreshing from './hooks/useIsrefreshing';
 import { convertViewportToMs } from './viewport/convertViewportToMs';
@@ -60,8 +61,8 @@ const BaseChart = ({
 
   // Convert viewport timestamps to ms
   const { initial, end } = convertViewportToMs(viewport);
-  const timestampStart = new Date(initial).toLocaleString();
-  const timestampEnd = new Date(end).toLocaleString();
+  const timestampStart = getAdjustedTime(new Date(initial)).toLocaleString();
+  const timestampEnd = getAdjustedTime(new Date(end)).toLocaleString();
 
   // Setup instance of echarts
   const { ref, chartRef } = useECharts(options?.theme);

packages/react-components/src/utils/time.ts

@@ -155,3 +155,24 @@ export const parseDuration = (duration: number | string): number => {
   // if duration is a string but we cannot parse it, we default to 10 mins.
   return parsedTime != null ? parsedTime : 10 * MINUTE_IN_MS;
 };
+
+type TimeOffsetFunction = (date: Date) => number;
+
+export const getAdjustedTime = (
+  date: Date,
+  getTimeOffset?: TimeOffsetFunction
+): Date => {
+  let timezoneOffset: number;
+
+  if (getTimeOffset) {
+    timezoneOffset = getTimeOffset(date);
+  } else {
+    timezoneOffset = new Date().getTimezoneOffset();
+  }
+
+  return new Date(date.getTime() + timezoneOffset * 60000);
+};
+
+export const getTimeOffset = (date: Date): number => {
+  return date.getTimezoneOffset();
+};