fix: worktime table input fix

src/pages/AdminPage/tabs/WorkTimeTable/hooks/useWorkTableColumns.tsx

@@ -36,13 +36,13 @@ const useWorkTableColumns = ({
                                  setSelectedCells,
                                  selectedBoundaries,
                                  range,
-}: Props) => {
+                             }: Props) => {
     const totalAmount = useMemo(() => {
         return data.reduce((acc, value) => {
             if (value.data) {
                 const sum = value.data.reduce(
                     (innerAcc, item) => innerAcc + item.amount,
-                    0
+                    0,
                 );
                 return acc + sum;
             }
@@ -111,7 +111,7 @@ const useWorkTableColumns = ({
                     onClick: () => {
                         const result = processSelectedCells(
                             selectedCells,
-                            cell.id
+                            cell.id,
                         );
                         setSelectedCells(result);
                     },
@@ -119,21 +119,27 @@ const useWorkTableColumns = ({
                 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                 // @ts-expect-error
                 Cell: ({ cell, row }) => {
-                    return (
+                    let prevValue = formatValue(cell.renderValue());
-                        <Flex direction={"column"}>
+
-                            <Input
+                    const onAccept = (value: string) => {
-                                component={IMaskInput}
+                        if (value === prevValue) return;
-                                mask="00:00"
+                        prevValue = value;
-                                onAccept={value => {
                         return /^\d\d:\d\d$/.test(value) &&
                             onUpdate(
                                 date.toDate(),
                                 row.original.userId,
                                 value,
                             );
-                                }}
+                    }
+
+                    return (
+                        <Flex direction={"column"}>
+                            <Input
+                                component={IMaskInput}
+                                mask="00:00"
+                                onAccept={onAccept}
                                 styles={{ input: { textAlign: "center" } }}
-                                defaultValue={formatValue(cell.renderValue())}
+                                value={formatValue(cell.renderValue())}
                             />
                         </Flex>
                     );