fix(single-value): Convert date metrics to correct timezone.

Author: daves-weblab

CHANGE_LOG.md

@@ -1,3 +1,9 @@
+# 0.0.7
+
+## Changes
+
+- Single values now convert dates to the timezone of the app if possible.
+
 # 0.0.6
 
 ## Changes

package-lock.json

@@ -50,7 +50,7 @@
     "lodash-es": "^4.17.21",
     "react-query": "^3.39.0",
     "recoil": "^0.6.1",
-    "@modbros/dashboard-sdk": "0.0.11",
-    "@modbros/dashboard-core": "0.0.18"
+    "@modbros/dashboard-sdk": "0.0.12",
+    "@modbros/dashboard-core": "0.0.19"
   }
 }

package.json

@@ -10,7 +10,8 @@ import {
   useMetricFieldValueType,
   useNumberField,
   useSelectField,
-  useStringField
+  useStringField,
+  useConvertDateToTimezone
 } from '@modbros/dashboard-sdk'
 import styled from 'styled-components'
 import { isEmpty, isNumber } from 'lodash-es'
@@ -60,6 +61,8 @@ const Value: FunctionComponent<ChannelValueProp> = (props) => {
   const { channelValue } = props
   const { value } = channelValue
 
+  const convertDate = useConvertDateToTimezone()
+
   const precision = useNumberField({ field: 'precision', defaultValue: 0 })
   const valueFont = useFontField({ field: 'value_font' })
   const valueFontSize = useNumberField({ field: 'value_font_size' })
@@ -86,7 +89,7 @@ const Value: FunctionComponent<ChannelValueProp> = (props) => {
   }
 
   if (valueType === 'date') {
-    const dateValue = new Date(v)
+    const dateValue = convertDate(new Date(v))
     const time =
       timeFormat === '12h'
         ? format12h(dateValue, hideSeconds)