@pisell/date-picker 1.0.75 → 1.0.77

package/es/icon/ChevronRight.js

@@ -0,0 +1,23 @@
+import React from "react";
+var ChevronRight = function ChevronRight(props) {
+  var className = props.className,
+    onClick = props.onClick;
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement("svg", {
+    className: "icon",
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    "p-id": "35105",
+    width: "1em",
+    height: "1em"
+  }, /*#__PURE__*/React.createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M8.29289 5.29289C8.68342 4.90237 9.31658 4.90237 9.70711 5.29289L15.7071 11.2929C16.0976 11.6834 16.0976 12.3166 15.7071 12.7071L9.70711 18.7071C9.31658 19.0976 8.68342 19.0976 8.29289 18.7071C7.90237 18.3166 7.90237 17.6834 8.29289 17.2929L13.5858 12L8.29289 6.70711C7.90237 6.31658 7.90237 5.68342 8.29289 5.29289Z",
+    fill: "currentColor"
+  })));
+};
+export default ChevronRight;

package/es/icon/ChevronRightDouble.d.ts

@@ -0,0 +1,5 @@
+declare const ChevronRightDouble: (props: {
+    className?: string | undefined;
+    onClick?: any;
+}) => JSX.Element;
+export default ChevronRightDouble;

package/es/icon/ChevronRightDouble.js

@@ -0,0 +1,23 @@
+import React from "react";
+var ChevronRightDouble = function ChevronRightDouble(props) {
+  var className = props.className,
+    onClick = props.onClick;
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement("svg", {
+    className: "icon",
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    "p-id": "35105",
+    width: "1em",
+    height: "1em"
+  }, /*#__PURE__*/React.createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M5.29289 6.29289C5.68342 5.90237 6.31658 5.90237 6.70711 6.29289L11.7071 11.2929C12.0976 11.6834 12.0976 12.3166 11.7071 12.7071L6.70711 17.7071C6.31658 18.0976 5.68342 18.0976 5.29289 17.7071C4.90237 17.3166 4.90237 16.6834 5.29289 16.2929L9.58579 12L5.29289 7.70711C4.90237 7.31658 4.90237 6.68342 5.29289 6.29289ZM12.2929 6.29289C12.6834 5.90237 13.3166 5.90237 13.7071 6.29289L18.7071 11.2929C19.0976 11.6834 19.0976 12.3166 18.7071 12.7071L13.7071 17.7071C13.3166 18.0976 12.6834 18.0976 12.2929 17.7071C11.9024 17.3166 11.9024 16.6834 12.2929 16.2929L16.5858 12L12.2929 7.70711C11.9024 7.31658 11.9024 6.68342 12.2929 6.29289Z",
+    fill: "currentColor"
+  })));
+};
+export default ChevronRightDouble;

package/es/index.d.ts

@@ -0,0 +1,23 @@
+import PisellDateRangePicker from "./PisellDateRangePicker";
+import { LocaleContext, LocaleProvider } from "./PisellDateRangePicker/LocaleContext";
+export * from "@mui/x-date-pickers";
+export * from "@mui/material/styles";
+export * from "./DateRangePickerDay";
+export * from "./MultiInputDateRangeField";
+export * from "./MultiInputTimeRangeField";
+export * from "./MultiInputDateTimeRangeField";
+export * from "./SingleInputDateRangeField";
+export * from "./SingleInputTimeRangeField";
+export * from "./SingleInputDateTimeRangeField";
+export type { RangeFieldSection, BaseMultiInputFieldProps, MultiInputFieldSlotTextFieldProps, } from "./internals/models/fields";
+export * from "./DateRangeCalendar";
+export * from "./DesktopDateRangePicker";
+export * from "./MobileDateRangePicker";
+export * from "./StaticDateRangePicker";
+export * from "./dateRangeViewRenderers";
+export type { DateRange, RangePosition } from "./internals/models/range";
+export type { UseDateRangeFieldProps } from "./internals/models/dateRange";
+export { PisellDateRangePicker as RangePicker };
+export { LocaleContext, LocaleProvider };
+export { getDatePickerValueByShortcut, formatPresets, getShortcutValue, getPresetLabel, } from "./utils/index";
+export * from "./models";

package/es/index.js

@@ -24,4 +24,5 @@ export * from "./StaticDateRangePicker";
 export * from "./dateRangeViewRenderers";
 export { PisellDateRangePicker as RangePicker };
 export { LocaleContext, LocaleProvider };
+export { getDatePickerValueByShortcut, formatPresets, getShortcutValue, getPresetLabel } from "./utils/index";
 export * from "./models";

package/es/locales/en-US.d.ts

@@ -3,5 +3,22 @@ declare const _default: {
     'action-bar-apply': string;
     'action-bar-start.time': string;
     'action-bar-end.time': string;
+    'toolbar-date-range-shortcut-custom': string;
+    "toolbar-date-range-shortcut-date-range": string;
+    "toolbar-date-range-shortcut-starting": string;
+    "toolbar-date-range-shortcut-ending": string;
+    "toolbar-date-range-shortcut-today": string;
+    "toolbar-date-range-shortcut-yesterday": string;
+    "toolbar-date-range-shortcut-tomorrow": string;
+    "toolbar-date-range-shortcut-last-3-days": string;
+    "toolbar-date-range-shortcut-last-7-days": string;
+    "toolbar-date-range-shortcut-last-30-days": string;
+    "toolbar-date-range-shortcut-last-90-days": string;
+    "toolbar-date-range-shortcut-last-180-days": string;
+    "toolbar-date-range-shortcut-next-3-days": string;
+    "toolbar-date-range-shortcut-next-7-days": string;
+    "toolbar-date-range-shortcut-next-30-days": string;
+    "toolbar-date-range-shortcut-next-90-days": string;
+    "toolbar-date-range-shortcut-next-180-days": string;
 };
 export default _default;

package/es/locales/en-US.js

@@ -2,5 +2,22 @@ export default {
   'action-bar-cancel': 'Cancel',
   'action-bar-apply': 'Apply',
   'action-bar-start.time': 'Start time',
-  'action-bar-end.time': 'End time'
+  'action-bar-end.time': 'End time',
+  'toolbar-date-range-shortcut-custom': 'Custom',
+  "toolbar-date-range-shortcut-date-range": "Date range",
+  "toolbar-date-range-shortcut-starting": "Starting",
+  "toolbar-date-range-shortcut-ending": "Ending",
+  "toolbar-date-range-shortcut-today": "Today",
+  "toolbar-date-range-shortcut-yesterday": "Yesterday",
+  "toolbar-date-range-shortcut-tomorrow": "Tomorrow",
+  "toolbar-date-range-shortcut-last-3-days": "Last 3 days",
+  "toolbar-date-range-shortcut-last-7-days": "Last 7 days",
+  "toolbar-date-range-shortcut-last-30-days": "Last 30 days",
+  "toolbar-date-range-shortcut-last-90-days": "Last 90 days",
+  "toolbar-date-range-shortcut-last-180-days": "Last 180 days",
+  "toolbar-date-range-shortcut-next-3-days": "Next 3 days",
+  "toolbar-date-range-shortcut-next-7-days": "Next 7 days",
+  "toolbar-date-range-shortcut-next-30-days": "Next 30 days",
+  "toolbar-date-range-shortcut-next-90-days": "Next 90 days",
+  "toolbar-date-range-shortcut-next-180-days": "Next 180 days"
 };

package/es/locales/index.d.ts

@@ -0,0 +1,2 @@
+export declare const pLocaleMap: Record<string, any>;
+export declare const getText: (id: string, pLocale?: string) => any;

package/es/locales/zh-CN.d.ts

@@ -1,7 +1,24 @@
 declare const _default: {
-    'action-bar-cancel': string;
-    'action-bar-apply': string;
-    'action-bar-start.time': string;
-    'action-bar-end.time': string;
+    "action-bar-cancel": string;
+    "action-bar-apply": string;
+    "action-bar-start.time": string;
+    "action-bar-end.time": string;
+    "toolbar-date-range-shortcut-date-range": string;
+    "toolbar-date-range-shortcut-starting": string;
+    "toolbar-date-range-shortcut-ending": string;
+    "toolbar-date-range-shortcut-custom": string;
+    "toolbar-date-range-shortcut-today": string;
+    "toolbar-date-range-shortcut-yesterday": string;
+    "toolbar-date-range-shortcut-tomorrow": string;
+    "toolbar-date-range-shortcut-last-3-days": string;
+    "toolbar-date-range-shortcut-last-7-days": string;
+    "toolbar-date-range-shortcut-last-30-days": string;
+    "toolbar-date-range-shortcut-last-90-days": string;
+    "toolbar-date-range-shortcut-last-180-days": string;
+    "toolbar-date-range-shortcut-next-3-days": string;
+    "toolbar-date-range-shortcut-next-7-days": string;
+    "toolbar-date-range-shortcut-next-30-days": string;
+    "toolbar-date-range-shortcut-next-90-days": string;
+    "toolbar-date-range-shortcut-next-180-days": string;
 };
 export default _default;

package/es/locales/zh-CN.js

@@ -1,6 +1,23 @@
 export default {
-  'action-bar-cancel': '取消',
-  'action-bar-apply': '确定',
-  'action-bar-start.time': '开始时间',
-  'action-bar-end.time': '结束时间'
+  "action-bar-cancel": "取消",
+  "action-bar-apply": "确定",
+  "action-bar-start.time": "开始时间",
+  "action-bar-end.time": "结束时间",
+  "toolbar-date-range-shortcut-date-range": "日期范围",
+  "toolbar-date-range-shortcut-starting": "开始",
+  "toolbar-date-range-shortcut-ending": "结束",
+  "toolbar-date-range-shortcut-custom": "自定义",
+  "toolbar-date-range-shortcut-today": "今天",
+  "toolbar-date-range-shortcut-yesterday": "昨天",
+  "toolbar-date-range-shortcut-tomorrow": "明天",
+  "toolbar-date-range-shortcut-last-3-days": "过去3天",
+  "toolbar-date-range-shortcut-last-7-days": "过去7天",
+  "toolbar-date-range-shortcut-last-30-days": "过去30天",
+  "toolbar-date-range-shortcut-last-90-days": "过去90天",
+  "toolbar-date-range-shortcut-last-180-days": "过去180天",
+  "toolbar-date-range-shortcut-next-3-days": "未来3天",
+  "toolbar-date-range-shortcut-next-7-days": "未来7天",
+  "toolbar-date-range-shortcut-next-30-days": "未来30天",
+  "toolbar-date-range-shortcut-next-90-days": "未来90天",
+  "toolbar-date-range-shortcut-next-180-days": "未来180天"
 };

package/es/locales/zh-TW.d.ts

@@ -3,5 +3,22 @@ declare const _default: {
     'action-bar-apply': string;
     'action-bar-start.time': string;
     'action-bar-end.time': string;
+    'toolbar-date-range-shortcut-custom': string;
+    "toolbar-date-range-shortcut-date-range": string;
+    "toolbar-date-range-shortcut-starting": string;
+    "toolbar-date-range-shortcut-ending": string;
+    "toolbar-date-range-shortcut-today": string;
+    "toolbar-date-range-shortcut-yesterday": string;
+    "toolbar-date-range-shortcut-tomorrow": string;
+    "toolbar-date-range-shortcut-last-3-days": string;
+    "toolbar-date-range-shortcut-last-7-days": string;
+    "toolbar-date-range-shortcut-last-30-days": string;
+    "toolbar-date-range-shortcut-last-90-days": string;
+    "toolbar-date-range-shortcut-last-180-days": string;
+    "toolbar-date-range-shortcut-next-3-days": string;
+    "toolbar-date-range-shortcut-next-7-days": string;
+    "toolbar-date-range-shortcut-next-30-days": string;
+    "toolbar-date-range-shortcut-next-90-days": string;
+    "toolbar-date-range-shortcut-next-180-days": string;
 };
 export default _default;

package/es/locales/zh-TW.js

@@ -2,5 +2,22 @@ export default {
   'action-bar-cancel': '取消',
   'action-bar-apply': '確定',
   'action-bar-start.time': '開始時間',
-  'action-bar-end.time': '結束時間'
+  'action-bar-end.time': '結束時間',
+  'toolbar-date-range-shortcut-custom': '自定義',
+  "toolbar-date-range-shortcut-date-range": "日期範圍",
+  "toolbar-date-range-shortcut-starting": "開始",
+  "toolbar-date-range-shortcut-ending": "結束",
+  "toolbar-date-range-shortcut-today": "今天",
+  "toolbar-date-range-shortcut-yesterday": "昨天",
+  "toolbar-date-range-shortcut-tomorrow": "明天",
+  "toolbar-date-range-shortcut-last-3-days": "過去3天",
+  "toolbar-date-range-shortcut-last-7-days": "過去7天",
+  "toolbar-date-range-shortcut-last-30-days": "過去30天",
+  "toolbar-date-range-shortcut-last-90-days": "過去90天",
+  "toolbar-date-range-shortcut-last-180-days": "過去180天",
+  "toolbar-date-range-shortcut-next-3-days": "未來3天",
+  "toolbar-date-range-shortcut-next-7-days": "未來7天",
+  "toolbar-date-range-shortcut-next-30-days": "未來30天",
+  "toolbar-date-range-shortcut-next-90-days": "未來90天",
+  "toolbar-date-range-shortcut-next-180-days": "未來180天"
 };

package/es/utils/index.d.ts

@@ -1,3 +1,35 @@
+import { PresetType } from "../Shortcuts";
 export declare const getCurrentLocale: () => string;
 export declare const isBrowser: boolean;
 export declare const isMobile: () => boolean;
+/**
+ * 格式化预设
+ * @param presets
+ */
+export declare const formatPresets: (presets: PresetType[]) => ({
+    label: any;
+    getValue: (() => import("dayjs").Dayjs[]) | (() => [import("dayjs").Dayjs, import("dayjs").Dayjs] | "today" | "yesterday" | "last_3_days" | "last_7_days" | "last_30_days" | "last_90_days" | "last_180_days" | "tomorrow" | "next_3_days" | "next_7_days" | "next_30_days" | "next_90_days" | "next_180_days");
+    value: [import("dayjs").Dayjs, import("dayjs").Dayjs] | "today" | "yesterday" | "last_3_days" | "last_7_days" | "last_30_days" | "last_90_days" | "last_180_days" | "tomorrow" | "next_3_days" | "next_7_days" | "next_30_days" | "next_90_days" | "next_180_days";
+    key?: string | undefined;
+} | {
+    label: string | undefined;
+    getValue: () => [import("dayjs").Dayjs, import("dayjs").Dayjs] | "today" | "yesterday" | "last_3_days" | "last_7_days" | "last_30_days" | "last_90_days" | "last_180_days" | "tomorrow" | "next_3_days" | "next_7_days" | "next_30_days" | "next_90_days" | "next_180_days";
+})[];
+/**
+ * 获取预设的label
+ * @param currentShortcut
+ * @param presets
+ */
+export declare const getPresetLabel: (currentShortcut: string | null, presets: any[]) => any;
+/**
+ * 获取预设的value
+ * @param value
+ * @param preset
+ */
+export declare const getShortcutValue: (value: string, preset: any[]) => any;
+/**
+ * 通过快捷字符串获取对应的value值
+ * @param value
+ * @param preset
+ */
+export declare const getDatePickerValueByShortcut: (value: string, preset: any[]) => any;

package/es/utils/index.js

@@ -1,13 +1,96 @@
-import { isMobile as isMobileUtils } from "@pisell/utils";
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { isFunction, isMobile as isMobileUtils, isString } from "@pisell/utils";
+import { presetDetailMap, presetValueArr } from "../constants";
 export var getCurrentLocale = function getCurrentLocale() {
-  var locale = localStorage.getItem('umi_locale') || 'en-US';
+  var locale = localStorage.getItem("umi_locale") || "en-US";
   //@ts-ignore
   return locale;
 };
-export var isBrowser = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+export var isBrowser = !!(typeof window !== "undefined" && window.document && window.document.createElement);
 export var isMobile = function isMobile() {
   if (isBrowser) {
     return window.innerWidth <= 768 || isMobileUtils();
   }
   return isMobileUtils();
+};
+
+/**
+ * 格式化预设
+ * @param presets
+ */
+export var formatPresets = function formatPresets(presets) {
+  return presets.map(function (item) {
+    // value包含在预设当中时
+    if (isString(item.value)) {
+      var _presetDetailMap$item, _presetDetailMap$item2;
+      var _getValue;
+      if (isFunction(item.getValue)) {
+        _getValue = item.getValue;
+      } else if (presetValueArr.includes(item.value)) {
+        _getValue = presetDetailMap[item.value].getValue;
+      } else {
+        _getValue = function _getValue() {
+          return item.value;
+        };
+      }
+      return _objectSpread(_objectSpread({}, item), {}, {
+        label: item.label || (presetDetailMap === null || presetDetailMap === void 0 ? void 0 : (_presetDetailMap$item = presetDetailMap[item.value]) === null || _presetDetailMap$item === void 0 ? void 0 : (_presetDetailMap$item2 = _presetDetailMap$item.label) === null || _presetDetailMap$item2 === void 0 ? void 0 : _presetDetailMap$item2.call(_presetDetailMap$item)),
+        getValue: _getValue
+      });
+    }
+    var getValue = function getValue() {
+      if (isFunction(item.getValue)) {
+        return item.getValue();
+      }
+      return item === null || item === void 0 ? void 0 : item.value;
+    };
+    return {
+      label: item.label,
+      getValue: getValue
+    };
+  });
+};
+
+/**
+ * 获取预设的label
+ * @param currentShortcut
+ * @param presets
+ */
+export var getPresetLabel = function getPresetLabel(currentShortcut, presets) {
+  var _ref, _ref$label;
+  var label = presetDetailMap === null || presetDetailMap === void 0 ? void 0 : (_ref = presetDetailMap[currentShortcut]) === null || _ref === void 0 ? void 0 : (_ref$label = _ref.label) === null || _ref$label === void 0 ? void 0 : _ref$label.call(_ref);
+  if (label) {
+    return label;
+  }
+  var detail = presets.find(function (item) {
+    return item.label === currentShortcut || item.value === currentShortcut;
+  });
+  return detail === null || detail === void 0 ? void 0 : detail.label;
+};
+
+/**
+ * 获取预设的value
+ * @param value
+ * @param preset
+ */
+export var getShortcutValue = function getShortcutValue(value, preset) {
+  var _preset$find;
+  return (_preset$find = preset.find(function (item) {
+    return item.value === value || item.label === value;
+  })) === null || _preset$find === void 0 ? void 0 : _preset$find.getValue();
+};
+
+/**
+ * 通过快捷字符串获取对应的value值
+ * @param value
+ * @param preset
+ */
+export var getDatePickerValueByShortcut = function getDatePickerValueByShortcut(value, preset) {
+  var p = formatPresets(preset);
+  return getShortcutValue(value, p);
 };

package/lib/ActionBar/index.js

@@ -73,6 +73,15 @@ var ActionBar = (props) => {
     onChange(newValue, "time");
   };
   const spaceStyle = (0, import_react.useMemo)(() => {
+    return (0, import_utils.isMobile)() ? {
+      display: "flex",
+      justifyContent: "end",
+      gap: 16
+    } : {
+      display: "flex"
+    };
+  }, []);
+  const buttonStyle = (0, import_react.useMemo)(() => {
     return (0, import_utils.isMobile)() ? {
       display: "flex",
       justifyContent: "end",
@@ -93,37 +102,33 @@ var ActionBar = (props) => {
     }
     return {};
   }, [showTime]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(props.className, "date-picker-action-bar") }, hasShortcuts && /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-action-bar-left" }), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(props.className, "date-picker-action-bar") }, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: "date-picker-action-bar-right",
-      style: (0, import_utils.isMobile)() ? { display: "block" } : {}
+      style: { ...spaceStyle, margin: 0 }
     },
-    /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { split: "-", style: { ...spaceStyle } }, showTime ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-      import_antd.TimePicker,
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
       {
-        placeholder: (0, import_locales.getText)(
-          "action-bar-start.time",
-          import_locales.pLocaleMap[locale]
-        ),
-        ...startTimeProps,
-        value: value[0],
-        popupClassName: "date-picker-action-bar-time-picker-popup",
-        onChange: handleStartChange,
-        inputReadOnly: true
-      }
-    ), /* @__PURE__ */ import_react.default.createElement(
-      import_antd.TimePicker,
+        block: (0, import_utils.isMobile)(),
+        size: "large",
+        ...cancelButtonProps || {},
+        onClick: onCancel
+      },
+      (0, import_locales.getText)("action-bar-cancel", import_locales.pLocaleMap[locale])
+    ),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
       {
-        placeholder: (0, import_locales.getText)("action-bar-end.time", import_locales.pLocaleMap[locale]),
-        ...endTimeProps,
-        value: value[1],
-        popupClassName: "date-picker-action-bar-time-picker-popup",
-        onChange: handleEndChange,
-        inputReadOnly: true
-      }
-    )) : /* @__PURE__ */ import_react.default.createElement("div", null)),
-    /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { style: { ...spaceStyle, margin: 0 } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { ...cancelButtonProps || {}, onClick: onCancel }, (0, import_locales.getText)("action-bar-cancel", import_locales.pLocaleMap[locale])), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", ...okButtonProps || {}, onClick: onOk }, (0, import_locales.getText)("action-bar-apply", import_locales.pLocaleMap[locale])))
+        type: "primary",
+        size: "large",
+        block: (0, import_utils.isMobile)(),
+        ...okButtonProps || {},
+        onClick: onOk
+      },
+      (0, import_locales.getText)("action-bar-apply", import_locales.pLocaleMap[locale])
+    )
   ));
 };
 var ActionBar_default = ActionBar;

package/lib/ActionBar/index.less

@@ -7,9 +7,10 @@
   .date-picker-action-bar-right {
     flex: 1;
     display: flex;
-    justify-content: space-between;
+    justify-content: end;
     padding: 16px;
     border-top: 1px solid rgba(0, 0, 0, 0.12);
+    gap: 16px;
   }
 }
 

package/lib/CustomCalendarHeader/index.d.ts

@@ -0,0 +1,2 @@
+declare const CustomCalendarHeader: (props: any) => JSX.Element;
+export default CustomCalendarHeader;

package/lib/CustomCalendarHeader/index.js

@@ -0,0 +1,58 @@
+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/CustomCalendarHeader/index.tsx
+var CustomCalendarHeader_exports = {};
+__export(CustomCalendarHeader_exports, {
+  default: () => CustomCalendarHeader_default
+});
+module.exports = __toCommonJS(CustomCalendarHeader_exports);
+var import_react = __toESM(require("react"));
+var import_Stack = __toESM(require("@mui/material/Stack"));
+var import_IconButton = __toESM(require("@mui/material/IconButton"));
+var import_Typography = __toESM(require("@mui/material/Typography"));
+var import_styles = require("@mui/material/styles");
+var import_ChevronLeft = __toESM(require("../icon/ChevronLeft"));
+var import_ChevronLeftDouble = __toESM(require("../icon/ChevronLeftDouble"));
+var import_ChevronRight = __toESM(require("../icon/ChevronRight"));
+var import_ChevronRightDouble = __toESM(require("../icon/ChevronRightDouble"));
+var CustomCalendarHeaderRoot = (0, import_styles.styled)("div")({
+  display: "flex",
+  justifyContent: "space-between",
+  padding: "8px 16px",
+  alignItems: "center"
+});
+var CustomCalendarHeader = (props) => {
+  const { currentMonth, onMonthChange } = props;
+  const selectNextMonth = () => onMonthChange(currentMonth.add(1, "month"), "left");
+  const selectNextYear = () => onMonthChange(currentMonth.add(1, "year"), "left");
+  const selectPreviousMonth = () => onMonthChange(currentMonth.subtract(1, "month"), "right");
+  const selectPreviousYear = () => onMonthChange(currentMonth.subtract(1, "year"), "right");
+  return /* @__PURE__ */ import_react.default.createElement(CustomCalendarHeaderRoot, null, /* @__PURE__ */ import_react.default.createElement(import_Stack.default, { spacing: 1, direction: "row" }, /* @__PURE__ */ import_react.default.createElement(import_IconButton.default, { onClick: selectPreviousYear, title: "Previous year" }, /* @__PURE__ */ import_react.default.createElement(import_ChevronLeftDouble.default, null)), /* @__PURE__ */ import_react.default.createElement(import_IconButton.default, { onClick: selectPreviousMonth, title: "Previous month" }, /* @__PURE__ */ import_react.default.createElement(import_ChevronLeft.default, null))), /* @__PURE__ */ import_react.default.createElement(import_Typography.default, { variant: "body2" }, currentMonth.format("MMMM YYYY")), /* @__PURE__ */ import_react.default.createElement(import_Stack.default, { spacing: 1, direction: "row" }, /* @__PURE__ */ import_react.default.createElement(import_IconButton.default, { onClick: selectNextMonth, title: "Next month" }, /* @__PURE__ */ import_react.default.createElement(import_ChevronRight.default, null)), /* @__PURE__ */ import_react.default.createElement(import_IconButton.default, { onClick: selectNextYear, title: "Next year" }, /* @__PURE__ */ import_react.default.createElement(import_ChevronRightDouble.default, null))));
+};
+var CustomCalendarHeader_default = CustomCalendarHeader;

package/lib/Dialog/index.d.ts

@@ -0,0 +1,2 @@
+declare const Dialog: (props: any) => JSX.Element;
+export default Dialog;

package/lib/Dialog/index.js

@@ -0,0 +1,52 @@
+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/Dialog/index.tsx
+var Dialog_exports = {};
+__export(Dialog_exports, {
+  default: () => Dialog_default
+});
+module.exports = __toCommonJS(Dialog_exports);
+var import_react = __toESM(require("react"));
+var import_Drawer = __toESM(require("@mui/material/Drawer"));
+var Dialog = (props) => {
+  const { open, onClose, children } = props;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_Drawer.default,
+    {
+      anchor: "bottom",
+      open,
+      onClose,
+      height: 650,
+      autoFocus: true,
+      className: window.innerWidth > 800 ? "date-picker-paid-drawer" : "date-picker-custom-drawer"
+    },
+    children
+  );
+};
+var Dialog_default = Dialog;

package/lib/Drawer/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "./index.less";
+interface DrawerProps {
+    open: boolean;
+    className?: string;
+    height?: number;
+    children: React.ReactNode;
+    onClose: () => void;
+}
+declare const Drawer: (props: DrawerProps) => JSX.Element | null;
+export default Drawer;