antd-mobile 5.25.1 → 5.27.0

package/cjs/components/stepper/stepper.js

@@ -3,99 +3,168 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Stepper = void 0;
+exports.Stepper = Stepper;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _antdMobileIcons = require("antd-mobile-icons");
+var _useMergedState = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
+var _miniDecimal = _interopRequireWildcard(require("@rc-component/mini-decimal"));
 var _nativeProps = require("../../utils/native-props");
-var _usePropsValue = require("../../utils/use-props-value");
 var _withDefaultProps = require("../../utils/with-default-props");
-var _bound = require("../../utils/bound");
 var _input = _interopRequireDefault(require("../input"));
 var _button = _interopRequireDefault(require("../button"));
-var _big = _interopRequireDefault(require("big.js"));
 var _configProvider = require("../config-provider");
 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; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const classPrefix = `adm-stepper`;
 const defaultProps = {
-  defaultValue: 0,
   step: 1,
   disabled: false,
   allowEmpty: false
 };
-const Stepper = p => {
+function Stepper(p) {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   const {
+    defaultValue = 0,
+    value,
+    onChange,
     disabled,
     step,
     max,
     min,
-    inputReadOnly
+    inputReadOnly,
+    digits,
+    stringMode,
+    formatter,
+    parser
   } = props;
   const {
     locale
   } = (0, _configProvider.useConfig)();
-  const [value, setValue] = (0, _usePropsValue.usePropsValue)(props);
-  const [inputValue, setInputValue] = (0, _react.useState)(() => convertValueToText(value, props.digits));
-  function setValueWithCheck(v) {
-    if (isNaN(v)) return;
-    let target = (0, _bound.bound)(v, props.min, props.max);
-    if (props.digits !== undefined) {
-      target = parseFloat(target.toFixed(props.digits));
+  // ========================== Parse / Format ==========================
+  const fixedValue = value => {
+    const fixedValue = digits !== undefined ? (0, _miniDecimal.toFixed)(value.toString(), '.', digits) : value;
+    return fixedValue.toString();
+  };
+  const getValueAsType = value => stringMode ? value.toString() : value.toNumber();
+  const parseValue = text => {
+    if (text === '') return null;
+    if (parser) {
+      return String(parser(text));
     }
-    setValue(target);
-  }
-  const [hasFocus, setHasFocus] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    if (!hasFocus) {
-      setInputValue(convertValueToText(value, props.digits));
+    const decimal = (0, _miniDecimal.default)(text);
+    return decimal.isInvalidate() ? null : decimal.toString();
+  };
+  const formatValue = value => {
+    if (value === null) return '';
+    if (formatter) {
+      return formatter(value);
+    } else {
+      return fixedValue(value);
     }
-  }, [hasFocus]);
-  (0, _react.useEffect)(() => {
-    if (!hasFocus) {
-      setInputValue(convertValueToText(value, props.digits));
+  };
+  // ======================== Value & InputValue ========================
+  const [mergedValue, setMergedValue] = (0, _useMergedState.default)(defaultValue, {
+    value,
+    onChange: nextValue => {
+      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
+    }
+  });
+  const [inputValue, setInputValue] = (0, _react.useState)(() => formatValue(mergedValue));
+  // >>>>> Value
+  function setValueWithCheck(nextValue) {
+    if (nextValue.isNaN()) return;
+    let target = nextValue;
+    // Put into range
+    if (min !== undefined) {
+      const minDecimal = (0, _miniDecimal.default)(min);
+      if (target.lessEquals(minDecimal)) {
+        target = minDecimal;
+      }
+    }
+    if (max !== undefined) {
+      const maxDecimal = (0, _miniDecimal.default)(max);
+      if (maxDecimal.lessEquals(target)) {
+        target = maxDecimal;
+      }
     }
-  }, [value, props.digits]);
+    // Fix digits
+    if (digits !== undefined) {
+      target = (0, _miniDecimal.default)(fixedValue(getValueAsType(target)));
+    }
+    setMergedValue(getValueAsType(target));
+  }
+  // >>>>> Input
   const handleInputChange = v => {
     setInputValue(v);
-    const value = convertTextToValue(v);
-    if (value === null) {
+    const valueStr = parseValue(v);
+    if (valueStr === null) {
       if (props.allowEmpty) {
-        setValue(null);
+        setMergedValue(null);
       } else {
-        setValue(props.defaultValue);
+        setMergedValue(defaultValue);
       }
     } else {
-      setValueWithCheck(value);
+      setValueWithCheck((0, _miniDecimal.default)(valueStr));
     }
   };
+  // ============================== Focus ===============================
+  const [focused, setFocused] = (0, _react.useState)(false);
+  const inputRef = _react.default.useRef(null);
+  function triggerFocus(nextFocus) {
+    setFocused(nextFocus);
+    // We will convert value to original text when focus
+    if (nextFocus) {
+      setInputValue(mergedValue !== null && mergedValue !== undefined ? String(mergedValue) : '');
+    }
+  }
+  (0, _react.useEffect)(() => {
+    var _a, _b, _c;
+    if (focused) {
+      (_c = (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.select) === null || _c === void 0 ? void 0 : _c.call(_b);
+    }
+  }, [focused]);
+  // Focus change to format value
+  (0, _react.useEffect)(() => {
+    if (!focused) {
+      setInputValue(formatValue(mergedValue));
+    }
+  }, [focused, mergedValue, digits]);
+  // ============================ Operations ============================
+  const handleOffset = positive => {
+    let stepValue = (0, _miniDecimal.default)(step);
+    if (!positive) {
+      stepValue = stepValue.negate();
+    }
+    setValueWithCheck((0, _miniDecimal.default)(mergedValue !== null && mergedValue !== void 0 ? mergedValue : 0).add(stepValue.toString()));
+  };
   const handleMinus = () => {
-    setValueWithCheck((0, _big.default)(value !== null && value !== void 0 ? value : 0).minus(step).toNumber());
+    handleOffset(false);
   };
   const handlePlus = () => {
-    setValueWithCheck((0, _big.default)(value !== null && value !== void 0 ? value : 0).add(step).toNumber());
+    handleOffset(true);
   };
   const minusDisabled = () => {
     if (disabled) return true;
-    if (value === null) return false;
+    if (mergedValue === null) return false;
     if (min !== undefined) {
-      return value <= min;
+      return mergedValue <= min;
     }
     return false;
   };
   const plusDisabled = () => {
     if (disabled) return true;
-    if (value === null) return false;
+    if (mergedValue === null) return false;
     if (max !== undefined) {
-      return value >= max;
+      return mergedValue >= max;
     }
     return false;
   };
+  // ============================== Render ==============================
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: (0, _classnames.default)(classPrefix, {
-      [`${classPrefix}-active`]: hasFocus
+      [`${classPrefix}-active`]: focused
     })
   }, _react.default.createElement(_button.default, {
     className: `${classPrefix}-minus`,
@@ -108,10 +177,11 @@ const Stepper = p => {
   }, _react.default.createElement(_antdMobileIcons.MinusOutline, null)), _react.default.createElement("div", {
     className: `${classPrefix}-middle`
   }, _react.default.createElement(_input.default, {
+    ref: inputRef,
     className: `${classPrefix}-input`,
     onFocus: e => {
       var _a;
-      setHasFocus(true);
+      triggerFocus(true);
       (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
     value: inputValue,
@@ -121,14 +191,14 @@ const Stepper = p => {
     disabled: disabled,
     onBlur: e => {
       var _a;
-      setHasFocus(false);
+      triggerFocus(false);
       (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
     readOnly: inputReadOnly,
     role: 'spinbutton',
     "aria-valuenow": Number(inputValue),
-    "aria-valuemax": max,
-    "aria-valuemin": min,
+    "aria-valuemax": Number(max),
+    "aria-valuemin": Number(min),
     inputMode: 'decimal'
   })), _react.default.createElement(_button.default, {
     className: `${classPrefix}-plus`,
@@ -139,17 +209,4 @@ const Stepper = p => {
     color: 'primary',
     "aria-label": locale.Stepper.increase
   }, _react.default.createElement(_antdMobileIcons.AddOutline, null))));
-};
-exports.Stepper = Stepper;
-function convertValueToText(value, digits) {
-  if (value === null) return '';
-  if (digits !== undefined) {
-    return value.toFixed(digits);
-  } else {
-    return value.toString();
-  }
-}
-function convertTextToValue(text) {
-  if (text === '') return null;
-  return parseFloat(text);
 }

package/cjs/components/steps/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './steps.less';
 export type { StepsProps } from './steps';
 export type { StepProps } from './step';

package/cjs/components/swiper/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './swiper.less';
 export type { SwiperProps, SwiperRef } from './swiper';
 declare const _default: import("react").ForwardRefExoticComponent<{

package/cjs/components/tab-bar/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './tab-bar.less';
 export type { TabBarProps, TabBarItemProps } from './tab-bar';
 declare const _default: import("react").FC<import("./tab-bar").TabBarProps> & {

package/cjs/components/tabs/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './tabs.less';
 export type { TabsProps, TabProps } from './tabs';
 declare const _default: import("react").FC<import("./tabs").TabsProps> & {

package/cjs/components/tree-select/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './tree-select.less';
 export type { TreeSelectProps, TreeSelectOption } from './tree-select';
 export type { MultipleProps } from './multiple';

package/cjs/components/water-mark/water-mark.d.ts

@@ -10,7 +10,7 @@ export declare type WaterMarkProps = {
     image?: string;
     imageWidth?: number;
     imageHeight?: number;
-    content?: string;
+    content?: string | string[];
     fontColor?: string;
     fontStyle?: 'none' | 'normal' | 'italic' | 'oblique';
     fontFamily?: string;

package/cjs/components/water-mark/water-mark.js

@@ -67,7 +67,11 @@ const WaterMark = p => {
         const markSize = Number(fontSize) * ratio;
         ctx.font = `${fontStyle} normal ${fontWeight} ${markSize}px/${markHeight}px ${fontFamily}`;
         ctx.fillStyle = fontColor;
-        ctx.fillText(content, 0, 0);
+        if (Array.isArray(content)) {
+          content.forEach((item, index) => ctx.fillText(item, 0, index * markSize));
+        } else {
+          ctx.fillText(content, 0, 0);
+        }
         ctx.restore();
         setBase64Url(canvas.toDataURL());
       }

package/cjs/locales/base.d.ts

@@ -15,6 +15,9 @@ export declare const base: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/cjs/locales/base.js

@@ -22,6 +22,9 @@ const base = {
   Dialog: {
     ok: 'OK'
   },
+  DatePicker: {
+    tillNow: 'Till Now'
+  },
   ErrorBlock: {
     default: {
       title: 'Oops, something went wrong',

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

@@ -15,6 +15,9 @@ declare const enUS: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/cjs/locales/es-ES.d.ts

@@ -15,6 +15,9 @@ declare const esES: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/cjs/locales/fa-IR.d.ts

@@ -15,6 +15,9 @@ declare const faIR: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/cjs/locales/fr-FR.d.ts

@@ -15,6 +15,9 @@ declare const frFR: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/cjs/locales/id-ID.d.ts

@@ -15,6 +15,9 @@ declare const idID: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/cjs/locales/ja-JP.d.ts

@@ -15,6 +15,9 @@ declare const jaJP: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/cjs/locales/kk-KZ.d.ts

@@ -15,6 +15,9 @@ declare const kkKZ: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/cjs/locales/ko-KR.d.ts

@@ -15,6 +15,9 @@ declare const koKR: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

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

@@ -15,6 +15,9 @@ declare const zhCN: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/cjs/locales/zh-CN.js

@@ -24,6 +24,9 @@ const zhCN = (0, _mergeLocale.mergeLocale)(_base.base, {
   Dialog: {
     ok: '我知道了'
   },
+  DatePicker: {
+    tillNow: '至今'
+  },
   ErrorBlock: {
     default: {
       title: '页面遇到一些小问题',

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

@@ -15,6 +15,9 @@ declare const zhHK: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

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

@@ -15,6 +15,9 @@ declare const zhTW: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/cjs/utils/use-isomorphic-update-layout-effect.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const useIsomorphicUpdateLayoutEffect: typeof import("react").useEffect | typeof import("react").useLayoutEffect;

package/cjs/utils/use-ref-state.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function useRefState<T>(initialState: T | (() => T)): readonly [T, import("react").Dispatch<import("react").SetStateAction<T>>, import("react").MutableRefObject<T>];

package/es/components/action-sheet/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './action-sheet.less';
 import { showActionSheet } from './action-sheet';
 export type { Action, ActionSheetProps, ActionSheetShowHandler, } from './action-sheet';

package/es/components/badge/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './badge.less';
 export type { BadgeProps } from './badge';
 declare const _default: import("react").FC<import("./badge").BadgeProps> & {

package/es/components/calendar/calendar.js

@@ -122,11 +122,17 @@ export const Calendar = forwardRef((p, ref) => {
       let isSelect = false;
       let isBegin = false;
       let isEnd = false;
+      let isSelectRowBegin = false;
+      let isSelectRowEnd = false;
       if (dateRange) {
         const [begin, end] = dateRange;
         isBegin = d.isSame(begin, 'day');
         isEnd = d.isSame(end, 'day');
         isSelect = isBegin || isEnd || d.isAfter(begin, 'day') && d.isBefore(end, 'day');
+        if (isSelect) {
+          isSelectRowBegin = (cells.length % 7 === 0 || d.isSame(d.startOf('month'), 'day')) && !isBegin;
+          isSelectRowEnd = (cells.length % 7 === 6 || d.isSame(d.endOf('month'), 'day')) && !isEnd;
+        }
       }
       const inThisMonth = d.month() === current.month();
       const disabled = props.shouldDisableDate ? props.shouldDisableDate(d.toDate()) : maxDay && d.isAfter(maxDay, 'day') || minDay && d.isBefore(minDay, 'day');
@@ -136,7 +142,9 @@ export const Calendar = forwardRef((p, ref) => {
           [`${classPrefix}-cell-today`]: d.isSame(today, 'day'),
           [`${classPrefix}-cell-selected`]: isSelect,
           [`${classPrefix}-cell-selected-begin`]: isBegin,
-          [`${classPrefix}-cell-selected-end`]: isEnd
+          [`${classPrefix}-cell-selected-end`]: isEnd,
+          [`${classPrefix}-cell-selected-row-begin`]: isSelectRowBegin,
+          [`${classPrefix}-cell-selected-row-end`]: isSelectRowEnd
         }),
         onClick: () => {
           if (!props.selectionMode) return;

package/es/components/capsule-tabs/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './capsule-tabs.less';
 export type { CapsuleTabsProps, CapsuleTabProps } from './capsule-tabs';
 declare const _default: import("react").FC<import("./capsule-tabs").CapsuleTabsProps> & {

package/es/components/cascade-picker/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { prompt } from './prompt';
 export type { CascadePickerProps, CascadePickerRef, CascadePickerOption, } from './cascade-picker';
 declare const _default: import("react").ForwardRefExoticComponent<Omit<import("../picker").PickerProps, "columns"> & {

package/es/components/cascader/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { prompt } from './prompt';
 import './cascader.less';
 export type { CascaderProps, CascaderRef, CascaderActions } from './cascader';

package/es/components/cascader-view/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './cascader-view.less';
 export type { CascaderViewProps, CascaderValue, CascaderValueExtend, CascaderOption, } from './cascader-view';
 declare const _default: import("react").FC<import("./cascader-view").CascaderViewProps> & {

package/es/components/check-list/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './check-list.less';
 export type { CheckListProps } from './check-list';
 export type { CheckListItemProps } from './check-list-item';

package/es/components/checkbox/group-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CheckboxValue } from '.';
 export declare const CheckboxGroupContext: import("react").Context<{
     value: CheckboxValue[];

package/es/components/checkbox/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './checkbox.less';
 export type { CheckboxValue, CheckboxProps, CheckboxRef } from './checkbox';
 export type { CheckboxGroupProps } from './group';

package/es/components/collapse/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './collapse.less';
 export type { CollapseProps, CollapsePanelProps } from './collapse';
 declare const _default: import("react").FC<import("./collapse").CollapseProps> & {

package/es/components/date-picker/date-picker-date-utils.d.ts

@@ -1,8 +1,7 @@
-import { ReactNode } from 'react';
 import { PickerColumn } from '../picker';
 import type { DatePickerFilter } from './date-picker-utils';
+import { RenderLabel } from '../date-picker-view/date-picker-view';
 export declare type DatePrecision = 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second';
-export declare function defaultRenderLabel(type: DatePrecision, data: number): string;
-export declare function generateDatePickerColumns(selected: string[], min: Date, max: Date, precision: DatePrecision, renderLabel: (type: DatePrecision, data: number) => ReactNode, filter: DatePickerFilter | undefined): PickerColumn[];
+export declare function generateDatePickerColumns(selected: string[], min: Date, max: Date, precision: DatePrecision, renderLabel: RenderLabel, filter: DatePickerFilter | undefined, tillNow?: boolean): PickerColumn[];
 export declare function convertDateToStringArray(date: Date | undefined | null): string[];
 export declare function convertStringArrayToDate(value: (string | null | undefined)[]): Date;

package/es/components/date-picker/date-picker-date-utils.js

@@ -2,6 +2,7 @@ import dayjs from 'dayjs';
 import isoWeek from 'dayjs/plugin/isoWeek';
 import isoWeeksInYear from 'dayjs/plugin/isoWeeksInYear';
 import isLeapYear from 'dayjs/plugin/isLeapYear';
+import { TILL_NOW } from './util';
 dayjs.extend(isoWeek);
 dayjs.extend(isoWeeksInYear);
 dayjs.extend(isLeapYear);
@@ -13,17 +14,7 @@ const precisionRankRecord = {
   minute: 4,
   second: 5
 };
-export function defaultRenderLabel(type, data) {
-  switch (type) {
-    case 'minute':
-    case 'second':
-    case 'hour':
-      return ('0' + data.toString()).slice(-2);
-    default:
-      return data.toString();
-  }
-}
-export function generateDatePickerColumns(selected, min, max, precision, renderLabel, filter) {
+export function generateDatePickerColumns(selected, min, max, precision, renderLabel, filter, tillNow) {
   const ret = [];
   const minYear = min.getFullYear();
   const minMonth = min.getMonth() + 1;
@@ -137,6 +128,18 @@ export function generateDatePickerColumns(selected, min, max, precision, renderL
       };
     }));
   }
+  // Till Now
+  if (tillNow) {
+    ret[0].push({
+      label: renderLabel('now', null),
+      value: TILL_NOW
+    });
+    if (TILL_NOW === (selected === null || selected === void 0 ? void 0 : selected[0])) {
+      for (let i = 1; i < ret.length; i += 1) {
+        ret[i] = [];
+      }
+    }
+  }
   return ret;
 }
 export function convertDateToStringArray(date) {

package/es/components/date-picker/date-picker-utils.d.ts

@@ -1,11 +1,10 @@
-import { ReactNode } from 'react';
 import type { DatePrecision } from './date-picker-date-utils';
 import type { WeekPrecision } from './date-picker-week-utils';
+import { RenderLabel } from '../date-picker-view/date-picker-view';
 export declare type Precision = DatePrecision | WeekPrecision;
 export declare type DatePickerFilter = Partial<Record<Precision, (val: number, extend: {
     date: Date;
 }) => boolean>>;
 export declare const convertDateToStringArray: (date: Date | undefined | null, precision: Precision) => string[];
 export declare const convertStringArrayToDate: (value: (string | null | undefined)[], precision: Precision) => Date;
-export declare const generateDatePickerColumns: (selected: string[], min: Date, max: Date, precision: Precision, renderLabel: (type: Precision, data: number) => ReactNode, filter: DatePickerFilter | undefined) => import("../picker-view").PickerColumn[];
-export declare const defaultRenderLabel: (precision: Precision, data: number) => string;
+export declare const generateDatePickerColumns: (selected: string[], min: Date, max: Date, precision: Precision, renderLabel: RenderLabel, filter: DatePickerFilter | undefined, tillNow?: boolean | undefined) => import("../picker-view").PickerColumn[];