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 = ({ ); 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) {