antd-mobile 5.32.3 → 5.33.0

package/cjs/locales/tr-TR.js

@@ -0,0 +1,144 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _mergeLocale = require("../utils/merge-locale");
+var _base = require("./base");
+const typeTemplate = '${label} geçerli bir ${type} değil';
+const trTR = (0, _mergeLocale.mergeLocale)(_base.base, {
+  locale: 'tr-TR',
+  common: {
+    confirm: 'Onayla',
+    cancel: 'İptal',
+    loading: 'Yükleniyor',
+    close: 'Kapat'
+  },
+  Calendar: {
+    markItems: ['Pzt', 'Sal', 'Çar', 'Per', 'Cum', 'Cmt', 'Paz'],
+    yearAndMonth: '${year}/${month}'
+  },
+  Cascader: {
+    placeholder: 'Seç'
+  },
+  Dialog: {
+    ok: 'Tamam'
+  },
+  DatePicker: {
+    tillNow: 'Şimdiye kadar'
+  },
+  ErrorBlock: {
+    default: {
+      title: 'Hata, sanırım bir şeyler ters gitti',
+      description: 'Lütfen bir dakika bekleyip tekrar deneyin'
+    },
+    busy: {
+      title: 'Hata, yüklenmiyor',
+      description: 'Sayfayı yenilemeyi deneyin'
+    },
+    disconnected: {
+      title: 'Ağ şu an meşgul',
+      description: 'Sayfayı yenilemeyi deneyin'
+    },
+    empty: {
+      title: 'Hmm, bunu bulamadım...',
+      description: 'Yeni bir şeyler aramak ister misin?'
+    }
+  },
+  Form: {
+    required: 'Zorunlu',
+    optional: 'İsteğe bağlı',
+    defaultValidateMessages: {
+      default: 'Alan doğrulama hatası ${label}',
+      required: '${label} gerekli bir alan',
+      enum: '${label} şunlardan biri olmalı: [${enum}]',
+      whitespace: '${label} sadece boşluk olamaz',
+      date: {
+        format: '${label} tarih biçimi geçersiz',
+        parse: '${label} bir tarihe dönüştürülemedi',
+        invalid: '${label} geçersiz bir tarih'
+      },
+      types: {
+        string: typeTemplate,
+        method: typeTemplate,
+        array: typeTemplate,
+        object: typeTemplate,
+        number: typeTemplate,
+        date: typeTemplate,
+        boolean: typeTemplate,
+        integer: typeTemplate,
+        float: typeTemplate,
+        regexp: typeTemplate,
+        email: typeTemplate,
+        url: typeTemplate,
+        hex: typeTemplate
+      },
+      string: {
+        len: '${label}, ${len} karakterden oluşmalıdır',
+        min: '${label} en az ${min} karakter olmalı',
+        max: '${label} en çok ${max} karakter olmalı',
+        range: '${label} ${min}-${max} karakter arası olmalı'
+      },
+      number: {
+        len: '${label} ${len} olmalı',
+        min: '${label} en az ${min} olmalı',
+        max: '${label} en çok ${max} olmalı',
+        range: '${label} ${min}-${max} arası olmalı'
+      },
+      array: {
+        len: '${label} sayısı ${len} olmalı',
+        min: '${label} sayısı en az ${min} olmalı',
+        max: '${label} sayısı en çok ${max} olmalı',
+        range: '${label} sayısı ${min}-${max} arasında olmalıdır'
+      },
+      pattern: {
+        mismatch: '${label} şu kalıpla eşleşmeli: ${pattern}'
+      }
+    }
+  },
+  ImageUploader: {
+    uploading: 'Yükleniyor...',
+    upload: 'Yükle'
+  },
+  InfiniteScroll: {
+    noMore: 'Daha fazla yok',
+    failedToLoad: 'Yükleme başarısız',
+    retry: 'Tekrar'
+  },
+  Input: {
+    clear: 'temizle'
+  },
+  Mask: {
+    name: 'Maskele'
+  },
+  Modal: {
+    ok: 'Tamam'
+  },
+  PasscodeInput: {
+    name: 'Şifre Girişi'
+  },
+  PullToRefresh: {
+    pulling: 'Yenilemek için aşağı kaydırın',
+    canRelease: 'Hemen yenilemek için bırakın',
+    complete: 'Yenileme başarılı'
+  },
+  SearchBar: {
+    name: 'Arama Çubuğu'
+  },
+  Slider: {
+    name: 'Slider'
+  },
+  Stepper: {
+    decrease: 'azalt',
+    increase: 'yükselt'
+  },
+  Switch: {
+    name: 'Değiştir'
+  },
+  Selector: {
+    name: 'Seçici'
+  }
+});
+var _default = trTR;
+exports.default = _default;

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

@@ -7,6 +7,11 @@ declare const zhCN: {
         close: string;
     };
     Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
         markItems: string[];
         yearAndMonth: string;
     };

package/cjs/locales/zh-CN.js

@@ -16,6 +16,11 @@ const zhCN = (0, _mergeLocale.mergeLocale)(_base.base, {
     close: '关闭'
   },
   Calendar: {
+    title: '日期选择',
+    confirm: '确认',
+    start: '开始',
+    end: '结束',
+    today: '今日',
     markItems: ['一', '二', '三', '四', '五', '六', '日'],
     yearAndMonth: '${year}年${month}月'
   },

package/cjs/locales/zh-HK.d.ts

@@ -7,6 +7,11 @@ declare const zhHK: {
         close: string;
     };
     Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
         markItems: string[];
         yearAndMonth: string;
     };

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

@@ -7,6 +7,11 @@ declare const zhTW: {
         close: string;
     };
     Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
         markItems: string[];
         yearAndMonth: string;
     };

package/cjs/utils/create-icon-component.d.ts

@@ -1,2 +1,2 @@
-import { FC, ReactElement } from 'react';
+import type { FC, ReactElement } from 'react';
 export declare function createIconComponent(svg: ReactElement): FC<{}>;

package/cjs/utils/is-node-with-content.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 declare type Regulated<T> = T extends null | undefined | false ? never : T;
 export declare function isNodeWithContent(node: ReactNode): node is Regulated<ReactNode>;
 export {};

package/cjs/utils/render-imperatively.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 declare type ImperativeProps = {
     visible?: boolean;
     onClose?: () => void;

package/cjs/utils/render-to-body.d.ts

@@ -1,2 +1,2 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 export declare function renderToBody(element: ReactElement): () => void;

package/cjs/utils/render-to-container.d.ts

@@ -1,3 +1,3 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 export declare type GetContainer = HTMLElement | (() => HTMLElement) | null;
 export declare function renderToContainer(getContainer: GetContainer, node: ReactElement): ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/cjs/utils/render.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import type { Root } from 'react-dom/client';
 declare const MARK = "__antd_mobile_root__";
 declare type ContainerType = (Element | DocumentFragment) & {

package/cjs/utils/should-render.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactElement } from 'react';
+import type { FC, ReactElement } from 'react';
 interface Props {
     active: boolean;
     forceRender?: boolean;

package/cjs/utils/traverse-react-node.d.ts

@@ -1,2 +1,2 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export declare function traverseReactNode(children: ReactNode, fn: (child: ReactNode, index: number) => void): void;

package/cjs/utils/with-stop-propagation.d.ts

@@ -1,3 +1,4 @@
-import React, { ReactElement } from 'react';
+import React from 'react';
+import type { ReactElement } from 'react';
 export declare type PropagationEvent = 'click';
 export declare function withStopPropagation(events: PropagationEvent[], element: ReactElement): React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/es/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/es/components/action-sheet/action-sheet.js

@@ -18,6 +18,9 @@ const defaultProps = {
 };
 export const ActionSheet = p => {
   const props = mergeProps(defaultProps, p);
+  const {
+    styles
+  } = props;
   return React.createElement(Popup, {
     visible: props.visible,
     onMaskClick: () => {
@@ -32,7 +35,9 @@ export 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
   }, withNativeProps(props, React.createElement("div", {
     className: classPrefix
   }, props.extra && React.createElement("div", {
@@ -70,10 +75,7 @@ export const ActionSheet = p => {
     className: `${classPrefix}-button-item-wrapper`
   }, React.createElement("a", {
     className: classNames('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.createElement("div", {
     className: `${classPrefix}-button-item-name`
   }, props.cancelText)))), props.safeArea && React.createElement(SafeArea, {

package/es/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/es/components/auto-center/auto-center.js

@@ -1,10 +1,8 @@
 import React from 'react';
 import { withNativeProps } from '../../utils/native-props';
 const classPrefix = 'adm-auto-center';
-export const AutoCenter = props => {
-  return withNativeProps(props, React.createElement("div", {
-    className: classPrefix
-  }, React.createElement("div", {
-    className: `${classPrefix}-content`
-  }, props.children)));
-};
+export const AutoCenter = props => withNativeProps(props, React.createElement("div", {
+  className: classPrefix
+}, React.createElement("div", {
+  className: `${classPrefix}-content`
+}, props.children)));

package/es/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/es/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/es/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/es/components/badge/badge.js

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

package/es/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/es/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/es/components/button/button.js

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

package/es/components/calendar/calendar.js

@@ -1,4 +1,4 @@
-import React, { forwardRef, useState, useImperativeHandle, useMemo } from 'react';
+import React, { forwardRef, useState, useImperativeHandle, useMemo, useEffect } from 'react';
 import { withNativeProps } from '../../utils/native-props';
 import dayjs from 'dayjs';
 import classNames from 'classnames';
@@ -10,6 +10,7 @@ import isoWeek from 'dayjs/plugin/isoWeek';
 import { useUpdateEffect } from 'ahooks';
 import { usePropsValue } from '../../utils/use-props-value';
 import { replaceMessage } from '../../utils/replace-message';
+import { devWarning } from '../../utils/dev-log';
 import { convertValueToRange, convertPageToDayjs } from './convert';
 dayjs.extend(isoWeek);
 const classPrefix = 'adm-calendar';
@@ -208,6 +209,12 @@ export const Calendar = forwardRef((p, ref) => {
     key: index,
     className: `${classPrefix}-mark-cell`
   }, item)));
+  // Dev only warning
+  if (process.env.NODE_ENV !== 'production') {
+    useEffect(() => {
+      devWarning('Calendar', 'Calendar will be removed in the future, please use CalendarPickerView instead.');
+    }, []);
+  }
   return withNativeProps(props, React.createElement("div", {
     className: classPrefix
   }, header, mark, body));

package/es/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>>;