@cloudtower/eagle 0.34.0 → 0.34.2

package/dist/cjs/core/message/index.js

@@ -2,221 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var CheckCircleFilled = require('@ant-design/icons/CheckCircleFilled');
-var CloseCircleFilled = require('@ant-design/icons/CloseCircleFilled');
-var ExclamationCircleFilled = require('@ant-design/icons/ExclamationCircleFilled');
-var InfoCircleFilled = require('@ant-design/icons/InfoCircleFilled');
-var LoadingOutlined = require('@ant-design/icons/LoadingOutlined');
-var RCNotification = require('@cloudtower/rc-notification');
-var cs = require('classnames');
-var React = require('react');
+var message = require('./message.js');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
 
-var CheckCircleFilled__default = /*#__PURE__*/_interopDefault(CheckCircleFilled);
-var CloseCircleFilled__default = /*#__PURE__*/_interopDefault(CloseCircleFilled);
-var ExclamationCircleFilled__default = /*#__PURE__*/_interopDefault(ExclamationCircleFilled);
-var InfoCircleFilled__default = /*#__PURE__*/_interopDefault(InfoCircleFilled);
-var LoadingOutlined__default = /*#__PURE__*/_interopDefault(LoadingOutlined);
-var RCNotification__default = /*#__PURE__*/_interopDefault(RCNotification);
-var cs__default = /*#__PURE__*/_interopDefault(cs);
-var React__namespace = /*#__PURE__*/_interopNamespace(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, key2, value) => key2 in obj ? __defProp(obj, key2, { enumerable: true, configurable: true, writable: true, value }) : obj[key2] = 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 DEFAULT_DURATION = 3;
-let messageInstance;
-let defaultDuration = DEFAULT_DURATION;
-let defaultTop;
-let key = 1;
-let localPrefixCls = "ant-message";
-let transitionName = "move-up";
-let getContainer;
-let maxCount;
-let rtl = false;
-function getKeyThenIncreaseKey() {
-  return key++;
-}
-function setMessageConfig(options) {
-  if (options.top !== void 0) {
-    defaultTop = options.top;
-    messageInstance = null;
-  }
-  if (options.duration !== void 0) {
-    defaultDuration = options.duration;
-  }
-  if (options.prefixCls !== void 0) {
-    localPrefixCls = options.prefixCls;
-  }
-  if (options.getContainer !== void 0) {
-    getContainer = options.getContainer;
-  }
-  if (options.transitionName !== void 0) {
-    transitionName = options.transitionName;
-    messageInstance = null;
-  }
-  if (options.maxCount !== void 0) {
-    maxCount = options.maxCount;
-    messageInstance = null;
-  }
-  if (options.rtl !== void 0) {
-    rtl = options.rtl;
-  }
-}
-function getRCNotificationInstance(args, callback) {
-  const prefixCls = args.prefixCls || localPrefixCls;
-  if (messageInstance) {
-    callback({
-      prefixCls,
-      instance: messageInstance
-    });
-    return;
-  }
-  RCNotification__default.default.newInstance(
-    {
-      prefixCls,
-      transitionName,
-      style: { top: defaultTop },
-      // 覆盖原来的样式
-      getContainer,
-      maxCount
-    },
-    (instance) => {
-      if (messageInstance) {
-        callback({
-          prefixCls,
-          instance: messageInstance
-        });
-        return;
-      }
-      messageInstance = instance;
-      callback({
-        prefixCls,
-        instance
-      });
-    }
-  );
-}
-const typeToIcon = {
-  info: InfoCircleFilled__default.default,
-  success: CheckCircleFilled__default.default,
-  error: CloseCircleFilled__default.default,
-  warning: ExclamationCircleFilled__default.default,
-  loading: LoadingOutlined__default.default
-};
-function getRCNoticeProps(args, prefixCls) {
-  const duration = args.duration !== void 0 ? args.duration : defaultDuration;
-  const IconComponent = args.type != null ? typeToIcon[args.type] : void 0;
-  const messageClass = cs__default.default(`${prefixCls}-custom-content`, {
-    [`${prefixCls}-${args.type}`]: args.type,
-    [`${prefixCls}-rtl`]: rtl === true
-  });
-  return {
-    key: args.key,
-    duration,
-    style: args.style || {},
-    className: args.className,
-    content: /* @__PURE__ */ React__namespace.createElement("div", { className: messageClass }, args.icon || IconComponent && /* @__PURE__ */ React__namespace.createElement(IconComponent, null), /* @__PURE__ */ React__namespace.createElement("span", null, args.content)),
-    onClose: args.onClose
-  };
-}
-function notice(args) {
-  const target = args.key || key++;
-  const closePromise = new Promise((resolve) => {
-    const callback = () => {
-      if (typeof args.onClose === "function") {
-        args.onClose();
-      }
-      return resolve(true);
-    };
-    if (document.hidden) {
-      return;
-    }
-    getRCNotificationInstance(args, ({ prefixCls, instance }) => {
-      instance.notice(
-        getRCNoticeProps(
-          __spreadProps(__spreadValues({}, args), { key: target, onClose: callback }),
-          prefixCls
-        )
-      );
-    });
-  });
-  const result = () => {
-    if (messageInstance) {
-      messageInstance.removeNotice(target);
-    }
-  };
-  result.then = (filled, rejected) => closePromise.then(filled, rejected);
-  result.promise = closePromise;
-  return result;
-}
-function isArgsProps(content) {
-  return Object.prototype.toString.call(content) === "[object Object]" && !!content.content;
-}
-const api = {
-  open: notice,
-  config: setMessageConfig,
-  destroy() {
-    if (messageInstance) {
-      messageInstance.destroy();
-      messageInstance = null;
-    }
-  }
-};
-function attachTypeApi(originalApi, type) {
-  originalApi[type] = (content, duration, onClose) => {
-    if (isArgsProps(content)) {
-      return originalApi.open(__spreadProps(__spreadValues({}, content), { type }));
-    }
-    if (typeof duration === "function") {
-      onClose = duration;
-      duration = void 0;
-    }
-    return originalApi.open({ content, duration, type, onClose });
-  };
-}
-["success", "info", "warning", "error", "loading"].forEach(
-  (type) => attachTypeApi(api, type)
-);
-api.warn = api.warning;
-var _message = api;
-
-exports.DEFAULT_DURATION = DEFAULT_DURATION;
-exports.attachTypeApi = attachTypeApi;
-exports.default = _message;
-exports.getKeyThenIncreaseKey = getKeyThenIncreaseKey;
+exports.DEFAULT_DURATION = message.DEFAULT_DURATION;
+exports.attachTypeApi = message.attachTypeApi;
+exports.default = message.default;
+exports.getKeyThenIncreaseKey = message.getKeyThenIncreaseKey;

package/dist/cjs/core/message/message.js

@@ -0,0 +1,222 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var CheckCircleFilled = require('@ant-design/icons/CheckCircleFilled');
+var CloseCircleFilled = require('@ant-design/icons/CloseCircleFilled');
+var ExclamationCircleFilled = require('@ant-design/icons/ExclamationCircleFilled');
+var InfoCircleFilled = require('@ant-design/icons/InfoCircleFilled');
+var LoadingOutlined = require('@ant-design/icons/LoadingOutlined');
+var RCNotification = require('@cloudtower/rc-notification');
+var cs = require('classnames');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var CheckCircleFilled__default = /*#__PURE__*/_interopDefault(CheckCircleFilled);
+var CloseCircleFilled__default = /*#__PURE__*/_interopDefault(CloseCircleFilled);
+var ExclamationCircleFilled__default = /*#__PURE__*/_interopDefault(ExclamationCircleFilled);
+var InfoCircleFilled__default = /*#__PURE__*/_interopDefault(InfoCircleFilled);
+var LoadingOutlined__default = /*#__PURE__*/_interopDefault(LoadingOutlined);
+var RCNotification__default = /*#__PURE__*/_interopDefault(RCNotification);
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var React__namespace = /*#__PURE__*/_interopNamespace(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, key2, value) => key2 in obj ? __defProp(obj, key2, { enumerable: true, configurable: true, writable: true, value }) : obj[key2] = 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 DEFAULT_DURATION = 3;
+let messageInstance;
+let defaultDuration = DEFAULT_DURATION;
+let defaultTop;
+let key = 1;
+let localPrefixCls = "ant-message";
+let transitionName = "move-up";
+let getContainer;
+let maxCount;
+let rtl = false;
+function getKeyThenIncreaseKey() {
+  return key++;
+}
+function setMessageConfig(options) {
+  if (options.top !== void 0) {
+    defaultTop = options.top;
+    messageInstance = null;
+  }
+  if (options.duration !== void 0) {
+    defaultDuration = options.duration;
+  }
+  if (options.prefixCls !== void 0) {
+    localPrefixCls = options.prefixCls;
+  }
+  if (options.getContainer !== void 0) {
+    getContainer = options.getContainer;
+  }
+  if (options.transitionName !== void 0) {
+    transitionName = options.transitionName;
+    messageInstance = null;
+  }
+  if (options.maxCount !== void 0) {
+    maxCount = options.maxCount;
+    messageInstance = null;
+  }
+  if (options.rtl !== void 0) {
+    rtl = options.rtl;
+  }
+}
+function getRCNotificationInstance(args, callback) {
+  const prefixCls = args.prefixCls || localPrefixCls;
+  if (messageInstance) {
+    callback({
+      prefixCls,
+      instance: messageInstance
+    });
+    return;
+  }
+  RCNotification__default.default.newInstance(
+    {
+      prefixCls,
+      transitionName,
+      style: { top: defaultTop },
+      // 覆盖原来的样式
+      getContainer,
+      maxCount
+    },
+    (instance) => {
+      if (messageInstance) {
+        callback({
+          prefixCls,
+          instance: messageInstance
+        });
+        return;
+      }
+      messageInstance = instance;
+      callback({
+        prefixCls,
+        instance
+      });
+    }
+  );
+}
+const typeToIcon = {
+  info: InfoCircleFilled__default.default,
+  success: CheckCircleFilled__default.default,
+  error: CloseCircleFilled__default.default,
+  warning: ExclamationCircleFilled__default.default,
+  loading: LoadingOutlined__default.default
+};
+function getRCNoticeProps(args, prefixCls) {
+  const duration = args.duration !== void 0 ? args.duration : defaultDuration;
+  const IconComponent = args.type != null ? typeToIcon[args.type] : void 0;
+  const messageClass = cs__default.default(`${prefixCls}-custom-content`, {
+    [`${prefixCls}-${args.type}`]: args.type,
+    [`${prefixCls}-rtl`]: rtl === true
+  });
+  return {
+    key: args.key,
+    duration,
+    style: args.style || {},
+    className: args.className,
+    content: /* @__PURE__ */ React__namespace.createElement("div", { className: messageClass }, args.icon || IconComponent && /* @__PURE__ */ React__namespace.createElement(IconComponent, null), /* @__PURE__ */ React__namespace.createElement("span", null, args.content)),
+    onClose: args.onClose
+  };
+}
+function notice(args) {
+  const target = args.key || key++;
+  const closePromise = new Promise((resolve) => {
+    const callback = () => {
+      if (typeof args.onClose === "function") {
+        args.onClose();
+      }
+      return resolve(true);
+    };
+    if (document.hidden) {
+      return;
+    }
+    getRCNotificationInstance(args, ({ prefixCls, instance }) => {
+      instance.notice(
+        getRCNoticeProps(
+          __spreadProps(__spreadValues({}, args), { key: target, onClose: callback }),
+          prefixCls
+        )
+      );
+    });
+  });
+  const result = () => {
+    if (messageInstance) {
+      messageInstance.removeNotice(target);
+    }
+  };
+  result.then = (filled, rejected) => closePromise.then(filled, rejected);
+  result.promise = closePromise;
+  return result;
+}
+function isArgsProps(content) {
+  return Object.prototype.toString.call(content) === "[object Object]" && !!content.content;
+}
+const api = {
+  open: notice,
+  config: setMessageConfig,
+  destroy() {
+    if (messageInstance) {
+      messageInstance.destroy();
+      messageInstance = null;
+    }
+  }
+};
+function attachTypeApi(originalApi, type) {
+  originalApi[type] = (content, duration, onClose) => {
+    if (isArgsProps(content)) {
+      return originalApi.open(__spreadProps(__spreadValues({}, content), { type }));
+    }
+    if (typeof duration === "function") {
+      onClose = duration;
+      duration = void 0;
+    }
+    return originalApi.open({ content, duration, type, onClose });
+  };
+}
+["success", "info", "warning", "error", "loading"].forEach(
+  (type) => attachTypeApi(api, type)
+);
+api.warn = api.warning;
+var _message = api;
+
+exports.DEFAULT_DURATION = DEFAULT_DURATION;
+exports.attachTypeApi = attachTypeApi;
+exports.default = _message;
+exports.getKeyThenIncreaseKey = getKeyThenIncreaseKey;

package/dist/cjs/core/message/useMessage.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var React = require('react');
+var message = require('./message.js');
+
+const MessageContext = React.createContext(message.default);
+const useMessage = () => {
+  return React.useContext(MessageContext);
+};
+
+exports.MessageContext = MessageContext;
+exports.useMessage = useMessage;

package/dist/cjs/core/message-group/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../message/index.js');
+var message = require('../message/message.js');
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -139,7 +139,7 @@ function normalizeContent(args, type) {
   }
   return {
     content: c,
-    duration: typeof args[1] === "number" ? args[1] : index.DEFAULT_DURATION,
+    duration: typeof args[1] === "number" ? args[1] : message.DEFAULT_DURATION,
     type: type === "warn" ? "warning" : type
   };
 }

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

@@ -146,7 +146,7 @@ const Time = React__default.default.forwardRef((props, ref) => {
 });
 const AbsoluteDate = React__default.default.forwardRef(
   (props, ref) => {
-    const { range, minDate, maxDate, onChange, onOk } = props;
+    const { range, minDate, maxDate, maxRange, onChange, onOk } = props;
     const timeRef = React.useRef(null);
     React.useImperativeHandle(ref, () => {
       var _a;
@@ -165,6 +165,7 @@ const AbsoluteDate = React__default.default.forwardRef(
         range,
         minDate,
         maxDate,
+        maxRange,
         onChange
       }
     ), /* @__PURE__ */ React__default.default.createElement(

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

@@ -9,10 +9,12 @@ var index$1 = require('../../core/Input/index.js');
 var index = require('../../core/Typo/index.js');
 var useElementIntersectionRatio = require('../../hooks/useElementIntersectionRatio.js');
 var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var unit = require('../../utils/unit.js');
 var dayjs = require('dayjs');
 var React = require('react');
 var common = require('./common.js');
 var DateRangePicker_style = require('./DateRangePicker.style.js');
+var utils = require('./utils.js');
 var getCalendarTitle = require('../common/getCalendarTitle.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -83,6 +85,7 @@ const MonthItem = (props) => {
     highlightDay,
     minDate,
     maxDate,
+    maxRange,
     parentElement,
     onRangeChange,
     onMouseEnter
@@ -132,6 +135,74 @@ const MonthItem = (props) => {
     }
     onRangeChange(_range);
   }
+  const datesElements = React.useMemo(() => {
+    return initMonth.dates.map((date) => {
+      const _date = common.getTime(initYear, initMonth.month, date);
+      const { number: maxRangeNumber, unit: maxRangeUnit } = unit.parseNumberAndUnit(maxRange || "") || {};
+      const dateNotIncludeInRange = common.checkDateNotInRange(
+        _date,
+        minDate,
+        maxDate
+      );
+      const isLimitRangeEnd = !!rangeStart && !rangeEnd;
+      const isDateBeforeRangeStart = isLimitRangeEnd ? _date.valueOf() < rangeStart.valueOf() : false;
+      const isDateNotIncludeInMaxRange = isLimitRangeEnd && maxRangeNumber && maxRangeUnit ? rangeStart.add(maxRangeNumber, maxRangeUnit).valueOf() <= _date.valueOf() : false;
+      const disabled = Boolean(isDateBeforeRangeStart || isDateNotIncludeInMaxRange) || !dateNotIncludeInRange;
+      const dateClassName = common.getClassNameForDateBlock(
+        range,
+        _date,
+        mapOfHighlightDay,
+        disabled
+      );
+      const highlightIndex = mapOfHighlightDay.get(_date.format("YYYY-MM-DD"));
+      const isFirstDayInWeek = _date.day() === 1;
+      const isLastDayInWeek = _date.day() === 0;
+      const isFirstDayInMonth = _date.date() === 1;
+      const isLastDayInMonth = _date.date() === _date.daysInMonth();
+      const isLastDayIsSingleDayInWeek = isLastDayInMonth && isFirstDayInWeek;
+      const isFirstHighlight = highlightIndex === 0 || isFirstDayInWeek || isFirstDayInMonth || isLastDayIsSingleDayInWeek;
+      const isLastHighlight = highlightIndex === Math.max(mapOfHighlightDay.size - 1, 0) || isLastDayInWeek || isLastDayInMonth;
+      return /* @__PURE__ */ React__default.default.createElement(
+        "span",
+        {
+          key: `date-${date}`,
+          className: core.cx(
+            "date-block",
+            dateClassName,
+            isFirstHighlight && "first-highlight",
+            isLastHighlight && "last-highlight"
+          ),
+          onClick: () => {
+            if (disabled) {
+              return;
+            }
+            clickDate(date);
+          },
+          onMouseEnter: () => {
+            if (disabled) {
+              onMouseEnter(null);
+            } else if (rangeStart && !rangeEnd) {
+              onMouseEnter(_date);
+            }
+          }
+        },
+        /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("date-text", dateClassName) }, date)
+      );
+    });
+  }, [
+    initMonth.dates,
+    initMonth.month,
+    initYear,
+    maxRange,
+    minDate,
+    maxDate,
+    rangeStart,
+    rangeEnd,
+    range,
+    mapOfHighlightDay,
+    clickDate,
+    onMouseEnter
+  ]);
   return /* @__PURE__ */ React__default.default.createElement("li", { className: "month-container", ref: containerRef }, /* @__PURE__ */ React__default.default.createElement(
     "header",
     {
@@ -139,62 +210,10 @@ const MonthItem = (props) => {
       ref: headerRef
     },
     getCalendarTitle.getCalendarTitle(initMonth.month.toString(), parrot.parrotI18n.t, parrot.parrotI18n)
-  ), /* @__PURE__ */ React__default.default.createElement("div", { className: "dates-in-month", ref: datesContainerRef }, new Array(initMonth.firstDateOfDay).fill(null).map((value, index) => /* @__PURE__ */ React__default.default.createElement("span", { key: `blank-date-${index}`, className: "blank" })), initMonth.dates.map((date) => {
-    const _date = common.getTime(initYear, initMonth.month, date);
-    const dateNotIncludeInRange = common.checkDateNotInRange(
-      _date,
-      minDate,
-      maxDate
-    );
-    const disabled = Boolean(
-      rangeStart && !rangeEnd && rangeStart.valueOf() > _date.valueOf()
-    ) || !dateNotIncludeInRange;
-    const dateClassName = common.getClassNameForDateBlock(
-      range,
-      _date,
-      mapOfHighlightDay,
-      disabled
-    );
-    const highlightIndex = mapOfHighlightDay.get(
-      _date.format("YYYY-MM-DD")
-    );
-    const isFirstDayInWeek = _date.day() === 1;
-    const isLastDayInWeek = _date.day() === 0;
-    const isFirstDayInMonth = _date.date() === 1;
-    const isLastDayInMonth = _date.date() === _date.daysInMonth();
-    const isLastDayIsSingleDayInWeek = isLastDayInMonth && isFirstDayInWeek;
-    const isFirstHighlight = highlightIndex === 0 || isFirstDayInWeek || isFirstDayInMonth || isLastDayIsSingleDayInWeek;
-    const isLastHighlight = highlightIndex === Math.max(mapOfHighlightDay.size - 1, 0) || isLastDayInWeek || isLastDayInMonth;
-    return /* @__PURE__ */ React__default.default.createElement(
-      "span",
-      {
-        key: `date-${date}`,
-        className: core.cx(
-          "date-block",
-          dateClassName,
-          isFirstHighlight && "first-highlight",
-          isLastHighlight && "last-highlight"
-        ),
-        onClick: () => {
-          if (disabled) {
-            return;
-          }
-          clickDate(date);
-        },
-        onMouseEnter: () => {
-          if (disabled) {
-            onMouseEnter(null);
-          } else if (rangeStart && !rangeEnd) {
-            onMouseEnter(_date);
-          }
-        }
-      },
-      /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("date-text", dateClassName) }, date)
-    );
-  })));
+  ), /* @__PURE__ */ React__default.default.createElement("div", { className: "dates-in-month", ref: datesContainerRef }, new Array(initMonth.firstDateOfDay).fill(null).map((value, index) => /* @__PURE__ */ React__default.default.createElement("span", { key: `blank-date-${index}`, className: "blank" })), datesElements));
 };
 const Month = (props) => {
-  const { year, range, minDate, maxDate, onRangeChange } = props;
+  const { year, range, minDate, maxDate, maxRange, onRangeChange } = props;
   const monthContainerRef = React.useRef(null);
   const [month, setMonth] = React.useState([]);
   const [highlightDay, setHighlightDay] = React.useState(() => {
@@ -210,11 +229,10 @@ const Month = (props) => {
       const time = dayjs__default.default(`${year}-${month2}`, "YYYY-M");
       const allDateInMonth = time.daysInMonth();
       const dates = new Array(allDateInMonth).fill(1).map((value, index) => index + 1);
-      const firstDateOfDay = time.set("date", dates[0]).day();
       monthAndDate.push({
         month: month2,
         dates,
-        firstDateOfDay: Math.max(firstDateOfDay - 1, 0)
+        firstDateOfDay: utils.getFirstDateOfMonth(time)
       });
     }
     setMonth(monthAndDate);
@@ -253,7 +271,8 @@ const Month = (props) => {
         range,
         minDate,
         maxDate,
-        highlightDay: highlightDay || controlHighlightDay || [],
+        maxRange,
+        highlightDay: controlHighlightDay || highlightDay || [],
         parentElement: monthContainerRef,
         onRangeChange,
         onMouseEnter: handleMouseEnterDate
@@ -266,7 +285,7 @@ const Week = () => {
   return /* @__PURE__ */ React__default.default.createElement(DateRangePicker_style.CalendarStyle.Week, null, /* @__PURE__ */ React__default.default.createElement("li", { className: index.Typo.Label.l1_regular }, t("components.monday-simple")), /* @__PURE__ */ React__default.default.createElement("li", { className: index.Typo.Label.l1_regular }, t("components.tuesday-simple")), /* @__PURE__ */ React__default.default.createElement("li", { className: index.Typo.Label.l1_regular }, t("components.wednesday-simple")), /* @__PURE__ */ React__default.default.createElement("li", { className: index.Typo.Label.l1_regular }, t("components.thursday-simple")), /* @__PURE__ */ React__default.default.createElement("li", { className: index.Typo.Label.l1_regular }, t("components.friday-simple")), /* @__PURE__ */ React__default.default.createElement("li", { className: index.Typo.Label.l1_regular }, t("components.saturday-simple")), /* @__PURE__ */ React__default.default.createElement("li", { className: index.Typo.Label.l1_regular }, t("components.sunday-simple")));
 };
 const Calendar = (props) => {
-  const { range: initRange, minDate, maxDate, onChange } = props;
+  const { range: initRange, minDate, maxDate, maxRange, onChange } = props;
   const [year, setYear] = React.useState(dayjs__default.default().year());
   const [range, setRange] = React.useState(
     initRange || [null, null]
@@ -285,6 +304,7 @@ const Calendar = (props) => {
       range,
       minDate,
       maxDate,
+      maxRange,
       onRangeChange: handleRangeChange
     }
   ));