send in prop as date object

src/components/Job/JobDetails.tsx

@@ -32,6 +32,8 @@ const createAlert = (type: Status, message: string) => {
 };
 
 const getDeploymentDetails = (operation: JobDetails) => {
+  const startTime = operation?.startTime ?? operation?.createdAt;
+
   return {
     user: (
       <InternalLink
@@ -63,8 +65,8 @@ const getDeploymentDetails = (operation: JobDetails) => {
     ),
     duration: operation?.finishedAt ? (
       <Duration
-        createOrStartDate={operation?.startTime ?? operation?.createdAt}
-        finishedAt={operation?.finishedAt}
+        createOrStartDate={startTime && new Date(startTime)}
+        finishedAt={operation?.finishedAt && new Date(operation?.finishedAt)}
         textOnly
       />
     ) : (

src/components/Job/JobTable/JobStatusColumn.tsx

@@ -12,9 +12,9 @@ export const JobStatusColumn = ({ job }: JobStatusColumnProps) => (
     <Stack gap={0.5}>
       <JobStatus status={job.status} />
       <StartAndDuration
-        createdAt={job.createdAt}
-        startTime={job?.startTime}
-        finishedAt={job?.finishedAt}
+        createdAt={job.createdAt && new Date(job.createdAt)}
+        startTime={job.startTime && new Date(job.startTime)}
+        finishedAt={job.finishedAt && new Date(job.finishedAt)}
       />
     </Stack>
   </Stack>