OSB-31: child panel implementation, V2.1

LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/LatestObservations.js

@@ -72,8 +72,8 @@ class SORow extends Component {
                   <div className='popover-header'>{data.observation_id}</div>
                   <div>
 
-                    <strong>Start:</strong> { start_datetime}<br/>
-                    <strong>End:</strong> { end_datetime }<br/>
+                    <strong>Start:</strong> { moment.utc(start_datetime).format(datetime_format) }<br/>
+                    <strong>End:</strong> { moment.utc(end_datetime).format(datetime_format) }<br/>
                     <strong>Mode:</strong> { mode.join(',') }<br/>
                     <Table size="sm" className="so-table table-wrapper">
                         <thead><tr><th>Station name</th><th>errors</th></tr></thead>

LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationOverview.js

@@ -94,11 +94,11 @@ class StationTestBadgeC extends Component {
                     <tbody>
                         <tr>
                             <th>Start:</th>
-                            <td>{data.start_datetime}</td>
+                            <td>{moment.utc(data.start_datetime).format(datetime_format)}</td>
                         </tr>
                         <tr>
                             <th>End:</th>
-                            <td>{data.end_datetime}</td>
+                            <td>{moment.utc(data.end_datetime).format(datetime_format)}</td>
                         </tr>
                         <tr>
                             <th>Checks:</th>
@@ -179,11 +179,11 @@ class RTSMBadge extends Component {
                     <tbody>
                         <tr>
                             <th>Start:</th>
-                            <td>{data.start_datetime}</td>
+                            <td>{moment.utc(data.start_datetime).format(datetime_format)}</td>
                         </tr>
                         <tr>
                             <th>End:</th>
-                            <td>{data.end_datetime}</td>
+                            <td>{moment.utc(data.end_datetime).format(datetime_format)}</td>
                         </tr>
                         <tr>
                             <th>Mode:</th>