From d3e7e67b9175b0f4dc882629a0252d356d19123f Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.io>
Date: Thu, 11 Sep 2025 09:13:26 +0200
Subject: [PATCH] Fix: use locale string for change request time badge.
 (#10651)

Uses the user's preferred date / time formatting for the scheduled at
time in CR schedule badges.

Before (en-US formatting):
<img width="291" height="58" alt="image"
src="https://github.com/user-attachments/assets/edb04292-4678-4bfd-93a1-8fd2a3f01a1f"
/>

After (ja formatting):
<img width="308" height="106" alt="image"
src="https://github.com/user-attachments/assets/9828355f-0c23-4b8f-bef3-a0173e92c306"
/>
---
 .../ChangeRequestStatusBadge/ChangeRequestStatusBadge.tsx   | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/component/changeRequest/ChangeRequestStatusBadge/ChangeRequestStatusBadge.tsx b/frontend/src/component/changeRequest/ChangeRequestStatusBadge/ChangeRequestStatusBadge.tsx
index 1cef5d297a..4092281ce6 100644
--- a/frontend/src/component/changeRequest/ChangeRequestStatusBadge/ChangeRequestStatusBadge.tsx
+++ b/frontend/src/component/changeRequest/ChangeRequestStatusBadge/ChangeRequestStatusBadge.tsx
@@ -8,6 +8,7 @@ import Close from '@mui/icons-material/Close';
 import ErrorIcon from '@mui/icons-material/Error';
 import PauseCircle from '@mui/icons-material/PauseCircle';
 import { HtmlTooltip } from 'component/common/HtmlTooltip/HtmlTooltip';
+import { useLocationSettings } from 'hooks/useLocationSettings';
 
 interface IChangeRequestStatusBadgeProps {
     changeRequest: ChangeRequestType | undefined;
@@ -59,7 +60,10 @@ export const ChangeRequestStatusBadge: VFC<IChangeRequestStatusBadgeProps> = ({
             );
         case 'Scheduled': {
             const { schedule } = changeRequest;
-            const scheduledAt = new Date(schedule.scheduledAt).toLocaleString();
+            const { locationSettings } = useLocationSettings();
+            const scheduledAt = new Date(schedule.scheduledAt).toLocaleString(
+                locationSettings.locale,
+            );
 
             const { color, icon, tooltipTitle } = (() => {
                 switch (schedule.status) {