fix: apply datetime selection immediately

frontend/src/components/DateTimePicker.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React from 'react';
 import DatePicker, { registerLocale } from 'react-datepicker';
 import { ko } from 'date-fns/locale';
 import 'react-datepicker/dist/react-datepicker.css';
@@ -22,46 +22,22 @@ function fromLocalString(value: string): Date | null {
   return value ? new Date(value) : null;
 }
 
-export const DateTimePicker: React.FC<Props> = ({ value, onChange, placeholder }) => {
-  const [open, setOpen] = useState(false);
-  const [draft, setDraft] = useState<Date | null>(fromLocalString(value));
-
-  useEffect(() => {
-    setDraft(fromLocalString(value));
-  }, [value]);
-
-  const confirm = () => {
-    if (draft) {
-      onChange(toLocalString(draft));
-    }
-    setOpen(false);
-  };
-
-  return (
-    <DatePicker
-      selected={draft}
-      onChange={(d: Date | null) => setDraft(d)}
-      open={open}
-      onInputClick={() => setOpen(true)}
-      onCalendarOpen={() => setOpen(true)}
-      onClickOutside={() => setOpen(false)}
-      showTimeSelect
-      timeIntervals={5}
-      timeCaption="시간"
-      timeFormat="a h:mm"
-      dateFormat="yyyy.MM.dd (eee) a h:mm"
-      dateFormatCalendar="yyyy.MM"
-      locale="ko"
-      shouldCloseOnSelect={false}
-      placeholderText={placeholder ?? '날짜와 시간을 선택하세요'}
-      className="dt-input"
-      popperClassName="acs-datepicker"
-    >
-      <div className="dt-actions">
-        <button type="button" className="btn-primary dt-confirm" onClick={confirm}>
-          입력
-        </button>
-      </div>
-    </DatePicker>
-  );
-};
+export const DateTimePicker: React.FC<Props> = ({ value, onChange, placeholder }) => (
+  <DatePicker
+    selected={fromLocalString(value)}
+    onChange={(d: Date | null) => {
+      if (d) onChange(toLocalString(d));
+    }}
+    showTimeSelect
+    timeIntervals={5}
+    timeCaption="시간"
+    timeFormat="a h:mm"
+    dateFormat="yyyy.MM.dd (eee) a h:mm"
+    dateFormatCalendar="yyyy.MM"
+    locale="ko"
+    shouldCloseOnSelect={false}
+    placeholderText={placeholder ?? '날짜와 시간을 선택하세요'}
+    className="dt-input"
+    popperClassName="acs-datepicker"
+  />
+);