set icon for timepicker field and set deafult step to 0

app/component/TimePickerField.js

@@ -1,7 +1,8 @@
-import { useEffect, useRef, useState } from "react";
+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";
 
 function TimePickerField({ dataChange, isVacation, disable, timeStart, data }) {
   const input = useRef();
@@ -88,15 +89,12 @@ function TimePickerField({ dataChange, isVacation, disable, timeStart, data }) {
           {value}
         </p>
       </LocalizationProvider>
-      {/* <button
-        onClick={() => {
-          console.log(input);
-
-          input.current.open = true;
-        }}
+      <div
+        className="absolute left-[12px] top-1/2 -translate-y-1/2 cursor-pointer"
+        onClick={openTimePicker}
       >
-        test
-      </button> */}
+        <ClockP />
+      </div>
     </div>
   );
 }