fix date format

extensions/default/src/Panels/PanelStudyBrowser.jsx

@@ -1,6 +1,8 @@
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { StudyBrowser, useImageViewer } from '@ohif/ui';
+import { StudyBrowser, useImageViewer, utils } from '@ohif/ui';
+
+const { getFormattedDate } = utils;
 
 /**
  *
@@ -37,7 +39,7 @@ function PanelStudyBrowser({
       const actuallyMappedStudies = mappedStudies.map(qidoStudy => {
         return {
           studyInstanceUid: qidoStudy.StudyInstanceUID,
-          date: qidoStudy.StudyDate,
+          date: getFormattedDate(qidoStudy.StudyDate),
           description: qidoStudy.StudyDescription,
           modalities: qidoStudy.ModalitiesInStudy,
           numInstances: qidoStudy.NumInstances,
@@ -151,11 +153,11 @@ function PanelStudyBrowser({
     );
     const updatedExpandedStudyInstanceUIDs = shouldCollapseStudy
       ? // eslint-disable-next-line prettier/prettier
-      [
+        [
-        ...expandedStudyInstanceUIDs.filter(
+          ...expandedStudyInstanceUIDs.filter(
-          stdyUid => stdyUid !== StudyInstanceUID
+            stdyUid => stdyUid !== StudyInstanceUID
-        ),
+          ),
-      ]
+        ]
       : [...expandedStudyInstanceUIDs, StudyInstanceUID];
 
     setExpandedStudyInstanceUIDs(updatedExpandedStudyInstanceUIDs);

extensions/dicom-sr/src/OHIFCornerstoneSRViewport.js

@@ -5,10 +5,11 @@ import cornerstone from 'cornerstone-core';
 
 import CornerstoneViewport from 'react-cornerstone-viewport';
 import OHIF from '@ohif/core';
-import { ViewportActionBar, useViewportGrid } from '@ohif/ui';
+import { ViewportActionBar, useViewportGrid, utils } from '@ohif/ui';
 import TOOL_NAMES from './constants/toolNames';
 import id from './id';
 
+const { getFormattedDate } = utils;
 const scrollToIndex = cornerstoneTools.importInternal('util/scrollToIndex');
 
 // const cine = viewportSpecificData.cine;
@@ -245,7 +246,7 @@ function OHIFCornerstoneSRViewport({
           label: _viewportLabels[firstViewportIndexWithMatchingDisplaySetUid],
           isTracked: false,
           isLocked: false,
-          studyDate: StudyDate,
+          studyDate: getFormattedDate(StudyDate),
           currentSeries: SeriesNumber,
           seriesDescription: SeriesDescription,
           modality: Modality,

extensions/measurement-tracking/src/panels/PanelStudyBrowserTracking/PanelStudyBrowserTracking.jsx

@@ -1,8 +1,10 @@
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { StudyBrowser, useImageViewer, useViewportGrid } from '@ohif/ui';
+import { StudyBrowser, useImageViewer, useViewportGrid, utils } from '@ohif/ui';
 import { useTrackedMeasurements } from '../../getContextModule';
 
+const { getFormattedDate } = utils;
+
 /**
  *
  * @param {*} param0
@@ -71,7 +73,7 @@ function PanelStudyBrowserTracking({
       const actuallyMappedStudies = mappedStudies.map(qidoStudy => {
         return {
           studyInstanceUid: qidoStudy.StudyInstanceUID,
-          date: qidoStudy.StudyDate,
+          date: getFormattedDate(qidoStudy.StudyDate),
           description: qidoStudy.StudyDescription,
           modalities: qidoStudy.ModalitiesInStudy,
           numInstances: qidoStudy.NumInstances,
@@ -201,10 +203,10 @@ function PanelStudyBrowserTracking({
     );
     const updatedExpandedStudyInstanceUIDs = shouldCollapseStudy
       ? [
-        ...expandedStudyInstanceUIDs.filter(
+          ...expandedStudyInstanceUIDs.filter(
-          stdyUid => stdyUid !== StudyInstanceUID
+            stdyUid => stdyUid !== StudyInstanceUID
-        ),
+          ),
-      ]
+        ]
       : [...expandedStudyInstanceUIDs, StudyInstanceUID];
 
     setExpandedStudyInstanceUIDs(updatedExpandedStudyInstanceUIDs);

extensions/measurement-tracking/src/viewports/TrackedCornerstoneViewport.js

@@ -9,9 +9,12 @@ import {
   ViewportActionBar,
   useViewportGrid,
   useViewportDialog,
+  utils,
 } from '@ohif/ui';
 import { useTrackedMeasurements } from './../getContextModule';
 
+const { getFormattedDate } = utils;
+
 // TODO -> Get this list from the list of tracked measurements.
 const {
   ArrowAnnotateTool,
@@ -228,7 +231,7 @@ function TrackedCornerstoneViewport({
           label: _viewportLabels[firstViewportIndexWithMatchingDisplaySetUid],
           isTracked: trackedSeries.includes(SeriesInstanceUID),
           isLocked: false,
-          studyDate: SeriesDate, // TODO: This is series date. Is that ok?
+          studyDate: getFormattedDate(SeriesDate), // TODO: This is series date. Is that ok?
           currentSeries: SeriesNumber,
           seriesDescription: SeriesDescription,
           modality: Modality,

platform/ui/src/utils/getFormattedDate.js

@@ -0,0 +1,12 @@
+import moment from 'moment';
+
+/**
+ * Format date
+ *
+ * @param {string} date Date to be formatted
+ * @param {string} format Desired date format
+ * @returns {string} Formatted date
+ */
+export default (date, format = 'DD-MMM-YYYY') => {
+  return moment(date).format(format);
+};

platform/ui/src/utils/index.js

@@ -1,7 +1,8 @@
 import getMockedStudies from './getMockedStudies';
+import getFormattedDate from './getFormattedDate';
 
-const utils = { getMockedStudies };
+const utils = { getMockedStudies, getFormattedDate };
 
-export { getMockedStudies };
+export { getMockedStudies, getFormattedDate };
 
 export default utils;