change icon field and handle change value field type number

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>
   );