From 79f9d529d3670ee3e345fc5724f1ac4d57bce213 Mon Sep 17 00:00:00 2001
From: Adela Almasan <88068998+adela-almasan@users.noreply.github.com>
Date: Thu, 6 Jun 2024 12:08:05 -0600
Subject: [PATCH] VizTooltip: Format header value (#88726)

---
 public/app/plugins/panel/timeseries/TimeSeriesTooltip.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/public/app/plugins/panel/timeseries/TimeSeriesTooltip.tsx b/public/app/plugins/panel/timeseries/TimeSeriesTooltip.tsx
index 8e480af4ffa..f9982d9898c 100644
--- a/public/app/plugins/panel/timeseries/TimeSeriesTooltip.tsx
+++ b/public/app/plugins/panel/timeseries/TimeSeriesTooltip.tsx
@@ -1,7 +1,7 @@
 import { css } from '@emotion/css';
 import React, { ReactNode } from 'react';
 
-import { DataFrame, Field, FieldType } from '@grafana/data';
+import { DataFrame, Field, FieldType, formattedValueToString } from '@grafana/data';
 import { SortOrder, TooltipDisplayMode } from '@grafana/schema/dist/esm/common/common.gen';
 import { useStyles2 } from '@grafana/ui';
 import { VizTooltipContent } from '@grafana/ui/src/components/VizTooltip/VizTooltipContent';
@@ -52,8 +52,7 @@ export const TimeSeriesTooltip = ({
   const styles = useStyles2(getStyles);
 
   const xField = series.fields[0];
-
-  const xVal = xField.display!(xField.values[dataIdxs[0]!]).text;
+  const xVal = formattedValueToString(xField.display!(xField.values[dataIdxs[0]!]));
 
   const contentItems = getContentItems(
     series.fields,