change icon field and handle change value field type number

app/component/EditField.js

@@ -19,12 +19,12 @@ function EditField({
     <div className="relative w-full">
       <TextField
         {...props}
-        value={data?.value}
         rows={multiline}
+        value={data?.value}
         multiline={multiline}
-        disabled={noDisable ? false : !data?.isEdit}
-        placeholder={placeholder || ""}
         type={type || "text"}
+        placeholder={placeholder || ""}
+        disabled={noDisable ? false : !data?.isEdit}
         className={`!w-full res-field-account dark:!bg-transparent ${
           isTransparent ? "!bg-transparent lg:!bg-[#FFF]" : "!bg-[#FFF]"
         }`}

app/component/TimePickerField.js

@@ -2,7 +2,7 @@ import { useRef, useState } from "react";
 import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
 import { LocalizationProvider, TimePicker } from "@mui/x-date-pickers";
 import { handleTwoLength } from "@/helper";
-import ClockP from "@/components/icons/ClockP";
+import ClockField from "@/components/icons/ClockField";
 
 function TimePickerField({ dataChange, isVacation, disable, timeStart, data }) {
   const input = useRef();
@@ -93,7 +93,7 @@ function TimePickerField({ dataChange, isVacation, disable, timeStart, data }) {
         className="absolute left-[12px] top-1/2 -translate-y-1/2 cursor-pointer"
         onClick={openTimePicker}
       >
-        <ClockP />
+        <ClockField />
       </div>
     </div>
   );

app/component/element/AutoCompleteSelect.js

@@ -7,7 +7,7 @@ function AutoCompleteSelect({ list, isError, updateData, name, label }) {
     <Autocomplete
       disablePortal
       options={list}
-      className="!w-full !rounded-lg"
+      className="!w-full !rounded-lg auto-complete-selector"
       onChange={(event) => {
         updateData && updateData(event.target.innerText, "value", name);
       }}