From 4baf4b4afa6acb97cfdfca757a18c11eb70cbf16 Mon Sep 17 00:00:00 2001
From: Patrick Fic <>
Date: Mon, 18 Oct 2021 13:48:23 -0700
Subject: [PATCH] IO-1435 Add scheduled time to job header if scheduled.

---
 .../jobs-detail-header/jobs-detail-header.component.jsx    | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/client/src/components/jobs-detail-header/jobs-detail-header.component.jsx b/client/src/components/jobs-detail-header/jobs-detail-header.component.jsx
index 030ffcf9b..32bf610d5 100644
--- a/client/src/components/jobs-detail-header/jobs-detail-header.component.jsx
+++ b/client/src/components/jobs-detail-header/jobs-detail-header.component.jsx
@@ -16,6 +16,7 @@ import JobEmployeeAssignments from "../job-employee-assignments/job-employee-ass
 import ProductionListColumnProductionNote from "../production-list-columns/production-list-columns.productionnote.component";
 import "./jobs-detail-header.styles.scss";
 import JobsRelatedRos from "../jobs-related-ros/jobs-related-ros.component";
+import { DateTimeFormatter } from "../../utils/DateFormatter";
 
 const mapStateToProps = createStructuredSelector({
   jobRO: selectJobReadOnly,
@@ -70,6 +71,12 @@ export function JobsDetailHeader({ job, bodyshop, disabled }) {
                 {job.production_vars && job.production_vars.alert ? (
                   <ExclamationCircleFilled className="production-alert" />
                 ) : null}
+                {job.status === bodyshop.md_ro_statuses.default_scheduled &&
+                job.scheduled_in ? (
+                  <Tag>
+                    <DateTimeFormatter>{job.scheduled_in}</DateTimeFormatter>
+                  </Tag>
+                ) : null}
               </Space>
             </DataLabel>
             <DataLabel label={t("jobs.fields.ins_co_nm_short")}>