@cloudtower/eagle 0.0.0-testid-rc-0 → 0.0.0-theme-rc-1

package/dist/cjs/coreX/CronPlan/index.js

@@ -0,0 +1,492 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var iconsReact = require('@cloudtower/icons-react');
+var parrot = require('@cloudtower/parrot');
+var core = require('@linaria/core');
+var index = require('../../core/AccordionCard/index.js');
+var index$4 = require('../../core/Button/index.js');
+var index$3 = require('../../core/Fields/index.js');
+var index$5 = require('../../core/ParrotTrans/index.js');
+var index$2 = require('../../core/Switch/index.js');
+var index$6 = require('../../core/TimePicker/index.js');
+var index$1 = require('../../core/Typo/index.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var antd = require('antd');
+var dayjs = require('dayjs');
+var _ = require('lodash');
+var moment = require('moment');
+var React = require('react');
+var cronTime = require('../../utils/cron-time.js');
+var time = require('../../utils/time.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
+var ___default = /*#__PURE__*/_interopDefault(_);
+var moment__default = /*#__PURE__*/_interopDefault(moment);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) {
+    if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+  }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const CronPlanWrapper = "E_0_0_0_theme_rc_1_c1up1pdz";
+const CronPlanHeader = "E_0_0_0_theme_rc_1_c156wh19";
+const ModeTabs = "E_0_0_0_theme_rc_1_m126spxy";
+const Wrapper = "E_0_0_0_theme_rc_1_wpbf4pq";
+const stringifyPlan = (mode, daily, weekly, monthly, i18n) => {
+  const isZh = i18n.language === parrot.ParrotLngs.zh;
+  const mark = i18n.t("components.date_mark");
+  const days_map = isZh ? WEEK_DAYS_MAP(i18n.t) : EN_WEEK_DAYS_MAP(i18n.t);
+  if (mode === "day") {
+    const time = daily.time.format("HH:mm");
+    const count = daily.step || 0;
+    return count > 1 ? i18n.t("components.every_day_with_count_and_time", {
+      count: daily.step,
+      time
+    }) : i18n.t("components.every_day_with_time", {
+      time
+    });
+  }
+  if (mode === "week") {
+    const time = weekly.time.format("HH:mm");
+    const count = weekly.step || 0;
+    const day = weekly.days.map(d => days_map[d]).join(mark);
+    const repeat_day = weekly.days.length > 0;
+    return count > 1 ? repeat_day ? i18n.t("components.every_weeks_with_count_and_day_and_time", {
+      count,
+      day,
+      time
+    }) : i18n.t("components.every_weeks_with_count_and_time", {
+      count,
+      time
+    }) : repeat_day ? i18n.t("components.every_week_with_day_and_time", {
+      time,
+      day
+    }) : i18n.t("components.every_week_with_time", {
+      time
+    });
+  }
+  if (mode === "month") {
+    const time = monthly.time.format("HH:mm");
+    const count = monthly.step || 0;
+    const day = monthly.days.join(mark);
+    const repeat_day = monthly.days.length > 0;
+    return count > 1 ? repeat_day ? i18n.t("components.every_months_with_count_and_day_and_time", {
+      count,
+      time,
+      day
+    }) : i18n.t("components.every_months_with_count_and_time", {
+      count,
+      time
+    }) : repeat_day ? i18n.t("components.every_month_with_day_and_time", {
+      day,
+      time
+    }) : i18n.t("components.every_month_with_time", {
+      time
+    });
+  }
+};
+const Mode = ({
+  mode,
+  setMode
+}) => {
+  const {
+    t
+  } = useParrotTranslation();
+  return /* @__PURE__ */React__default.default.createElement("div", {
+    className: ModeTabs
+  }, /* @__PURE__ */React__default.default.createElement(index$4, {
+    className: core.cx(mode === "day" && "active"),
+    type: "link",
+    onClick: () => setMode("day")
+  }, t("components.as_day")), /* @__PURE__ */React__default.default.createElement(index$4, {
+    className: core.cx(mode === "week" && "active"),
+    type: "link",
+    onClick: () => setMode("week")
+  }, t("components.as_week")), /* @__PURE__ */React__default.default.createElement(index$4, {
+    className: core.cx(mode === "month" && "active"),
+    type: "link",
+    onClick: () => setMode("month")
+  }, t("components.as_month")));
+};
+const Daily = ({
+  daily,
+  setDaily
+}) => {
+  return /* @__PURE__ */React__default.default.createElement("div", {
+    className: Wrapper
+  }, /* @__PURE__ */React__default.default.createElement(index$5.ParrotTrans, {
+    i18nKey: "components.day_execute_task",
+    count: daily.step
+  }, /* @__PURE__ */React__default.default.createElement(index$3.Int, {
+    meta: {},
+    input: {
+      value: daily.step,
+      onChange: value => {
+        setDaily(__spreadProps(__spreadValues({}, daily), {
+          step: value
+        }));
+      },
+      name: "daily-step",
+      onBlur() {},
+      onFocus() {},
+      maxLength: 3
+    }
+  }), /* @__PURE__ */React__default.default.createElement(index$6, {
+    format: "HH:mm",
+    value: daily.time,
+    onChange: value => {
+      if (value) {
+        setDaily(__spreadProps(__spreadValues({}, daily), {
+          time: value
+        }));
+      }
+    },
+    clearIcon: null,
+    suffixIcon: null
+  })));
+};
+const WEEK_DAYS = t => [{
+  value: 1,
+  text: t("common.monday")
+}, {
+  value: 2,
+  text: t("common.tuesday")
+}, {
+  value: 3,
+  text: t("common.wednesday")
+}, {
+  value: 4,
+  text: t("common.thursday")
+}, {
+  value: 5,
+  text: t("common.friday")
+}, {
+  value: 6,
+  text: t("common.saturday")
+}, {
+  value: 0,
+  text: t("common.sunday")
+}];
+const WEEK_DAYS_MAP = t => WEEK_DAYS(t).reduce((prev, cur) => {
+  prev[cur.value] = cur.text[1];
+  return prev;
+}, {});
+const EN_WEEK_DAYS_MAP = t => WEEK_DAYS(t).reduce((prev, cur) => {
+  prev[cur.value] = cur.text;
+  return prev;
+}, {});
+const Weekly = ({
+  weekly,
+  setWeekly
+}) => {
+  const {
+    t,
+    i18n
+  } = useParrotTranslation();
+  const week_days = React.useMemo(() => WEEK_DAYS(t), [t]);
+  return /* @__PURE__ */React__default.default.createElement("div", {
+    className: Wrapper
+  }, /* @__PURE__ */React__default.default.createElement(index$5.ParrotTrans, {
+    i18nKey: "components.week_with_below_date",
+    count: weekly.step,
+    values: {
+      day: t("components.day_date", {
+        count: weekly.days.length
+      })
+    }
+  }, /* @__PURE__ */React__default.default.createElement(index$3.Int, {
+    meta: {},
+    input: {
+      value: weekly.step,
+      onChange: value => {
+        setWeekly(__spreadProps(__spreadValues({}, weekly), {
+          step: value
+        }));
+      },
+      name: "weekly-step",
+      onBlur() {},
+      onFocus() {},
+      maxLength: 3
+    }
+  })), /* @__PURE__ */React__default.default.createElement("div", {
+    className: "options"
+  }, week_days.map(d => {
+    const active = weekly.days.includes(d.value);
+    return /* @__PURE__ */React__default.default.createElement(index$4, {
+      className: core.cx("week-day-option", active && "active", i18n.language !== parrot.ParrotLngs.zh && "en-text"),
+      type: "default",
+      key: d.value,
+      onClick: () => setWeekly(__spreadProps(__spreadValues({}, weekly), {
+        days: active ? weekly.days.filter(day => day !== d.value) : weekly.days.concat(d.value).sort((a, b) => a - b)
+      }))
+    }, d.text);
+  })), t("components.execution_time"), /* @__PURE__ */React__default.default.createElement(index$6, {
+    style: {
+      marginLeft: 0
+    },
+    format: "HH:mm",
+    value: weekly.time,
+    onChange: value => {
+      if (value) {
+        setWeekly(__spreadProps(__spreadValues({}, weekly), {
+          time: value
+        }));
+      }
+    },
+    clearIcon: null,
+    suffixIcon: null
+  }));
+};
+const MONTH_DAYS = ___default.default.range(1, 32);
+const Monthly = ({
+  monthly,
+  setMonthly
+}) => {
+  const mayNotExistDays = ___default.default.intersection(monthly.days, [29, 30, 31]);
+  const {
+    t,
+    i18n
+  } = useParrotTranslation();
+  let date;
+  if (i18n.language === parrot.ParrotLngs.en && mayNotExistDays.length === 3) {
+    date = `${mayNotExistDays[0]}, ${mayNotExistDays[1]}, or ${mayNotExistDays[2]}`;
+  } else {
+    date = mayNotExistDays.join(i18n.t("components.date_mark"));
+  }
+  return /* @__PURE__ */React__default.default.createElement("div", {
+    className: Wrapper
+  }, /* @__PURE__ */React__default.default.createElement(index$5.ParrotTrans, {
+    i18nKey: "components.month_with_below_date",
+    count: monthly.step,
+    values: {
+      day: t("components.day_date", {
+        count: monthly.days.length
+      })
+    }
+  }, /* @__PURE__ */React__default.default.createElement(index$3.Int, {
+    meta: {},
+    input: {
+      value: monthly.step,
+      onChange: value => {
+        setMonthly(__spreadProps(__spreadValues({}, monthly), {
+          step: value
+        }));
+      },
+      name: "monthly-step",
+      onBlur() {},
+      onFocus() {},
+      maxLength: 3
+    }
+  })), /* @__PURE__ */React__default.default.createElement("div", {
+    className: "options"
+  }, MONTH_DAYS.map(d => {
+    const active = monthly.days.includes(d);
+    return /* @__PURE__ */React__default.default.createElement(index$4, {
+      className: core.cx("month-day-option", active && "active"),
+      type: "default",
+      key: d,
+      onClick: () => setMonthly(__spreadProps(__spreadValues({}, monthly), {
+        days: active ? monthly.days.filter(day => day !== d) : monthly.days.concat(d).sort((a, b) => a - b)
+      }))
+    }, d);
+  }), mayNotExistDays.length > 0 && /* @__PURE__ */React__default.default.createElement("span", {
+    className: core.cx("help", index$1.Typo.Label.l4_regular)
+  }, t("components.will_excute_at_last_day_with_date", {
+    date
+  }))), t("components.execution_time"), /* @__PURE__ */React__default.default.createElement(index$6, {
+    style: {
+      marginLeft: 0
+    },
+    format: "HH:mm",
+    value: monthly.time,
+    onChange: value => {
+      if (value) {
+        setMonthly(__spreadProps(__spreadValues({}, monthly), {
+          time: value
+        }));
+      }
+    },
+    clearIcon: null,
+    suffixIcon: null
+  }));
+};
+const CronPlan = props => {
+  const {
+    value,
+    onChange,
+    onRemove
+  } = props;
+  const {
+    t,
+    i18n
+  } = useParrotTranslation();
+  const cronTime$1 = React.useMemo(() => {
+    return new cronTime.CronTime(value.expression, value.startAt);
+  }, [value]);
+  const sendAtDate = React.useMemo(() => cronTime$1.sendAt(), [cronTime$1]);
+  const changeValue = newValue => {
+    onChange(__spreadValues(__spreadValues({}, value), newValue));
+  };
+  const [mode, setMode] = React.useState(time.getMode(cronTime$1["source"]));
+  const source = cronTime$1["source"];
+  const [,,, day, month] = source.split(" ");
+  const time$1 = time.getTime(cronTime$1);
+  const [daily, setDaily] = React.useState(() => {
+    const rawDaily = time.getDaily(mode, source, time$1);
+    return __spreadProps(__spreadValues({}, rawDaily), {
+      time: moment__default.default(rawDaily.time.format())
+    });
+  });
+  const [weekly, setWeekly] = React.useState(() => {
+    const rawWeekly = time.getWeekly(mode, source, time$1);
+    return __spreadProps(__spreadValues({}, rawWeekly), {
+      time: moment__default.default(rawWeekly.time.format())
+    });
+  });
+  const [monthly, setMonthly] = React.useState(() => {
+    const rawMonthly = time.getMonthly(mode, month, day, time$1);
+    return __spreadProps(__spreadValues({}, rawMonthly), {
+      time: moment__default.default(rawMonthly.time.format())
+    });
+  });
+  React.useEffect(() => {
+    let newExpression = "";
+    let empty = false;
+    switch (mode) {
+      case "day":
+        newExpression = time.toDailyString(daily.step, dayjs__default.default(daily.time.format()));
+        break;
+      case "week":
+        newExpression = time.toWeeklyString(weekly.step, dayjs__default.default(weekly.time.format()), weekly.days);
+        if (weekly.days.length === 0) {
+          empty = true;
+        }
+        break;
+      case "month":
+        newExpression = time.toMonthlyString(monthly.step, dayjs__default.default(monthly.time.format()), monthly.days);
+        if (monthly.days.length === 0) {
+          empty = true;
+        }
+        break;
+    }
+    if (newExpression === value.expression) {
+      return;
+    }
+    changeValue({
+      expression: newExpression,
+      empty
+    });
+  }, [mode, daily, weekly, monthly]);
+  const title = stringifyPlan(mode, daily, weekly, monthly, i18n);
+  return /* @__PURE__ */React__default.default.createElement(index, {
+    className: CronPlanWrapper,
+    header: /* @__PURE__ */React__default.default.createElement("div", {
+      className: CronPlanHeader
+    }, /* @__PURE__ */React__default.default.createElement("div", {
+      className: "left"
+    }, /* @__PURE__ */React__default.default.createElement(iconsReact.ClockIcon, null), /* @__PURE__ */React__default.default.createElement("span", {
+      className: core.cx(index$1.Typo.Label.l2_regular, "title"),
+      title
+    }, title), /* @__PURE__ */React__default.default.createElement("span", {
+      className: core.cx(index$1.Typo.Label.l4_regular, "retain")
+    }, t("components.retain_with_count", {
+      count: value.retain || 1
+    }))), /* @__PURE__ */React__default.default.createElement("div", {
+      className: "right",
+      onClick: e => e.stopPropagation()
+    }, /* @__PURE__ */React__default.default.createElement("span", {
+      className: "reverse"
+    }, /* @__PURE__ */React__default.default.createElement(index$2, {
+      checked: value.enabled,
+      onChange: v => changeValue({
+        enabled: v
+      })
+    }, value.enabled ? t("common.enabled") : t("common.disabled"))), /* @__PURE__ */React__default.default.createElement("span", {
+      className: "close",
+      onClick: onRemove
+    }, /* @__PURE__ */React__default.default.createElement(iconsReact.CloseIcon, null)))),
+    expand: /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */React__default.default.createElement(Mode, {
+      mode,
+      setMode
+    }), mode === "day" && /* @__PURE__ */React__default.default.createElement(Daily, {
+      daily,
+      setDaily
+    }), mode === "week" && /* @__PURE__ */React__default.default.createElement(Weekly, {
+      weekly,
+      setWeekly
+    }), mode === "month" && /* @__PURE__ */React__default.default.createElement(Monthly, {
+      monthly,
+      setMonthly
+    }), /* @__PURE__ */React__default.default.createElement("div", {
+      className: "field-item"
+    }, /* @__PURE__ */React__default.default.createElement("label", {
+      className: index$1.Typo.Label.l3_regular_title
+    }, t("components.start_date")), /* @__PURE__ */React__default.default.createElement("div", {
+      className: "field"
+    }, /* @__PURE__ */React__default.default.createElement(antd.DatePicker, {
+      format: "YYYY/M/DD",
+      value: moment__default.default(value.startAt.toISOString()),
+      onChange: value2 => {
+        if (value2) {
+          changeValue({
+            startAt: dayjs__default.default(value2.toISOString())
+          });
+        }
+      },
+      suffixIcon: null,
+      clearIcon: null
+    }), /* @__PURE__ */React__default.default.createElement("div", {
+      className: core.cx("help", index$1.Typo.Footnote.f2_regular)
+    }, t("components.next_generate_with_date", {
+      date: sendAtDate.format("YYYY/M/DD HH:mm"),
+      interpolation: {
+        escapeValue: false
+      }
+    })))), /* @__PURE__ */React__default.default.createElement("div", {
+      className: "field-item"
+    }, /* @__PURE__ */React__default.default.createElement("label", {
+      className: index$1.Typo.Label.l3_regular_title
+    }, t("components.retain_date")), /* @__PURE__ */React__default.default.createElement("div", {
+      className: "field"
+    }, /* @__PURE__ */React__default.default.createElement(index$3.Int, {
+      suffix: t("components.count"),
+      meta: {},
+      input: {
+        value: value.retain,
+        onChange: v => changeValue({
+          retain: v
+        }),
+        onBlur() {},
+        onFocus() {},
+        name: "retain",
+        maxLength: 2
+      }
+    }), /* @__PURE__ */React__default.default.createElement("div", {
+      className: core.cx("help", index$1.Typo.Footnote.f2_regular)
+    }, t("components.will_save_one_to_thirty_report")))))
+  });
+};
+var CronPlan$1 = CronPlan;
+
+exports.default = CronPlan$1;
+exports.stringifyPlan = stringifyPlan;

package/dist/cjs/coreX/DateRangePicker/AbsoluteDate.js

@@ -0,0 +1,185 @@
+'use strict';
+
+var core = require('@linaria/core');
+var index$1 = require('../../core/Button/index.js');
+var index = require('../../core/Typo/index.js');
+var Calendar = require('./Calendar.js');
+var InputTime = require('./InputTime.js');
+var useMemoCompare = require('../../hooks/useMemoCompare.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var dayjs = require('dayjs');
+var _ = require('lodash');
+var React = require('react');
+var common = require('./common.js');
+var DateRangePicker_style = require('./DateRangePicker.style.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+function transformTime(type, day, boundaryDate) {
+  if (day) {
+    const _boundaryDate = dayjs__default.default(boundaryDate);
+    if (type === "start" && _boundaryDate.isValid()) {
+      const start = day.isBefore(_boundaryDate) ? _boundaryDate : day;
+      return [
+        common.time2string(start.hour()),
+        common.time2string(start.minute()),
+        common.time2string(start.second())
+      ];
+    }
+    if (type === "end" && _boundaryDate.isValid()) {
+      const end = day.isAfter(_boundaryDate) ? _boundaryDate : day;
+      return [
+        common.time2string(end.hour()),
+        common.time2string(end.minute()),
+        common.time2string(end.second())
+      ];
+    }
+  }
+  return ["", "", ""];
+}
+function updateDate(time, date) {
+  const [hour, minute, second] = time;
+  return common.copyDay(dayjs__default.default(date == null ? void 0 : date.format())).set("hour", parseInt(hour || "0")).set("minute", parseInt(minute || "0")).set("second", parseInt(second || "0"));
+}
+function checkMinAndMaxTimeRange(t, range, timeRange, minDate, maxDate) {
+  const [startDate, endDate] = range;
+  const [startTime, endTime] = timeRange;
+  if (!startDate && !endDate) {
+    return void 0;
+  }
+  if (!minDate && !maxDate) {
+    return void 0;
+  }
+  const _minDate = common.copyDay(dayjs__default.default(minDate));
+  const _maxDate = common.copyDay(dayjs__default.default(maxDate));
+  if (!_minDate.isValid() && !_maxDate.isValid()) {
+    return void 0;
+  }
+  if (startDate && _minDate.isValid() && startTime.filter(Boolean).length) {
+    const _startDate = common.copyDay(startDate).set("hour", parseInt(startTime[0] || "0")).set("minute", parseInt(startTime[1] || "")).set("second", parseInt(startTime[2] || "0"));
+    if (_startDate.isBefore(_minDate)) {
+      return t("components.set_start_time_failed", {
+        time: _minDate.format("HH:mm:ss")
+      });
+    }
+  }
+  if (endDate && _maxDate.isValid() && endTime.filter(Boolean).length) {
+    const _endDate = common.copyDay(endDate).set("hour", parseInt(endTime[0] || "0")).set("minute", parseInt(endTime[1] || "")).set("second", parseInt(endTime[2] || "0"));
+    if (_endDate.isAfter(_maxDate)) {
+      return t("components.set_end_time_failed", {
+        time: _maxDate.format("HH:mm:ss")
+      });
+    }
+  }
+  return void 0;
+}
+const Time = React__default.default.forwardRef((props, ref) => {
+  const { range, minDate, maxDate, onOk } = props;
+  const { t } = useParrotTranslation();
+  const initRange = useMemoCompare(range, (prev, next) => {
+    const prevStringList = prev == null ? void 0 : prev.map((item) => item == null ? void 0 : item.format());
+    const nextStringList = next == null ? void 0 : next.map((item) => item == null ? void 0 : item.format());
+    return _.isEqual(prevStringList, nextStringList);
+  });
+  const [startTime, setStartTime] = React.useState(
+    transformTime("start", initRange == null ? void 0 : initRange[0], minDate)
+  );
+  const [endTime, setEndTime] = React.useState(
+    transformTime("end", initRange == null ? void 0 : initRange[1], maxDate)
+  );
+  const [error, setError] = React.useState("");
+  const [start, end] = props.range;
+  const startDate = start == null ? void 0 : start.format("YYYY-MM-DD");
+  const endDate = end == null ? void 0 : end.format("YYYY-MM-DD");
+  function reset() {
+    setError("");
+    setStartTime(transformTime("start", initRange == null ? void 0 : initRange[0], minDate));
+    setEndTime(transformTime("end", initRange == null ? void 0 : initRange[1], maxDate));
+  }
+  React.useImperativeHandle(ref, () => ({ reset }));
+  React.useEffect(() => {
+    reset();
+  }, [initRange]);
+  const validateTimeRange = React.useMemo(() => {
+    if (startDate && endDate) {
+      let _startDate = common.copyDay(dayjs__default.default(startDate));
+      let _endDate = common.copyDay(dayjs__default.default(endDate));
+      _startDate = _startDate.set("hour", parseInt(startTime[0] || "0")).set("minute", parseInt(startTime[1] || "0")).set("second", parseInt(startTime[2] || "0"));
+      _endDate = _endDate.set("hour", parseInt(endTime[0] || "0")).set("minute", parseInt(endTime[1] || "0")).set("second", parseInt(endTime[2] || "0"));
+      return _startDate.valueOf() <= _endDate.valueOf();
+    }
+    return false;
+  }, [endDate, endTime, startDate, startTime]);
+  function handleOk() {
+    if (!startDate || !endDate) {
+      return;
+    }
+    const validateResult = checkMinAndMaxTimeRange(
+      t,
+      range,
+      [startTime, endTime],
+      minDate,
+      maxDate
+    );
+    if (validateResult) {
+      setError(validateResult);
+      return;
+    } else if (!validateTimeRange && start && end) {
+      setError(t("components.end_time_cannot_be_less_than_start_time"));
+      return;
+    } else {
+      setError("");
+    }
+    onOk([startTime, endTime]);
+  }
+  return /* @__PURE__ */ React__default.default.createElement(DateRangePicker_style.AbsoluteTimeStyle.Time, null, /* @__PURE__ */ React__default.default.createElement("div", { className: "time-input-main" }, /* @__PURE__ */ React__default.default.createElement("div", { className: "time-input-container" }, /* @__PURE__ */ React__default.default.createElement("div", { className: "start-time" }, /* @__PURE__ */ React__default.default.createElement("p", { className: core.cx("date", index.Typo.Label.l4_regular) }, startDate || t("components.start_date")), /* @__PURE__ */ React__default.default.createElement(
+    InputTime,
+    {
+      value: startTime,
+      danger: !!error,
+      onChange: setStartTime
+    }
+  )), /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("to", index.Typo.Label.l3_regular) }, t("components.to")), /* @__PURE__ */ React__default.default.createElement("div", { className: "end-time" }, /* @__PURE__ */ React__default.default.createElement("p", { className: core.cx("date", index.Typo.Label.l4_regular) }, endDate || t("components.end_date")), /* @__PURE__ */ React__default.default.createElement(InputTime, { value: endTime, danger: !!error, onChange: setEndTime }))), /* @__PURE__ */ React__default.default.createElement(index$1, { disabled: !start || !end, type: "primary", onClick: handleOk }, t("components.confirm"))), error ? /* @__PURE__ */ React__default.default.createElement("p", { className: "time-input-error" }, error) : null);
+});
+const AbsoluteDate = React__default.default.forwardRef(
+  (props, ref) => {
+    const { range, minDate, maxDate, maxRange, onChange, onOk } = props;
+    const timeRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => {
+      var _a;
+      return { reset: (_a = timeRef.current) == null ? void 0 : _a.reset };
+    });
+    function handleOk(timeRange) {
+      const [startTime, endTime] = timeRange;
+      const nowDate = dayjs__default.default();
+      const startDate = updateDate(startTime, range[0] || nowDate);
+      const endDate = updateDate(endTime, range[1] || nowDate);
+      onOk == null ? void 0 : onOk([startDate, endDate]);
+    }
+    return /* @__PURE__ */ React__default.default.createElement(DateRangePicker_style.AbsoluteTimeStyle.Wrapper, null, /* @__PURE__ */ React__default.default.createElement(
+      Calendar,
+      {
+        range,
+        minDate,
+        maxDate,
+        maxRange,
+        onChange
+      }
+    ), /* @__PURE__ */ React__default.default.createElement(
+      Time,
+      {
+        ref: timeRef,
+        range,
+        minDate,
+        maxDate,
+        onOk: handleOk
+      }
+    ));
+  }
+);
+var AbsoluteDate$1 = AbsoluteDate;
+
+module.exports = AbsoluteDate$1;