const [strtDate, setStrtDate] = React.useState<Date | string | null>(null);

  React.useEffect(() => {
    if (data.strtRsvtDtm)
      setStrtDate((_) => parse(data.strtRsvtDtm, "yyyyMMddHHmmss", new Date()));
    else setStrtDate(null);
  }, [data]);

return (<DateTimePicker
            label="Delevery date"
            value={strtDate}
            onChange={(newValue, keyboardInputValue) => {
              let result = keyboardInputValue;
              if (newValue && newValue.toString() !== "Invalid Date") {
                result = format(new Date(newValue), "yyyyMMddHHmmss");
              }
              setData({ ...data, strtRsvtDtm: result ?? "" });
              // 화면에 갱신 문제로 이렇게 처리 해야함... :(
              setStrtDate(newValue);
            }}
            // minDate={parse(endDate, 'yyyyMMdd', new Date())}
            inputFormat="yyyy-MM-dd HH:mm:ss"
            mask="____-__-__ __:__:__"
            disableOpenPicker={false}
            ampm={false}
            renderInput={(dProps) => (
              <TextField
                {...dProps}
                variant="outlined"
                sx=
                {...makeErrorProps(errorState, "strtRsvtDtm")}
              />
            )}
          />)