@kne/react-calendar 1.1.0 → 1.1.1

package/dist/index.js

@@ -196,12 +196,11 @@ const dedupeEventsById = events => {
   });
   return [...map.values()];
 };
-const useControlledState = _ref => {
-  let {
-    value,
-    defaultValue,
-    onChange
-  } = _ref;
+const useControlledState = ({
+  value,
+  defaultValue,
+  onChange
+}) => {
   const props = {};
   if (typeof value !== 'undefined') {
     props.value = value;
@@ -233,15 +232,14 @@ const getRuleDisabled = (result, defaultReason) => {
   }
   return null;
 };
-const checkRule = _ref => {
-  let {
-    date,
-    slot,
-    mode,
-    disabledDate,
-    disabledDateTime,
-    availableDateTime
-  } = _ref;
+const checkRule = ({
+  date,
+  slot,
+  mode,
+  disabledDate,
+  disabledDateTime,
+  availableDateTime
+}) => {
   if (disabledDate?.(date.toDate())) {
     return {
       disabled: true
@@ -309,18 +307,17 @@ const getOverlappingEvents = (slotStart, slotEnd, sortedEvents) => {
   }
   return matched;
 };
-const generateTimeSlots = _ref => {
-  let {
-    date,
-    events,
-    timeUnit = 30,
-    dayStart = '09:00',
-    dayEnd = '18:00',
-    disabledDate,
-    disabledDateTime,
-    availableDateTime,
-    mode = 'schedule'
-  } = _ref;
+const generateTimeSlots = ({
+  date,
+  events,
+  timeUnit = 30,
+  dayStart = '09:00',
+  dayEnd = '18:00',
+  disabledDate,
+  disabledDateTime,
+  availableDateTime,
+  mode = 'schedule'
+}) => {
   const selectedDate = toDayjs(date) || dayjs__default["default"]();
   const startAt = parseDayTime(selectedDate, dayStart);
   const endAt = parseDayTime(selectedDate, dayEnd);
@@ -506,27 +503,23 @@ const MonthPickerPanel = ({
   });
 };
 
-const HeaderNavButton = _ref => {
-  let {
-    label,
-    onClick,
-    children
-  } = _ref;
-  return /*#__PURE__*/jsxRuntime.jsx("button", {
-    type: "button",
-    className: style$5['header-nav'],
-    "aria-label": label,
-    onClick: onClick,
-    children: children
-  });
-};
-const Header = _ref2 => {
-  let {
-    current,
-    showTodayButton,
-    onCurrentChange,
-    onSelectToday
-  } = _ref2;
+const HeaderNavButton = ({
+  label,
+  onClick,
+  children
+}) => /*#__PURE__*/jsxRuntime.jsx("button", {
+  type: "button",
+  className: style$5['header-nav'],
+  "aria-label": label,
+  onClick: onClick,
+  children: children
+});
+const Header = ({
+  current,
+  showTodayButton,
+  onCurrentChange,
+  onSelectToday
+}) => {
   const {
     formatMessage
   } = reactIntl.useIntl();
@@ -678,16 +671,15 @@ const useStackedLayout = (ref, stackAt) => {
 
 var style$4 = {"date-cell":"kne-react-calendar_-a9AL","date-number":"kne-react-calendar_9s0kZ","date-has-events":"kne-react-calendar_-Bh5f","date-selected":"kne-react-calendar_Lpltl","date-muted":"kne-react-calendar_1xgRD","date-disabled":"kne-react-calendar_YTv16"};
 
-const DateCell = _ref => {
-  let {
-    date,
-    dayEvents,
-    selected,
-    currentMonth,
-    disabled,
-    badgeMaxCount,
-    renderDateCell
-  } = _ref;
+const DateCell = ({
+  date,
+  dayEvents,
+  selected,
+  currentMonth,
+  disabled,
+  badgeMaxCount,
+  renderDateCell
+}) => {
   const count = dayEvents.length;
   const customCell = renderDateCell?.(date.toDate(), {
     events: dayEvents,
@@ -851,16 +843,15 @@ const usePanelScrollShadow = (resetKey, scrollRef) => {
   };
 };
 
-const ViewPanel = _ref => {
-  let {
-    date,
-    events,
-    loading,
-    renderEventItem,
-    renderPanelHeader,
-    onEventClick,
-    scrollable = true
-  } = _ref;
+const ViewPanel = ({
+  date,
+  events,
+  loading,
+  renderEventItem,
+  renderPanelHeader,
+  onEventClick,
+  scrollable = true
+}) => {
   const {
     formatMessage
   } = reactIntl.useIntl();
@@ -1187,10 +1178,7 @@ const defaultDayRange = now => {
 /**
  * `null` 或 `[null, null]` 表示不限制；单侧为空表示该侧不限制；`undefined` 为当天全天。
  */
-const resolveRange = function (range, now) {
-  if (now === void 0) {
-    now = dayjs__default["default"]();
-  }
+const resolveRange = (range, now = dayjs__default["default"]()) => {
   if (range === null) {
     return [null, null];
   }
@@ -1218,14 +1206,13 @@ const resolveDuration = (duration, rangeStart, rangeEnd) => {
   return requested;
 };
 const resolveStep = step => Number(step) > 0 ? Number(step) : DEFAULT_STEP;
-const resolveVisibleSpan = _ref => {
-  let {
-    visibleSpan,
-    duration,
-    baseDuration = duration,
-    rangeStart,
-    rangeEnd
-  } = _ref;
+const resolveVisibleSpan = ({
+  visibleSpan,
+  duration,
+  baseDuration = duration,
+  rangeStart,
+  rangeEnd
+}) => {
   const minimum = duration * 1.5;
   let span = Number(visibleSpan) > 0 ? Number(visibleSpan) : Math.max(baseDuration * 6, DEFAULT_MIN_VISIBLE_SPAN);
   if (rangeStart && rangeEnd && !(Number(visibleSpan) > 0)) {
@@ -1233,24 +1220,20 @@ const resolveVisibleSpan = _ref => {
   }
   return Math.max(span, minimum);
 };
-const snapMs = function (ms, stepMs, mode) {
-  if (mode === void 0) {
-    mode = 'round';
-  }
+const snapMs = (ms, stepMs, mode = 'round') => {
   const anchor = dayjs__default["default"](ms).startOf('day').valueOf();
   const units = (ms - anchor) / stepMs;
   const snapped = mode === 'floor' ? Math.floor(units) : mode === 'ceil' ? Math.ceil(units) : Math.round(units);
   return anchor + snapped * stepMs;
 };
-const clampWindowStart = (startInput, _ref2) => {
-  let {
-    rangeStart,
-    rangeEnd,
-    duration,
-    step,
-    snap = true,
-    now
-  } = _ref2;
+const clampWindowStart = (startInput, {
+  rangeStart,
+  rangeEnd,
+  duration,
+  step,
+  snap = true,
+  now
+}) => {
   const durationMs = duration * MINUTE_MS;
   const minMs = rangeStart ? rangeStart.valueOf() : -Infinity;
   const maxMs = rangeEnd ? rangeEnd.valueOf() - durationMs : Infinity;
@@ -1269,15 +1252,14 @@ const clampWindowStart = (startInput, _ref2) => {
   }
   return dayjs__default["default"](Math.min(Math.max(target, minMs), maxMs));
 };
-const createTimeWindow = function (_temp) {
-  let {
-    start,
-    duration,
-    range,
-    step,
-    now,
-    snap = true
-  } = _temp === void 0 ? {} : _temp;
+const createTimeWindow = ({
+  start,
+  duration,
+  range,
+  step,
+  now,
+  snap = true
+} = {}) => {
   const [rangeStart, rangeEnd] = resolveRange(range, now);
   const resolvedDuration = resolveDuration(duration, rangeStart, rangeEnd);
   const resolvedStep = resolveStep(step);
@@ -1302,18 +1284,17 @@ const createTimeWindow = function (_temp) {
 /**
  * 拖动窗口一侧边界：另一侧保持不动，拖动侧按 step 吸附，并受最短 / 最长时长与范围约束。
  */
-const resizeTimeWindow = _ref3 => {
-  let {
-    edge,
-    pointerMs,
-    startMs,
-    endMs,
-    step,
-    rangeStart,
-    rangeEnd,
-    minDuration,
-    maxDuration
-  } = _ref3;
+const resizeTimeWindow = ({
+  edge,
+  pointerMs,
+  startMs,
+  endMs,
+  step,
+  rangeStart,
+  rangeEnd,
+  minDuration,
+  maxDuration
+}) => {
   const stepMs = resolveStep(step) * MINUTE_MS;
   const minMs = (Number(minDuration) > 0 ? Number(minDuration) : resolveStep(step)) * MINUTE_MS;
   const maxMs = Number(maxDuration) > 0 ? Number(maxDuration) * MINUTE_MS : Infinity;
@@ -1337,11 +1318,10 @@ const resizeTimeWindow = _ref3 => {
   };
 };
 const toWindowValue = window => [window.start.toDate(), window.end.toDate()];
-const getViewport = (_ref4, visibleSpanMinutes) => {
-  let {
-    startMs,
-    duration
-  } = _ref4;
+const getViewport = ({
+  startMs,
+  duration
+}, visibleSpanMinutes) => {
   const spanMs = visibleSpanMinutes * MINUTE_MS;
   const centerMs = startMs + duration * MINUTE_MS / 2;
   return {
@@ -1350,12 +1330,11 @@ const getViewport = (_ref4, visibleSpanMinutes) => {
     spanMs
   };
 };
-const wheelDeltaToPx = _ref5 => {
-  let {
-    delta,
-    deltaMode = 0,
-    trackWidth
-  } = _ref5;
+const wheelDeltaToPx = ({
+  delta,
+  deltaMode = 0,
+  trackWidth
+}) => {
   if (deltaMode === 1) {
     return delta * 16;
   }
@@ -1368,13 +1347,12 @@ const wheelDeltaToPx = _ref5 => {
 /**
  * 把滚轮像素累加为整步数：步数与刻度尺比例一致，单次离散滚动至少移动一步。
  */
-const consumeWheelSteps = _ref6 => {
-  let {
-    accumulatedPx,
-    deltaPx,
-    pxPerStep,
-    discrete
-  } = _ref6;
+const consumeWheelSteps = ({
+  accumulatedPx,
+  deltaPx,
+  pxPerStep,
+  discrete
+}) => {
   const sameDirection = accumulatedPx === 0 || Math.sign(accumulatedPx) === Math.sign(deltaPx);
   const total = (sameDirection ? accumulatedPx : 0) + deltaPx;
   const perStep = pxPerStep > 0 ? pxPerStep : 1;
@@ -1426,26 +1404,24 @@ const estimateVelocity = (samples, now) => {
   const elapsed = latest.t - first.t;
   return elapsed > 0 ? (latest.ms - first.ms) / elapsed : 0;
 };
-const timeAtClientX = _ref7 => {
-  let {
-    clientX,
-    rectLeft,
-    rectWidth,
-    rangeStartMs,
-    rangeEndMs,
-    grabOffsetMs = 0
-  } = _ref7;
+const timeAtClientX = ({
+  clientX,
+  rectLeft,
+  rectWidth,
+  rangeStartMs,
+  rangeEndMs,
+  grabOffsetMs = 0
+}) => {
   const span = Math.max(rangeEndMs - rangeStartMs, 1);
   const width = rectWidth > 0 ? rectWidth : 1;
   const ratio = Math.min(Math.max((clientX - rectLeft) / width, 0), 1);
   return rangeStartMs + ratio * span - grabOffsetMs;
 };
-const formatTimeWindowParts = _ref8 => {
-  let {
-    start,
-    end,
-    format = DEFAULT_FORMAT
-  } = _ref8;
+const formatTimeWindowParts = ({
+  start,
+  end,
+  format = DEFAULT_FORMAT
+}) => {
   const startDate = parseDateLike(start);
   const endDate = parseDateLike(end);
   if (!startDate || !endDate || typeof format === 'function') {
@@ -1460,13 +1436,12 @@ const formatTimeWindowParts = _ref8 => {
   }
   return [startText, endDate.format(endFormat)];
 };
-const formatTimeWindow = _ref9 => {
-  let {
-    start,
-    end,
-    format = DEFAULT_FORMAT,
-    separator = DEFAULT_SEPARATOR
-  } = _ref9;
+const formatTimeWindow = ({
+  start,
+  end,
+  format = DEFAULT_FORMAT,
+  separator = DEFAULT_SEPARATOR
+}) => {
   if (typeof format === 'function') {
     const startDate = parseDateLike(start);
     const endDate = parseDateLike(end);
@@ -1496,13 +1471,12 @@ const pickTickMinutes = (pxPerHour, labelEvery) => {
 /**
  * 只生成当前视窗 [viewStart, viewEnd] 内的刻度；`outOfRange` 标出超出可选范围的刻度。
  */
-const buildScaleTicks = function (viewStart, viewEnd, _temp2) {
-  let {
-    trackWidth,
-    rangeStart,
-    rangeEnd,
-    minLabelPx = 52
-  } = _temp2 === void 0 ? {} : _temp2;
+const buildScaleTicks = (viewStart, viewEnd, {
+  trackWidth,
+  rangeStart,
+  rangeEnd,
+  minLabelPx = 52
+} = {}) => {
   const viewStartMs = dayjs__default["default"](viewStart).valueOf();
   const viewEndMs = dayjs__default["default"](viewEnd).valueOf();
   const span = viewEndMs - viewStartMs;
@@ -1599,32 +1573,31 @@ const useElementWidth = ref => {
   }, [ref]);
   return width;
 };
-const TimeWindowInner = _ref => {
-  let {
-    value,
-    defaultValue,
-    onChange,
-    duration,
-    range,
-    step,
-    visibleSpan,
-    debounceWait = DEFAULT_DEBOUNCE_WAIT,
-    format = DEFAULT_FORMAT,
-    separator = DEFAULT_SEPARATOR,
-    showDuration = true,
-    size = 'default',
-    inertia = true,
-    resizable = true,
-    wheelEffect = true,
-    lockable = false,
-    locked,
-    defaultLocked = false,
-    onLockedChange,
-    minDuration,
-    maxDuration,
-    className,
-    style: styleProp
-  } = _ref;
+const TimeWindowInner = ({
+  value,
+  defaultValue,
+  onChange,
+  duration,
+  range,
+  step,
+  visibleSpan,
+  debounceWait = DEFAULT_DEBOUNCE_WAIT,
+  format = DEFAULT_FORMAT,
+  separator = DEFAULT_SEPARATOR,
+  showDuration = true,
+  size = 'default',
+  inertia = true,
+  resizable = true,
+  wheelEffect = true,
+  lockable = false,
+  locked,
+  defaultLocked = false,
+  onLockedChange,
+  minDuration,
+  maxDuration,
+  className,
+  style: styleProp
+}) => {
   const {
     formatMessage
   } = reactIntl.useIntl();
@@ -1767,10 +1740,7 @@ const TimeWindowInner = _ref => {
     visualTargetRef.current = visualRef.current;
     return true;
   };
-  const glideTo = function (ms, easeMs) {
-    if (easeMs === void 0) {
-      easeMs = inertiaTau;
-    }
+  const glideTo = (ms, easeMs = inertiaTau) => {
     const snapped = createTimeWindow({
       start: ms,
       ...optionsRef.current
@@ -1779,10 +1749,9 @@ const TimeWindowInner = _ref => {
     easeRef.current = easeMs;
     setVisualTarget(snapped);
   };
-  const setVisualTarget = function (ms, _temp) {
-    let {
-      immediate = false
-    } = _temp === void 0 ? {} : _temp;
+  const setVisualTarget = (ms, {
+    immediate = false
+  } = {}) => {
     const target = clampVisualRef.current(ms);
     visualTargetRef.current = target;
     if (immediate || typeof requestAnimationFrame === 'undefined') {
@@ -2408,7 +2377,7 @@ const DefaultFormInner = () => {
   });
 };
 
-var style$1 = {"kne-responsive-boundary":"kne-react-calendar_U1upa","kne-responsive-scroll":"kne-react-calendar_vKocI","slots":"kne-react-calendar_Ftp-V","timeline":"kne-react-calendar_EaUED","timeline-axis":"kne-react-calendar_X2W6x","timeline-axis-label":"kne-react-calendar_NvxDW","timeline-grid":"kne-react-calendar_gTav1","timeline-grid-dragging":"kne-react-calendar_4qf3-","timeline-line":"kne-react-calendar_Tp2ES","timeline-line-hour":"kne-react-calendar_M5-iS","timeline-disabled":"kne-react-calendar_-g-DR","timeline-disabled-reason":"kne-react-calendar_3vFqg","timeline-event":"kne-react-calendar_Wd-9L","timeline-event-title":"kne-react-calendar_WKbMK","timeline-event-time":"kne-react-calendar_K98yc","timeline-event-compact":"kne-react-calendar_WrUNC","timeline-event-disabled":"kne-react-calendar_C4d2-","timeline-ghost":"kne-react-calendar_0T5mO","timeline-now":"kne-react-calendar_AzaVv","timeline-popover-anchor":"kne-react-calendar_WtBzl","timeline-selection":"kne-react-calendar_z-uOR","timeline-selection-dragging":"kne-react-calendar_MbeJu","timeline-selection-label":"kne-react-calendar_7nYLD","timeline-selection-compact":"kne-react-calendar_CpsWx","timeline-selection-badge":"kne-react-calendar_NqiWA","timeline-selection-conflict":"kne-react-calendar_XQQ3E","timeline-selection-edge":"kne-react-calendar_s2EvF","timeline-selection-edge-start":"kne-react-calendar_PcIon","timeline-selection-edge-end":"kne-react-calendar_nS8Mr","form-popover":"kne-react-calendar_W-I5J","schedule-popover":"kne-react-calendar_rVLO8","form-popover-title":"kne-react-calendar_mMpFQ","form-sheet":"kne-react-calendar_n-MRC","form-sheet-content":"kne-react-calendar_ZaEkY","form-actions":"kne-react-calendar_4NPv0","form-conflict":"kne-react-calendar_PpU92","form-time-window":"kne-react-calendar_Wd4qh","event-detail":"kne-react-calendar_Dc-t3","event-detail-clickable":"kne-react-calendar_C3waU","event-detail-title":"kne-react-calendar_FkbSR","event-detail-disabled":"kne-react-calendar_UsltM","event-detail-bar":"kne-react-calendar_ZETY4","event-detail-body":"kne-react-calendar_v9RjG","event-detail-time":"kne-react-calendar_NT-kw","event-detail-text":"kne-react-calendar_vOb62","event-detail-tag":"kne-react-calendar_rs8bh"};
+var style$1 = {"kne-responsive-boundary":"kne-react-calendar_U1upa","kne-responsive-scroll":"kne-react-calendar_vKocI","slots":"kne-react-calendar_Ftp-V","timeline":"kne-react-calendar_EaUED","timeline-axis":"kne-react-calendar_X2W6x","timeline-axis-label":"kne-react-calendar_NvxDW","timeline-grid":"kne-react-calendar_gTav1","timeline-grid-dragging":"kne-react-calendar_4qf3-","timeline-line":"kne-react-calendar_Tp2ES","timeline-line-hour":"kne-react-calendar_M5-iS","timeline-disabled":"kne-react-calendar_-g-DR","timeline-disabled-reason":"kne-react-calendar_3vFqg","timeline-event":"kne-react-calendar_Wd-9L","timeline-event-title":"kne-react-calendar_WKbMK","timeline-event-time":"kne-react-calendar_K98yc","timeline-event-compact":"kne-react-calendar_WrUNC","timeline-event-disabled":"kne-react-calendar_C4d2-","timeline-ghost":"kne-react-calendar_0T5mO","timeline-now":"kne-react-calendar_AzaVv","timeline-popover-anchor":"kne-react-calendar_WtBzl","timeline-selection":"kne-react-calendar_z-uOR","timeline-selection-dragging":"kne-react-calendar_MbeJu","timeline-selection-label":"kne-react-calendar_7nYLD","timeline-selection-compact":"kne-react-calendar_CpsWx","timeline-selection-badge":"kne-react-calendar_NqiWA","timeline-selection-conflict":"kne-react-calendar_XQQ3E","timeline-selection-edge":"kne-react-calendar_s2EvF","timeline-selection-edge-start":"kne-react-calendar_PcIon","timeline-selection-edge-end":"kne-react-calendar_nS8Mr","form-popover":"kne-react-calendar_W-I5J","schedule-popover":"kne-react-calendar_rVLO8","form-popover-title":"kne-react-calendar_mMpFQ","form-popover-form":"kne-react-calendar_9eAK6","form-popover-body":"kne-react-calendar_DubfV","form-time-window":"kne-react-calendar_Wd4qh","form-actions":"kne-react-calendar_4NPv0","event-detail":"kne-react-calendar_Dc-t3","form-sheet":"kne-react-calendar_n-MRC","form-sheet-content":"kne-react-calendar_ZaEkY","form-conflict":"kne-react-calendar_PpU92","event-detail-clickable":"kne-react-calendar_C3waU","event-detail-title":"kne-react-calendar_FkbSR","event-detail-disabled":"kne-react-calendar_UsltM","event-detail-bar":"kne-react-calendar_ZETY4","event-detail-body":"kne-react-calendar_v9RjG","event-detail-time":"kne-react-calendar_NT-kw","event-detail-text":"kne-react-calendar_vOb62","event-detail-tag":"kne-react-calendar_rs8bh"};
 
 const EventDetail = ({
   event,
@@ -3010,30 +2979,29 @@ function _catch(body, recover) {
   }
   return result;
 }
-const SchedulePanel = _ref => {
-  let {
-    date,
-    slots,
-    events: dayEvents,
-    dayStart,
-    dayEnd,
-    timeUnit,
-    timeStep,
-    hourHeight,
-    allowConflict,
-    loading,
-    allowMultiSelect,
-    onSlotRangeChange,
-    onFreeSlotClick,
-    onCreate,
-    formInner,
-    formProps,
-    defaultFormValues,
-    renderEventBlock,
-    renderOccupiedSlot,
-    renderPanelHeader,
-    onEventClick
-  } = _ref;
+const SchedulePanel = ({
+  date,
+  slots,
+  events: dayEvents,
+  dayStart,
+  dayEnd,
+  timeUnit,
+  timeStep,
+  hourHeight,
+  allowConflict,
+  loading,
+  allowMultiSelect,
+  onSlotRangeChange,
+  onFreeSlotClick,
+  onCreate,
+  formInner,
+  formProps,
+  defaultFormValues,
+  renderEventBlock,
+  renderOccupiedSlot,
+  renderPanelHeader,
+  onEventClick
+}) => {
   const {
     formatMessage
   } = reactIntl.useIntl();
@@ -3120,42 +3088,12 @@ const SchedulePanel = _ref => {
       children: formatMessage({
         id: 'SchedulePanel.newScheduleTitle'
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(TimeWindow, {
-      className: style$1['form-time-window'],
-      size: isMobile ? 'default' : 'small',
-      value: [new Date(selection.startMs), new Date(selection.endMs)],
-      range: windowRange,
-      step: timeStep,
-      minDuration: timeStep,
-      resizable: allowMultiSelect,
-      debounceWait: 120,
-      format: "HH:mm",
-      separator: " - ",
-      onChange: value => {
-        if (!value) {
-          return;
-        }
-        const range = {
-          startMs: value[0].getTime(),
-          endMs: value[1].getTime()
-        };
-        setSelection(range);
-        emitRange(range);
-      }
-    }), conflicts.length ? /*#__PURE__*/jsxRuntime.jsx(antd.Alert, {
-      className: style$1['form-conflict'],
-      type: "warning",
-      showIcon: true,
-      title: `${formatMessage({
-        id: 'SchedulePanel.conflict'
-      }, {
-        count: conflicts.length
-      })}：${conflicts.map(event => event.title).join('、')}`
-    }) : null, /*#__PURE__*/jsxRuntime.jsxs(FormInfo.Form, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(FormInfo.Form, {
       ...formProps,
       ...(isMobile ? {
         size: 'large'
       } : null),
+      className: classNames(style$1['form-popover-form'], formProps?.className),
       data: getDefaultFormValues(defaultFormValues, formContext),
       onSubmit: function (values) {
         try {
@@ -3169,7 +3107,41 @@ const SchedulePanel = _ref => {
           return Promise.reject(e);
         }
       },
-      children: [formInner || /*#__PURE__*/jsxRuntime.jsx(DefaultFormInner, {}), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: style$1['form-popover-body'],
+        children: [/*#__PURE__*/jsxRuntime.jsx(TimeWindow, {
+          className: style$1['form-time-window'],
+          size: isMobile ? 'default' : 'small',
+          value: [new Date(selection.startMs), new Date(selection.endMs)],
+          range: windowRange,
+          step: timeStep,
+          minDuration: timeStep,
+          resizable: allowMultiSelect,
+          debounceWait: 120,
+          format: "HH:mm",
+          separator: " - ",
+          onChange: value => {
+            if (!value) {
+              return;
+            }
+            const range = {
+              startMs: value[0].getTime(),
+              endMs: value[1].getTime()
+            };
+            setSelection(range);
+            emitRange(range);
+          }
+        }), conflicts.length ? /*#__PURE__*/jsxRuntime.jsx(antd.Alert, {
+          className: style$1['form-conflict'],
+          type: "warning",
+          showIcon: true,
+          title: `${formatMessage({
+            id: 'SchedulePanel.conflict'
+          }, {
+            count: conflicts.length
+          })}：${conflicts.map(event => event.title).join('、')}`
+        }) : null, formInner || /*#__PURE__*/jsxRuntime.jsx(DefaultFormInner, {})]
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: style$1['form-actions'],
         children: [/*#__PURE__*/jsxRuntime.jsx(antd.Button, {
           onClick: clearSelection,
@@ -3272,14 +3244,13 @@ const SchedulePanel = _ref => {
 var style = {"kne-responsive-boundary":"kne-react-calendar_gh14z","kne-responsive-scroll":"kne-react-calendar_Kfn6L","schedule-calendar-shell":"kne-react-calendar_csu63","schedule-calendar":"kne-react-calendar_5p1TK","calendar-side":"kne-react-calendar_nd7DK","panel-side":"kne-react-calendar_rWvHE","schedule-calendar-event-list-expanded":"kne-react-calendar_Av0q4","schedule-calendar-stacked":"kne-react-calendar_zGXr5"};
 
 dayjs__default["default"].extend(customParseFormat__default["default"]);
-const buildMonthRuleCache = _ref => {
-  let {
-    currentDate,
-    mode,
-    disabledDate,
-    disabledDateTime,
-    availableDateTime
-  } = _ref;
+const buildMonthRuleCache = ({
+  currentDate,
+  mode,
+  disabledDate,
+  disabledDateTime,
+  availableDateTime
+}) => {
   const cache = new Map();
   const monthStart = currentDate.startOf('month');
   const monthEnd = currentDate.endOf('month');