feat(Indicator): format date, datetime and time data

gisce · Feb 7, 2025 · d655596 · d655596
1 parent f609ac5
commit d655596
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/widgets/custom/Indicator.tsx b/src/widgets/custom/Indicator.tsx
@@ -20,6 +20,7 @@ import {
 import { GraphCard } from "../views/Graph";
 import { useFormContext } from "@/context/FormContext";
 import styled from "styled-components";
+import dayjs from "@/helpers/dayjs";
 const { useToken } = theme;
 
 type IndicatorProps = WidgetProps & {
@@ -72,6 +73,19 @@ const IndicatorInput = (props: IndicatorInputProps) => {
     formattedValue = ooui.selectionValues.get(value);
   } else if (Array.isArray(value)) {
     formattedValue = value[1];
+  } else if (
+    ooui.fieldType === "date" ||
+    ooui.fieldType === "time" ||
+    ooui.fieldType === "datetime"
+  ) {
+    const formats = {
+      date: "DD/MM/YYYY",
+      time: "HH:mm",
+      datetime: "DD/MM/YYYY HH:mm",
+    };
+    formattedValue = value
+      ? dayjs(value).format(formats[ooui.fieldType as keyof typeof formats])
+      : " ";
   }
   const field = (
     <Statistic