From 10c2379a347965ab3034017caceb72272de95e3e Mon Sep 17 00:00:00 2001
From: faisolavolut <faisol@avolut.com>
Date: Fri, 14 Mar 2025 12:32:07 +0700
Subject: [PATCH] fix: update time utility to improve regex validation and
 refactor TypeInput component for consistent time handling

---
 components/form/field/TypeInput.tsx | 8 +-------
 components/tablelist/TableList.tsx  | 1 -
 utils/date.ts                       | 2 +-
 3 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/components/form/field/TypeInput.tsx b/components/form/field/TypeInput.tsx
index 03e194d..189101c 100644
--- a/components/form/field/TypeInput.tsx
+++ b/components/form/field/TypeInput.tsx
@@ -30,9 +30,6 @@ export const TypeInput: React.FC<any> = ({
 
   let value: any = fm.data?.[name] || "";
 
-  if (type === "time") {
-    value = time(value) || "";
-  }
   const [rating, setRating] = useState(value); // State untuk menyimpan nilai rating
   const handleClick = (index: number) => {
     setRating(index); // Update nilai rating
@@ -70,9 +67,6 @@ export const TypeInput: React.FC<any> = ({
       const convertColor = tinycolor(meta.inputValue);
       meta.rgbValue = convertColor.toRgbString();
       meta.render();
-    } else if (type === "time") {
-      if (fm.data?.[name]) fm.data[name] = time(fm.data[name]);
-      fm.render();
     } else {
       setRating(value ? value - 1 : value);
     }
@@ -126,7 +120,7 @@ export const TypeInput: React.FC<any> = ({
       return (
         <>
           <MaskedInput
-            value={value}
+            value={time(value) || ""}
             disabled={disabled}
             className={cx(
               css`
diff --git a/components/tablelist/TableList.tsx b/components/tablelist/TableList.tsx
index 4d24f23..127beae 100644
--- a/components/tablelist/TableList.tsx
+++ b/components/tablelist/TableList.tsx
@@ -122,7 +122,6 @@ export const TableList = <T extends object>({
   onChange,
   filter = true,
 }: TableListProps<T>) => {
-  console.log({ filter });
   const [show, setShow] = useState(false as boolean);
   const [data, setData] = useState<any[]>([]);
   const sideLeft =
diff --git a/utils/date.ts b/utils/date.ts
index 327dfa1..bcb86d2 100644
--- a/utils/date.ts
+++ b/utils/date.ts
@@ -62,7 +62,7 @@ export const formatTime = (date: string | Date) => {
 
 export const time = (date: string | Date) => {
   if (date === "string") {
-    const timeFormatRegex = /^([01]\d|2[0-3]):([0-5]\d)$/;
+    const timeFormatRegex = /^(\d{2}):(\d{2})$/;
     if (timeFormatRegex.test(date)) {
       return date; // Jika sudah format HH:mm, langsung return
     }