significant refactor

src/components/date-time-picker.tsx

@@ -10,13 +10,18 @@ interface DateTimePickerProps {
   [key: string]: any;
 }
 
-const DateTimePicker = ({ value, onChange, label, ...rest }: DateTimePickerProps) => {
+const DateTimePicker = ({
+  value,
+  onChange,
+  label,
+  ...rest
+}: DateTimePickerProps) => {
   const timeRef = useRef<HTMLInputElement>(null);
   const currentDate = value ? new Date(value) : null;
 
   const formatDate = (date: Date | null): string => {
     if (!date) return "";
-    return date.toISOString().split('T')[0];
+    return date.toISOString().split("T")[0];
   };
 
   const formatTime = (date: Date | null): string => {
@@ -26,35 +31,35 @@ const DateTimePicker = ({ value, onChange, label, ...rest }: DateTimePickerProps
 
   const handleDateChange = (dateString: string | null) => {
     if (!dateString) {
-      onChange('');
+      onChange("");
       return;
     }
 
-    const newDate = new Date(dateString + 'T00:00:00');
-    
+    const newDate = new Date(dateString + "T00:00:00");
+
     if (currentDate) {
       newDate.setHours(currentDate.getHours());
       newDate.setMinutes(currentDate.getMinutes());
     }
-    
+
     onChange(newDate.toISOString());
   };
 
   const handleTimeChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     const timeValue = event.target.value;
     if (!timeValue) return;
-    
-    const [hours, minutes] = timeValue.split(':').map(Number);
+
+    const [hours, minutes] = timeValue.split(":").map(Number);
     if (isNaN(hours) || isNaN(minutes)) return;
-    
+
     const baseDate = currentDate || new Date();
     const newDate = new Date(baseDate);
-    
+
     newDate.setHours(hours);
     newDate.setMinutes(minutes);
     newDate.setSeconds(0);
     newDate.setMilliseconds(0);
-    
+
     onChange(newDate.toISOString());
   };
 
@@ -73,9 +78,9 @@ const DateTimePicker = ({ value, onChange, label, ...rest }: DateTimePickerProps
         value={formatTime(currentDate)}
         onChange={handleTimeChange}
         rightSection={
-          <ActionIcon 
-            variant="subtle" 
-            color="gray" 
+          <ActionIcon
+            variant="subtle"
+            color="gray"
             onClick={() => timeRef.current?.showPicker()}
           >
             <ClockIcon size={16} />
@@ -87,4 +92,4 @@ const DateTimePicker = ({ value, onChange, label, ...rest }: DateTimePickerProps
   );
 };
 
-export { DateTimePicker };
+export { DateTimePicker };