@qsxy/element-plus-react 1.0.0-next.1

package/dist/Button/typings.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Button/typings.ts
+var typings_exports = {};
+module.exports = __toCommonJS(typings_exports);

package/dist/Calendar/Calendar.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { CalendarProps } from './typings';
+declare const Calendar: FC<CalendarProps>;
+export default Calendar;

package/dist/Calendar/Calendar.js

@@ -0,0 +1,278 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Calendar/Calendar.tsx
+var Calendar_exports = {};
+__export(Calendar_exports, {
+  default: () => Calendar_default
+});
+module.exports = __toCommonJS(Calendar_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_dayjs = __toESM(require("dayjs"));
+var import_head = __toESM(require("lodash/head"));
+var import_last = __toESM(require("lodash/last"));
+var import_react = __toESM(require("react"));
+var import_Util = require("../Util");
+var import_hooks = require("../hooks");
+var import_CalendarContext = __toESM(require("./CalendarContext"));
+var import_DatePanel = __toESM(require("./DatePanel"));
+var import_DateRangePanel = __toESM(require("./DateRangePanel"));
+var import_Footer = __toESM(require("./Footer"));
+var import_Header = __toESM(require("./Header"));
+var import_MonthPanel = __toESM(require("./MonthPanel"));
+var import_MonthRangePanel = __toESM(require("./MonthRangePanel"));
+var import_ShortCuts = __toESM(require("./ShortCuts"));
+var import_WeekPanel = __toESM(require("./WeekPanel"));
+var import_YearPanel = __toESM(require("./YearPanel"));
+var import_YearRangePanel = __toESM(require("./YearRangePanel"));
+var import_util = require("./util");
+var Calendar = (0, import_react.forwardRef)((props, ref) => {
+  const {
+    initialValue,
+    value: valueProp,
+    valueRange: valueRangeProp,
+    dateType,
+    showToday,
+    showNow,
+    popperInstRef,
+    onChange,
+    onChangeRange,
+    shortcuts
+  } = (0, import_react.useContext)(import_CalendarContext.default);
+  const { wb, e } = (0, import_hooks.useClassNames)("picker-panel");
+  const [value, setValue] = (0, import_react.useState)(valueProp);
+  (0, import_react.useEffect)(() => {
+    setValue(valueProp);
+  }, [valueProp]);
+  const [valueRange, setValueRange] = (0, import_react.useState)(valueRangeProp);
+  const [valueRangeTemp, setValueRangeTemp] = (0, import_react.useState)(
+    initialValue instanceof Array && (0, import_Util.isNotEmpty)(initialValue) ? [...valueRangeProp, null] : [null, null, null]
+  );
+  const [view, setView] = (0, import_react.useState)(dateType);
+  const [rangePosition, setRangePosition] = (0, import_react.useState)("left");
+  const defaultValue = (0, import_react.useMemo)(() => {
+    if (["daterange", "monthrange", "yearrange"].includes(dateType)) {
+      return rangePosition === "left" ? (0, import_head.default)(valueRange) : (0, import_last.default)(valueRange);
+    }
+    return value;
+  }, [dateType, value, rangePosition, valueRange]);
+  const currentDate = (0, import_react.useMemo)(() => {
+    if (defaultValue.isValid()) {
+      return defaultValue;
+    }
+    return (0, import_util.initDate)();
+  }, [defaultValue]);
+  const currentYear = (0, import_react.useMemo)(() => {
+    if (view === "year") {
+      const curYear = currentDate.year();
+      const position = currentDate.year() % 10;
+      return `${curYear - position} ~ ${curYear + (9 - position)}`;
+    } else {
+      return currentDate.year() + "年";
+    }
+  }, [currentDate, view]);
+  const hasMonth = (0, import_react.useMemo)(() => {
+    return dateType !== "year";
+  }, [dateType]);
+  const isRange = (0, import_react.useMemo)(() => {
+    return ["daterange", "monthrange", "yearrange"].includes(view);
+  }, [view]);
+  const switchDate = (0, import_react.useCallback)(
+    (duration, unit) => {
+      let date;
+      if (view === "year") {
+        date = currentDate.add(duration * 10, "y");
+        setValue(date);
+      } else {
+        date = currentDate.add(duration, unit);
+        setValue(date);
+      }
+      if (["daterange", "monthrange", "yearrange"].includes(dateType)) {
+        const startDate = (0, import_dayjs.default)(valueRange[0]);
+        const endDate = (0, import_dayjs.default)(valueRange[1]);
+        switch (rangePosition) {
+          case "left":
+            if (date.isAfter(endDate)) {
+              setValueRange([date, date.add(1, view)]);
+            } else {
+              setValueRange([date, endDate]);
+            }
+            break;
+          case "right":
+            if (date.isBefore(startDate)) {
+              setValueRange([date.subtract(1, view), date]);
+            } else {
+              setValueRange([startDate, date]);
+            }
+            break;
+          default:
+            break;
+        }
+      }
+    },
+    [view, dateType, currentDate, valueRange, rangePosition]
+  );
+  const onToggleView = (0, import_react.useCallback)(
+    (viewType, position) => {
+      var _a;
+      setView(viewType);
+      (_a = popperInstRef == null ? void 0 : popperInstRef.current) == null ? void 0 : _a.update();
+      setRangePosition(position);
+    },
+    [popperInstRef]
+  );
+  const onPickYear = (0, import_react.useCallback)(
+    (date) => {
+      var _a;
+      if (hasMonth) {
+        if (dateType === "daterange") {
+          setValueRange(rangePosition === "left" ? [date, valueRange[1]] : [valueRange[0], date]);
+        }
+        setValue(date);
+        if (dateType === "monthrange") {
+          const startDate = (0, import_dayjs.default)(valueRange[0]);
+          const endDate = (0, import_dayjs.default)(valueRange[1]);
+          switch (rangePosition) {
+            case "left":
+              if (date.isAfter(endDate)) {
+                setValueRange([date, date.add(1, "y")]);
+              } else {
+                setValueRange([date, endDate]);
+              }
+              break;
+            case "right":
+              if (date.isBefore(startDate)) {
+                setValueRange([date.subtract(1, "y"), date]);
+              } else {
+                setValueRange([startDate, date]);
+              }
+              break;
+            default:
+              break;
+          }
+          setView("monthrange");
+        } else {
+          setView("month");
+        }
+        (_a = popperInstRef == null ? void 0 : popperInstRef.current) == null ? void 0 : _a.update();
+      } else {
+        onChange == null ? void 0 : onChange(date);
+      }
+    },
+    [dateType, hasMonth, onChange, popperInstRef, rangePosition, valueRange]
+  );
+  const onPickMonth = (0, import_react.useCallback)(
+    (date, month) => {
+      var _a;
+      if (dateType !== "month") {
+        setView(dateType);
+        setValue(date);
+        (_a = popperInstRef == null ? void 0 : popperInstRef.current) == null ? void 0 : _a.update();
+        if (dateType === "daterange") {
+          const startDate = (0, import_dayjs.default)(valueRange[0]);
+          const endDate = (0, import_dayjs.default)(valueRange[1]);
+          switch (rangePosition) {
+            case "left":
+              if (date.isAfter(endDate)) {
+                setValueRange([date, date.add(1, "M")]);
+              } else {
+                setValueRange([date, endDate]);
+              }
+              break;
+            case "right":
+              if (date.isBefore(startDate)) {
+                setValueRange([date.subtract(1, "M"), date]);
+              } else {
+                setValueRange([startDate, date]);
+              }
+              break;
+            default:
+              break;
+          }
+        }
+      } else {
+        onChange == null ? void 0 : onChange(date, { month });
+      }
+    },
+    [dateType, onChange, popperInstRef, rangePosition, valueRange]
+  );
+  const onPickDate = (0, import_react.useCallback)(
+    (date) => {
+      onChange == null ? void 0 : onChange(date);
+    },
+    [onChange]
+  );
+  const onPickDateRange = (0, import_react.useCallback)(
+    (date, finish) => {
+      setValueRange(date);
+      if (finish) {
+        onChangeRange == null ? void 0 : onChangeRange(date, finish);
+      }
+    },
+    [onChangeRange]
+  );
+  const onPickWeek = (0, import_react.useCallback)((date) => {
+    setValueRange(date);
+  }, []);
+  const onHoverDate = (0, import_react.useCallback)((v) => {
+    setValueRangeTemp(v);
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(
+        wb(["daterange", "monthrange", "yearrange"].includes(view) ? "date-range-picker" : "date-picker", false),
+        {
+          "has-time": props.hasTime,
+          "has-sidebar": (0, import_Util.isNotEmpty)(shortcuts)
+        },
+        props.className
+      ),
+      style: props.style,
+      ref
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: e`body-wrapper` }, /* @__PURE__ */ import_react.default.createElement(import_ShortCuts.default, { shortcuts, onChange, e }), /* @__PURE__ */ import_react.default.createElement("div", { className: e`body` }, props.children, !isRange && /* @__PURE__ */ import_react.default.createElement(
+      import_Header.default,
+      {
+        year: currentYear,
+        month: `${currentDate.month() + 1}月`,
+        showMonth: ["date", "dates", "week"].includes(view),
+        border: ["year", "month"].includes(view),
+        onToggleView,
+        onMoveBackward: () => switchDate(-1, "M"),
+        onMoveForward: () => switchDate(1, "M"),
+        onMoveBackwards: () => switchDate(-1, "y"),
+        onMoveForwards: () => switchDate(1, "y")
+      }
+    ), view === "year" && /* @__PURE__ */ import_react.default.createElement(import_YearPanel.default, { value: defaultValue, onPickYear }), view === "month" && /* @__PURE__ */ import_react.default.createElement(import_MonthPanel.default, { value: defaultValue, onPickMonth }), view === "date" && /* @__PURE__ */ import_react.default.createElement(import_DatePanel.default, { value: defaultValue, onPickDate }), view === "week" && /* @__PURE__ */ import_react.default.createElement(import_WeekPanel.default, { value: defaultValue, valueRange, onPickDate, onPickDateRange: onPickWeek }), view === "daterange" && /* @__PURE__ */ import_react.default.createElement(import_DateRangePanel.default, { value: valueRange, valueRange: valueRangeTemp, onToggleView, onPickDateRange, onHoverDate }), view === "monthrange" && /* @__PURE__ */ import_react.default.createElement(import_MonthRangePanel.default, { value: valueRange, valueRange: valueRangeTemp, onToggleView, onPickDateRange, onHoverDate }), view === "yearrange" && /* @__PURE__ */ import_react.default.createElement(import_YearRangePanel.default, { value: valueRange, valueRange: valueRangeTemp, onToggleView, onPickDateRange, onHoverDate }))),
+    (showToday || showNow) && /* @__PURE__ */ import_react.default.createElement(import_Footer.default, null)
+  );
+});
+Calendar.defaultProps = {};
+Calendar.displayName = "Calendar";
+var Calendar_default = Calendar;

package/dist/Calendar/CalendarContext.d.ts

@@ -0,0 +1,27 @@
+import { Dayjs } from 'dayjs';
+import React, { RefObject } from 'react';
+import { PopperOptionRef } from '../Popper';
+import { DateRangeType, DateType, Shortcuts } from './typings';
+export interface ChangeParams {
+    month?: number;
+    defaultTime?: boolean;
+}
+export interface CalendarContextProps {
+    initialValue?: string | [v1: string, v2: string];
+    value?: Dayjs;
+    valueRange?: [value: Dayjs, value: Dayjs];
+    dateType?: DateType | DateRangeType;
+    showToday?: boolean;
+    showNow?: boolean;
+    isoWeek?: boolean;
+    unlinkPanels?: boolean;
+    popperInstRef?: RefObject<PopperOptionRef>;
+    shortcuts?: Shortcuts[];
+    disabledDate?: (time: Date) => boolean;
+    close?: () => void;
+    onChange?: (value: Dayjs, params?: ChangeParams) => void;
+    onChangeRange?: (value: [value: Dayjs, value: Dayjs], finish: boolean) => void;
+    formatter?: (value: Dayjs, text: number) => React.ReactElement;
+}
+declare const CalendarContext: React.Context<CalendarContextProps>;
+export default CalendarContext;

package/dist/Calendar/CalendarContext.js

@@ -0,0 +1,36 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Calendar/CalendarContext.ts
+var CalendarContext_exports = {};
+__export(CalendarContext_exports, {
+  default: () => CalendarContext_default
+});
+module.exports = __toCommonJS(CalendarContext_exports);
+var import_react = require("react");
+var CalendarContext = (0, import_react.createContext)({
+  value: null,
+  dateType: null,
+  showToday: false,
+  isoWeek: true,
+  unlinkPanels: false,
+  popperInstRef: null,
+  onChange: null,
+  shortcuts: []
+});
+var CalendarContext_default = CalendarContext;

package/dist/Calendar/DatePanel.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { DatePanelProps } from './typings';
+declare const DatePanel: FC<DatePanelProps>;
+export default DatePanel;

package/dist/Calendar/DatePanel.js

@@ -0,0 +1,210 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Calendar/DatePanel.tsx
+var DatePanel_exports = {};
+__export(DatePanel_exports, {
+  default: () => DatePanel_default
+});
+module.exports = __toCommonJS(DatePanel_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_dayjs = __toESM(require("dayjs"));
+var import_isBetween = __toESM(require("dayjs/plugin/isBetween"));
+var import_isoWeek = __toESM(require("dayjs/plugin/isoWeek"));
+var import_react = __toESM(require("react"));
+var import_Util = require("../Util");
+var import_hooks = require("../hooks");
+var import_CalendarContext = __toESM(require("./CalendarContext"));
+var import_util = require("./util");
+import_dayjs.default.extend(import_isoWeek.default);
+import_dayjs.default.extend(import_isBetween.default);
+var DatePanel = (props) => {
+  const { value, valueRange, onPickDate } = props;
+  const { b, e, be } = (0, import_hooks.useClassNames)("date-table");
+  const { value: valueProp, dateType, isoWeek, disabledDate, formatter } = (0, import_react.useContext)(import_CalendarContext.default);
+  const currentDate = (0, import_react.useMemo)(() => {
+    if (value.isValid()) {
+      return value;
+    }
+    return (0, import_util.initDate)();
+  }, [value]);
+  const lockHover = (0, import_react.useMemo)(() => {
+    return dateType === "daterange" && ((0, import_Util.isNotEmpty)(valueRange[0]) && (0, import_Util.isNotEmpty)(valueRange[1]) || (0, import_Util.isEmpty)(valueRange[0]) && (0, import_Util.isEmpty)(valueRange[1]));
+  }, [dateType, valueRange]);
+  const startDate = (0, import_react.useMemo)(() => {
+    var _a;
+    if (dateType === "daterange" && (0, import_Util.isNotEmpty)(valueRange[0])) {
+      if ((0, import_Util.isNotEmpty)(valueRange[2])) {
+        return valueRange[2].isSame(valueRange[0]) || ((_a = valueRange[2]) == null ? void 0 : _a.isAfter(valueRange[0])) ? valueRange[0] : valueRange[2];
+      }
+      return valueRange[0];
+    }
+    return null;
+  }, [dateType, valueRange]);
+  const endDate = (0, import_react.useMemo)(() => {
+    var _a;
+    if (dateType === "daterange") {
+      if ((0, import_Util.isNotEmpty)(valueRange[1])) {
+        return valueRange[1];
+      } else {
+        if ((0, import_Util.isNotEmpty)(valueRange[0])) {
+          if ((0, import_Util.isNotEmpty)(valueRange[2])) {
+            return valueRange[2].isSame(valueRange[0]) || ((_a = valueRange[2]) == null ? void 0 : _a.isBefore(valueRange[0])) ? valueRange[0] : valueRange[2];
+          }
+          return valueRange[0];
+        }
+        return null;
+      }
+    }
+  }, [dateType, valueRange]);
+  const today = (0, import_react.useMemo)(() => {
+    return (0, import_dayjs.default)();
+  }, []);
+  const WEEK_DAYS = (0, import_react.useMemo)(() => {
+    return isoWeek ? ["一", "二", "三", "四", "五", "六", "日"] : ["日", "一", "二", "三", "四", "五", "六"];
+  }, [isoWeek]);
+  const rows = (0, import_react.useMemo)(() => {
+    const TOTAL_DAYS = 7 * 6;
+    const days = [];
+    let dayUp = 1;
+    const firstDayOfMonth = currentDate.date(1);
+    const prevMonthDays = (() => {
+      const day = isoWeek ? firstDayOfMonth.isoWeekday() - 1 : firstDayOfMonth.day();
+      return day === 0 ? 7 : day;
+    })();
+    const curMonthDays = currentDate.daysInMonth();
+    const nextMonthDays = TOTAL_DAYS - prevMonthDays - curMonthDays;
+    const lastDayOfMonth = currentDate.date(curMonthDays);
+    for (let i = 0; i < 42; i++) {
+      if (i === 0 && i < prevMonthDays) {
+        for (let j = prevMonthDays; j > 0; j--) {
+          const date = firstDayOfMonth.subtract(j, "d");
+          days.push({
+            text: date.date(),
+            type: "prev",
+            disabled: disabledDate && disabledDate(date.toDate())
+          });
+          i++;
+        }
+      } else if (dayUp <= curMonthDays) {
+        const date = firstDayOfMonth.add(dayUp - 1, "d");
+        days.push({
+          text: dayUp++,
+          type: "current",
+          disabled: disabledDate && disabledDate(date.toDate())
+        });
+      } else {
+        for (let j = 0; j < nextMonthDays; j++) {
+          const date = lastDayOfMonth.add(j + 1, "d");
+          days.push({
+            text: date.date(),
+            type: "next",
+            disabled: disabledDate && disabledDate(date.toDate())
+          });
+          i++;
+        }
+      }
+    }
+    return days;
+  }, [currentDate, disabledDate, isoWeek]);
+  const getFormattedDate = (0, import_react.useCallback)(
+    (day, type) => {
+      switch (type) {
+        case "prev":
+          return currentDate.startOf("month").subtract(1, "month").date(day);
+        case "next":
+          return currentDate.startOf("month").add(1, "month").date(day);
+        case "current":
+          return currentDate.date(day);
+      }
+    },
+    [currentDate]
+  );
+  const getCellClass = (0, import_react.useCallback)(
+    ({ text, type, disabled }) => {
+      const date = getFormattedDate(text, type);
+      if (type === "current") {
+        const classes = [disabled ? "normal disabled" : "available"];
+        if (date.isSame(today, "day")) {
+          classes.push("today");
+        }
+        if (dateType === "daterange") {
+          if (date.isSame(endDate) && date.isSame(startDate)) {
+            classes.push("in-range start-date end-date");
+          } else if (date.isSame(startDate)) {
+            classes.push("in-range start-date");
+          } else if (date.isBetween(startDate, endDate, null, "()")) {
+            classes.push("in-range");
+          } else if (date.isSame(endDate)) {
+            classes.push("in-range end-date");
+          }
+        } else {
+          if (valueProp && date.isSame(valueProp, "day")) {
+            classes.push("current");
+          }
+        }
+        return (0, import_classnames.default)(...classes);
+      } else {
+        return disabled ? "normal disabled" : `${type}-month`;
+      }
+    },
+    [getFormattedDate, today, dateType, startDate, endDate, valueProp]
+  );
+  const onHoverDate = (0, import_react.useCallback)(
+    ({ text, type }) => {
+      if (dateType === "daterange") {
+        if (!lockHover) {
+          const date = getFormattedDate(text, type);
+          onPickDate == null ? void 0 : onPickDate(date, true);
+        } else {
+          onPickDate == null ? void 0 : onPickDate(null, true);
+        }
+      }
+    },
+    [dateType, getFormattedDate, lockHover, onPickDate]
+  );
+  const handlePickDate = (0, import_react.useCallback)(
+    ({ text, type, disabled }) => {
+      if (disabled) {
+        return;
+      }
+      const date = getFormattedDate(text, type);
+      onPickDate == null ? void 0 : onPickDate(date);
+    },
+    [getFormattedDate, onPickDate]
+  );
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(be("picker-panel", "content", false), props.className) }, props.children, /* @__PURE__ */ import_react.default.createElement("table", { cellSpacing: "0", cellPadding: "0", className: b() }, /* @__PURE__ */ import_react.default.createElement("tbody", null, /* @__PURE__ */ import_react.default.createElement("tr", null, WEEK_DAYS.map((item) => {
+    return /* @__PURE__ */ import_react.default.createElement("th", { key: item }, item);
+  })), new Array(6).fill("").map((row, i) => {
+    return /* @__PURE__ */ import_react.default.createElement("tr", { key: i, className: e("row") }, rows.slice(i * 7, (i + 1) * 7).map((cell) => {
+      return /* @__PURE__ */ import_react.default.createElement("td", { key: cell.text, className: getCellClass(cell), onClick: () => handlePickDate(cell), onMouseEnter: () => onHoverDate(cell) }, formatter ? formatter(getFormattedDate(cell.text, cell.type), cell.text) : /* @__PURE__ */ import_react.default.createElement("div", { className: b("cell") }, /* @__PURE__ */ import_react.default.createElement("span", { className: be("cell", "text") }, cell.text)));
+    }));
+  }))));
+};
+DatePanel.displayName = "Calendar.DatePanel";
+var DatePanel_default = DatePanel;

package/dist/Calendar/DateRangePanel.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { DateRangePanelProps } from './typings';
+declare const DateRangePanel: FC<DateRangePanelProps>;
+export default DateRangePanel;