antd-mobile 5.32.4 → 5.33.0

package/2x/cjs/components/action-sheet/action-sheet.d.ts

@@ -1,4 +1,4 @@
-import React, { FC, ReactNode } from 'react';
+import type { FC, ReactNode, CSSProperties } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { PopupProps } from '../popup';
 export declare type Action = {
@@ -13,8 +13,8 @@ export declare type Action = {
 export declare type ActionSheetProps = {
     visible?: boolean;
     actions: Action[];
-    extra?: React.ReactNode;
-    cancelText?: React.ReactNode;
+    extra?: ReactNode;
+    cancelText?: ReactNode;
     onAction?: (action: Action, index: number) => void;
     onClose?: () => void;
     onMaskClick?: () => void;
@@ -22,7 +22,9 @@ export declare type ActionSheetProps = {
     closeOnMaskClick?: boolean;
     safeArea?: boolean;
     popupClassName?: string;
-    popupStyle?: React.CSSProperties;
+    /** @deprecated use `styles` instead */
+    popupStyle?: CSSProperties;
+    styles?: Partial<Record<'body' | 'mask', CSSProperties>>;
 } & Pick<PopupProps, 'afterClose' | 'getContainer' | 'destroyOnClose' | 'forceRender'> & NativeProps;
 export declare const ActionSheet: FC<ActionSheetProps>;
 export declare type ActionSheetShowHandler = {

package/2x/cjs/components/action-sheet/action-sheet.js

@@ -26,6 +26,9 @@ const defaultProps = {
 };
 const ActionSheet = p => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const {
+    styles
+  } = props;
   return _react.default.createElement(_popup.default, {
     visible: props.visible,
     onMaskClick: () => {
@@ -40,7 +43,9 @@ const ActionSheet = p => {
     style: props.popupStyle,
     getContainer: props.getContainer,
     destroyOnClose: props.destroyOnClose,
-    forceRender: props.forceRender
+    forceRender: props.forceRender,
+    bodyStyle: styles === null || styles === void 0 ? void 0 : styles.body,
+    maskStyle: styles === null || styles === void 0 ? void 0 : styles.mask
   }, (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: classPrefix
   }, props.extra && _react.default.createElement("div", {
@@ -78,10 +83,7 @@ const ActionSheet = p => {
     className: `${classPrefix}-button-item-wrapper`
   }, _react.default.createElement("a", {
     className: (0, _classnames.default)('adm-plain-anchor', `${classPrefix}-button-item`),
-    onClick: () => {
-      var _a;
-      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
-    }
+    onClick: props.onClose
   }, _react.default.createElement("div", {
     className: `${classPrefix}-button-item-name`
   }, props.cancelText)))), props.safeArea && _react.default.createElement(_safeArea.default, {

package/2x/cjs/components/auto-center/auto-center.d.ts

@@ -1,6 +1,6 @@
-import React, { FC } from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type AutoCenterProps = {
-    children?: React.ReactNode;
+    children?: ReactNode;
 } & NativeProps;
 export declare const AutoCenter: FC<AutoCenterProps>;

package/2x/cjs/components/auto-center/auto-center.js

@@ -8,11 +8,9 @@ var _react = _interopRequireDefault(require("react"));
 var _nativeProps = require("../../utils/native-props");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const classPrefix = 'adm-auto-center';
-const AutoCenter = props => {
-  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    className: classPrefix
-  }, _react.default.createElement("div", {
-    className: `${classPrefix}-content`
-  }, props.children)));
-};
+const AutoCenter = props => (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+  className: classPrefix
+}, _react.default.createElement("div", {
+  className: `${classPrefix}-content`
+}, props.children)));
 exports.AutoCenter = AutoCenter;

package/2x/cjs/components/avatar/avatar.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { ImageProps } from '../image';
 export declare type AvatarProps = {

package/2x/cjs/components/avatar/fallback.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const Fallback: React.MemoExoticComponent<() => JSX.Element>;
+export declare const Fallback: React.MemoExoticComponent<() => React.JSX.Element>;

package/2x/cjs/components/badge/badge.d.ts

@@ -1,12 +1,13 @@
-import React, { FC } from 'react';
+import React from 'react';
+import type { FC, ReactNode, CSSProperties } from 'react';
 import { NativeProps } from '../../utils/native-props';
-export declare const dot: JSX.Element;
+export declare const dot: React.JSX.Element;
 export declare type BadgeProps = {
-    content?: React.ReactNode | typeof dot;
+    content?: ReactNode | typeof dot;
     color?: string;
     bordered?: boolean;
-    children?: React.ReactNode;
+    children?: ReactNode;
     wrapperClassName?: string;
-    wrapperStyle?: React.CSSProperties;
+    wrapperStyle?: CSSProperties;
 } & NativeProps<'--right' | '--top' | '--color'>;
 export declare const Badge: FC<BadgeProps>;

package/2x/cjs/components/badge/badge.js

@@ -18,9 +18,13 @@ const Badge = props => {
     children
   } = props;
   const isDot = content === dot;
-  const badgeCls = (0, _classnames.default)(classPrefix, !!children && `${classPrefix}-fixed`, isDot && `${classPrefix}-dot`, props.bordered && `${classPrefix}-bordered`);
+  const badgeClass = (0, _classnames.default)(classPrefix, {
+    [`${classPrefix}-fixed`]: !!children,
+    [`${classPrefix}-dot`]: isDot,
+    [`${classPrefix}-bordered`]: props.bordered
+  });
   const element = content || content === 0 ? (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    className: badgeCls,
+    className: badgeClass,
     style: {
       '--color': color
     }

package/2x/cjs/components/badge/index.d.ts

@@ -1,6 +1,6 @@
 import './badge.less';
 export type { BadgeProps } from './badge';
 declare const _default: import("react").FC<import("./badge").BadgeProps> & {
-    dot: JSX.Element;
+    dot: import("react").JSX.Element;
 };
 export default _default;

package/2x/cjs/components/button/button.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
+import type { ReactNode, ButtonHTMLAttributes, DetailedHTMLProps } from 'react';
 import { NativeProps } from '../../utils/native-props';
-declare type NativeButtonProps = React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+declare type NativeButtonProps = DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
 export declare type ButtonProps = {
     color?: 'default' | 'primary' | 'success' | 'warning' | 'danger';
     fill?: 'solid' | 'outline' | 'none';
@@ -8,12 +9,12 @@ export declare type ButtonProps = {
     block?: boolean;
     loading?: boolean | 'auto';
     loadingText?: string;
-    loadingIcon?: React.ReactNode;
+    loadingIcon?: ReactNode;
     disabled?: boolean;
     onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<void> | unknown;
     type?: 'submit' | 'reset' | 'button';
     shape?: 'default' | 'rounded' | 'rectangular';
-    children?: React.ReactNode;
+    children?: ReactNode;
 } & Pick<NativeButtonProps, 'onMouseDown' | 'onMouseUp' | 'onTouchStart' | 'onTouchEnd' | 'id'> & NativeProps<'--text-color' | '--background-color' | '--border-radius' | '--border-width' | '--border-style' | '--border-color'>;
 export declare type ButtonRef = {
     nativeElement: HTMLButtonElement | null;
@@ -25,12 +26,12 @@ export declare const Button: React.ForwardRefExoticComponent<{
     block?: boolean | undefined;
     loading?: boolean | "auto" | undefined;
     loadingText?: string | undefined;
-    loadingIcon?: React.ReactNode;
+    loadingIcon?: ReactNode;
     disabled?: boolean | undefined;
     onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<void> | unknown) | undefined;
     type?: "reset" | "submit" | "button" | undefined;
     shape?: "default" | "rounded" | "rectangular" | undefined;
-    children?: React.ReactNode;
+    children?: ReactNode;
 } & Pick<NativeButtonProps, "id" | "onMouseDown" | "onMouseUp" | "onTouchEnd" | "onTouchStart"> & {
     className?: string | undefined;
     style?: (React.CSSProperties & Partial<Record<"--border-radius" | "--text-color" | "--background-color" | "--border-width" | "--border-style" | "--border-color", string>>) | undefined;

package/2x/cjs/components/button/button.js

@@ -56,7 +56,8 @@ const Button = (0, _react.forwardRef)((p, ref) => {
     ref: nativeButtonRef,
     type: props.type,
     onClick: handleClick,
-    className: (0, _classnames.default)(classPrefix, props.color ? `${classPrefix}-${props.color}` : null, {
+    className: (0, _classnames.default)(classPrefix, {
+      [`${classPrefix}-${props.color}`]: props.color,
       [`${classPrefix}-block`]: props.block,
       [`${classPrefix}-disabled`]: disabled,
       [`${classPrefix}-fill-outline`]: props.fill === 'outline',

package/2x/cjs/components/calendar/calendar.js

@@ -16,6 +16,7 @@ var _isoWeek = _interopRequireDefault(require("dayjs/plugin/isoWeek"));
 var _ahooks = require("ahooks");
 var _usePropsValue = require("../../utils/use-props-value");
 var _replaceMessage = require("../../utils/replace-message");
+var _devLog = require("../../utils/dev-log");
 var _convert = require("./convert");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -217,6 +218,12 @@ const Calendar = (0, _react.forwardRef)((p, ref) => {
     key: index,
     className: `${classPrefix}-mark-cell`
   }, item)));
+  // Dev only warning
+  if (process.env.NODE_ENV !== 'production') {
+    (0, _react.useEffect)(() => {
+      (0, _devLog.devWarning)('Calendar', 'Calendar will be removed in the future, please use CalendarPickerView instead.');
+    }, []);
+  }
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: classPrefix
   }, header, mark, body));

package/2x/cjs/components/calendar-picker/calendar-picker.d.ts

@@ -0,0 +1,123 @@
+import React from 'react';
+import { CalendarPickerViewProps, CalendarPickerViewRef } from '../calendar-picker-view';
+export declare type CalendarPickerRef = CalendarPickerViewRef;
+export declare type CalendarPickerProps = CalendarPickerViewProps & {
+    visible?: boolean;
+    confirmText?: string;
+    popupClassName?: string;
+    popupStyle?: React.CSSProperties;
+    popupBodyStyle?: React.CSSProperties;
+    forceRender?: true;
+    closeOnMaskClick?: boolean;
+    onClose?: () => void;
+    onMaskClick?: () => void;
+} & ({
+    selectionMode?: undefined;
+    onConfirm?: undefined;
+} | {
+    selectionMode: 'single';
+    onConfirm?: (val: Date | null) => void;
+} | {
+    selectionMode: 'range';
+    onConfirm?: (val: [Date, Date] | null) => void;
+});
+export declare const CalendarPicker: React.ForwardRefExoticComponent<(({
+    title?: React.ReactNode;
+    confirmText?: string | undefined;
+    weekStartsOn?: "Monday" | "Sunday" | undefined;
+    renderTop?: ((date: Date) => React.ReactNode) | undefined;
+    renderDate?: ((date: Date) => React.ReactNode) | undefined;
+    renderBottom?: ((date: Date) => React.ReactNode) | undefined;
+    allowClear?: boolean | undefined;
+    max?: Date | undefined;
+    min?: Date | undefined;
+    shouldDisableDate?: ((date: Date) => boolean) | undefined;
+} & {
+    selectionMode?: undefined;
+    value?: undefined;
+    defaultValue?: undefined;
+    onChange?: undefined;
+} & {
+    className?: string | undefined;
+    style?: (React.CSSProperties & Partial<Record<never, string>>) | undefined;
+    tabIndex?: number | undefined;
+} & React.AriaAttributes & {
+    visible?: boolean | undefined;
+    confirmText?: string | undefined;
+    popupClassName?: string | undefined;
+    popupStyle?: React.CSSProperties | undefined;
+    popupBodyStyle?: React.CSSProperties | undefined;
+    forceRender?: true | undefined;
+    closeOnMaskClick?: boolean | undefined;
+    onClose?: (() => void) | undefined;
+    onMaskClick?: (() => void) | undefined;
+} & {
+    selectionMode?: undefined;
+    onConfirm?: undefined;
+}) | ({
+    title?: React.ReactNode;
+    confirmText?: string | undefined;
+    weekStartsOn?: "Monday" | "Sunday" | undefined;
+    renderTop?: ((date: Date) => React.ReactNode) | undefined;
+    renderDate?: ((date: Date) => React.ReactNode) | undefined;
+    renderBottom?: ((date: Date) => React.ReactNode) | undefined;
+    allowClear?: boolean | undefined;
+    max?: Date | undefined;
+    min?: Date | undefined;
+    shouldDisableDate?: ((date: Date) => boolean) | undefined;
+} & {
+    selectionMode: "single";
+    value?: Date | null | undefined;
+    defaultValue?: Date | null | undefined;
+    onChange?: ((val: Date | null) => void) | undefined;
+} & {
+    className?: string | undefined;
+    style?: (React.CSSProperties & Partial<Record<never, string>>) | undefined;
+    tabIndex?: number | undefined;
+} & React.AriaAttributes & {
+    visible?: boolean | undefined;
+    confirmText?: string | undefined;
+    popupClassName?: string | undefined;
+    popupStyle?: React.CSSProperties | undefined;
+    popupBodyStyle?: React.CSSProperties | undefined;
+    forceRender?: true | undefined;
+    closeOnMaskClick?: boolean | undefined;
+    onClose?: (() => void) | undefined;
+    onMaskClick?: (() => void) | undefined;
+} & {
+    selectionMode: 'single';
+    onConfirm?: ((val: Date | null) => void) | undefined;
+}) | ({
+    title?: React.ReactNode;
+    confirmText?: string | undefined;
+    weekStartsOn?: "Monday" | "Sunday" | undefined;
+    renderTop?: ((date: Date) => React.ReactNode) | undefined;
+    renderDate?: ((date: Date) => React.ReactNode) | undefined;
+    renderBottom?: ((date: Date) => React.ReactNode) | undefined;
+    allowClear?: boolean | undefined;
+    max?: Date | undefined;
+    min?: Date | undefined;
+    shouldDisableDate?: ((date: Date) => boolean) | undefined;
+} & {
+    selectionMode: "range";
+    value?: [Date, Date] | null | undefined;
+    defaultValue?: [Date, Date] | null | undefined;
+    onChange?: ((val: [Date, Date] | null) => void) | undefined;
+} & {
+    className?: string | undefined;
+    style?: (React.CSSProperties & Partial<Record<never, string>>) | undefined;
+    tabIndex?: number | undefined;
+} & React.AriaAttributes & {
+    visible?: boolean | undefined;
+    confirmText?: string | undefined;
+    popupClassName?: string | undefined;
+    popupStyle?: React.CSSProperties | undefined;
+    popupBodyStyle?: React.CSSProperties | undefined;
+    forceRender?: true | undefined;
+    closeOnMaskClick?: boolean | undefined;
+    onClose?: (() => void) | undefined;
+    onMaskClick?: (() => void) | undefined;
+} & {
+    selectionMode: 'range';
+    onConfirm?: ((val: [Date, Date] | null) => void) | undefined;
+}) | Omit<never, "ref"> | Omit<never, "ref"> | Omit<never, "ref"> | Omit<never, "ref"> | Omit<never, "ref"> | Omit<never, "ref">) & React.RefAttributes<CalendarPickerViewRef>>;

package/2x/cjs/components/calendar-picker/calendar-picker.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CalendarPicker = void 0;
+var _tslib = require("tslib");
+var _react = _interopRequireWildcard(require("react"));
+var _nativeProps = require("../../utils/native-props");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _button = _interopRequireDefault(require("../button"));
+var _divider = _interopRequireDefault(require("../divider"));
+var _popup = _interopRequireDefault(require("../popup"));
+var _withDefaultProps = require("../../utils/with-default-props");
+var _configProvider = require("../config-provider");
+var _calendarPickerView = _interopRequireDefault(require("../calendar-picker-view"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const classPrefix = 'adm-calendar-picker';
+const defaultProps = {
+  weekStartsOn: 'Sunday',
+  defaultValue: null,
+  allowClear: true,
+  usePopup: true,
+  selectionMode: 'single'
+};
+const CalendarPicker = (0, _react.forwardRef)((p, ref) => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const {
+    locale
+  } = (0, _configProvider.useConfig)();
+  const calendarRef = ref !== null && ref !== void 0 ? ref : (0, _react.useRef)(null);
+  const {
+      visible,
+      confirmText,
+      popupClassName,
+      popupStyle,
+      popupBodyStyle,
+      forceRender,
+      closeOnMaskClick,
+      onClose,
+      onConfirm,
+      onMaskClick
+    } = props,
+    calendarViewProps = (0, _tslib.__rest)(props, ["visible", "confirmText", "popupClassName", "popupStyle", "popupBodyStyle", "forceRender", "closeOnMaskClick", "onClose", "onConfirm", "onMaskClick"]);
+  const footer = _react.default.createElement("div", {
+    className: `${classPrefix}-footer`
+  }, _react.default.createElement(_divider.default, null), _react.default.createElement("div", {
+    className: `${classPrefix}-footer-bottom`
+  }, _react.default.createElement(_button.default, {
+    color: 'primary',
+    onClick: () => {
+      var _a, _b, _c, _d;
+      const dateRange = (_b = (_a = calendarRef.current) === null || _a === void 0 ? void 0 : _a.getDateRange()) !== null && _b !== void 0 ? _b : null;
+      if (props.selectionMode === 'single') {
+        (_c = props.onConfirm) === null || _c === void 0 ? void 0 : _c.call(props, dateRange ? dateRange[0] : null);
+      } else if (props.selectionMode === 'range') {
+        (_d = props.onConfirm) === null || _d === void 0 ? void 0 : _d.call(props, dateRange);
+      }
+      onClose === null || onClose === void 0 ? void 0 : onClose();
+    }
+  }, confirmText !== null && confirmText !== void 0 ? confirmText : locale.Calendar.confirm)));
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: classPrefix
+  }, _react.default.createElement(_popup.default, {
+    visible: visible,
+    className: (0, _classnames.default)(`${classPrefix}-popup`, popupClassName),
+    showCloseButton: true,
+    forceRender: ref ? true : forceRender,
+    style: popupStyle,
+    bodyStyle: Object.assign({
+      borderTopLeftRadius: '8px',
+      borderTopRightRadius: '8px',
+      minHeight: '80vh',
+      overflow: 'auto'
+    }, popupBodyStyle),
+    onClose: onClose,
+    onMaskClick: () => {
+      onMaskClick === null || onMaskClick === void 0 ? void 0 : onMaskClick();
+      if (closeOnMaskClick) {
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+      }
+    }
+  }, _react.default.createElement(_calendarPickerView.default, Object.assign({
+    ref: calendarRef
+  }, calendarViewProps)), footer)));
+});
+exports.CalendarPicker = CalendarPicker;

package/2x/cjs/components/calendar-picker/index.d.ts

@@ -0,0 +1,3 @@
+import { CalendarPicker } from './calendar-picker';
+export type { CalendarPickerProps, CalendarPickerRef } from './calendar-picker';
+export default CalendarPicker;

package/2x/cjs/components/calendar-picker/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _calendarPicker = require("./calendar-picker");
+var _default = _calendarPicker.CalendarPicker;
+exports.default = _default;

package/2x/cjs/components/calendar-picker-view/arrow-left-double.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from 'react';
+export declare const ArrowLeftDouble: FC;

package/2x/cjs/components/calendar-picker-view/arrow-left-double.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArrowLeftDouble = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const ArrowLeftDouble = () => {
+  return _react.default.createElement("svg", {
+    height: '1em',
+    viewBox: '0 0 44 44'
+  }, _react.default.createElement("g", {
+    stroke: 'none',
+    strokeWidth: '1',
+    fill: 'none',
+    fillRule: 'evenodd'
+  }, _react.default.createElement("g", {
+    transform: 'translate(-24.000000, -22.000000)'
+  }, _react.default.createElement("g", {
+    transform: 'translate(24.000000, 22.000000)'
+  }, _react.default.createElement("rect", {
+    x: '0',
+    y: '0',
+    width: '44',
+    height: '44'
+  }), _react.default.createElement("g", {
+    transform: 'translate(7.000000, 4.000000)',
+    fill: 'currentColor',
+    fillRule: 'nonzero'
+  }, _react.default.createElement("path", {
+    d: 'M19.4833058,2.71985611 L3.53051139,17.0699744 C3.0173831,17.5315665 2.97522952,18.3220903 3.43630803,18.8357433 L3.43630796,18.8357432 C3.46601289,18.8688164 3.49745845,18.9002801 3.53051133,18.9300007 L19.4833057,33.2801611 C20.1234001,33.8559077 20.1759552,34.8420707 19.6007967,35.4827774 C19.0256382,36.1235263 18.0404824,36.1761351 17.400388,35.6003885 L1.44759367,21.2502703 L1.4475933,21.25027 C1.33208743,21.1463692 1.22220259,21.036372 1.11840792,20.920748 C-0.49302969,19.1256817 -0.345639536,16.3628317 1.4475933,14.7497465 L17.4003877,0.399628282 C18.0404821,-0.176160428 19.0256378,-0.123509422 19.6007963,0.517239417 C20.1759548,1.1579461 20.1233997,2.14410915 19.4833053,2.7198557 L19.4833058,2.71985611 Z'
+  }), _react.default.createElement("path", {
+    d: 'M19.5305114,17.0699744 C19.0173831,17.5315665 18.9752295,18.3220903 19.436308,18.8357433 C19.4660129,18.8688164 19.4974585,18.9002801 19.5305113,18.9300007 L29.4833057,27.2801611 C30.1234001,27.8559077 30.1759552,28.8420707 29.6007967,29.4827774 C29.0256382,30.1235263 28.0404824,30.1761351 27.400388,29.6003885 L17.4475937,21.2502703 C17.3320874,21.1463692 17.2222026,21.036372 17.1184079,20.920748 C15.5069703,19.1256817 15.6543605,16.3628317 17.4475933,14.7497465 L27.4003877,6.39962828 C28.0404821,5.82383957 29.0256378,5.87649058 29.6007963,6.51723942 C30.1759548,7.1579461 30.1233997,8.14410915 29.4833053,8.7198557 L19.5305114,17.0699744 Z'
+  }))))));
+};
+exports.ArrowLeftDouble = ArrowLeftDouble;

package/2x/cjs/components/calendar-picker-view/arrow-left.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from 'react';
+export declare const ArrowLeft: FC;

package/2x/cjs/components/calendar-picker-view/arrow-left.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArrowLeft = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const ArrowLeft = () => {
+  return _react.default.createElement("svg", {
+    height: '1em',
+    viewBox: '0 0 44 44'
+  }, _react.default.createElement("g", {
+    stroke: 'none',
+    strokeWidth: '1',
+    fill: 'none',
+    fillRule: 'evenodd'
+  }, _react.default.createElement("g", {
+    transform: 'translate(-100.000000, -22.000000)'
+  }, _react.default.createElement("g", {
+    transform: 'translate(100.000000, 22.000000)'
+  }, _react.default.createElement("rect", {
+    x: '0',
+    y: '0',
+    width: '44',
+    height: '44'
+  }), _react.default.createElement("g", {
+    transform: 'translate(12.000000, 4.000000)',
+    fill: 'currentColor',
+    fillRule: 'nonzero'
+  }, _react.default.createElement("path", {
+    d: 'M19.4833058,2.71985611 L3.53051139,17.0699744 C3.0173831,17.5315665 2.97522952,18.3220903 3.43630803,18.8357433 L3.43630796,18.8357432 C3.46601289,18.8688164 3.49745845,18.9002801 3.53051133,18.9300007 L19.4833057,33.2801611 C20.1234001,33.8559077 20.1759552,34.8420707 19.6007967,35.4827774 C19.0256382,36.1235263 18.0404824,36.1761351 17.400388,35.6003885 L1.44759367,21.2502703 L1.4475933,21.25027 C1.33208743,21.1463692 1.22220259,21.036372 1.11840792,20.920748 C-0.49302969,19.1256817 -0.345639536,16.3628317 1.4475933,14.7497465 L17.4003877,0.399628282 C18.0404821,-0.176160428 19.0256378,-0.123509422 19.6007963,0.517239417 C20.1759548,1.1579461 20.1233997,2.14410915 19.4833053,2.7198557 L19.4833058,2.71985611 Z'
+  }))))));
+};
+exports.ArrowLeft = ArrowLeft;