@rc-component/picker 1.3.0 → 1.4.1

package/README.md

@@ -54,6 +54,7 @@ render(<Picker />, mountNode);
 | autoFocus | boolean | false | whether auto focus |
 | showTime | boolean \| Object | [showTime options](#showTime-options) | to provide an additional time selection |
 | picker | time \| date \| week \| month \| year |  | control which kind of panel should be shown |
+| previewValue | false \| hover | hover | When the user selects the date hover option, the value of the input field undergoes a temporary change |
 | format | String \| String[] | depends on whether you set timePicker and your locale | use to format/parse date(without time) value to/from input. When an array is provided, all values are used for parsing and first value for display |
 | use12Hours | boolean | false | 12 hours display mode |
 | value | moment |  | current value like input's value |
@@ -102,7 +103,7 @@ render(<Picker />, mountNode);
 ### RangePicker
 
 | Property | Type | Default | Description |
-| --- | --- | --- | --- |
+| --- | --- | --- | --- | --- |
 | prefixCls | String | rc-picker | prefixCls of this component |
 | className | String | '' | additional css class of root dom |
 | style | React.CSSProperties |  | additional style of root dom node |
@@ -112,6 +113,7 @@ render(<Picker />, mountNode);
 | defaultPickerValue | moment |  | Set default display picker view date |
 | separator | String | '~' | set separator between inputs |
 | picker | time \| date \| week \| month \| year |  | control which kind of panel |
+| previewValue | false \| hover | hover | When the user selects the date hover option, the value of the input field undergoes a temporary change |
 | placeholder | [String, String] |  | placeholder of date input |
 | showTime | boolean \| Object | [showTime options](#showTime-options) | to provide an additional time selection |
 | showTime.defaultValue | [moment, moment] |  | to set default time of selected date |

package/es/PickerInput/RangePicker.js

@@ -15,7 +15,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useEvent, useMergedState } from '@rc-component/util';
+import { useEvent, useControlledState } from '@rc-component/util';
 import cls from 'classnames';
 import useLayoutEffect from "@rc-component/util/es/hooks/useLayoutEffect";
 import omit from "@rc-component/util/es/omit";
@@ -76,6 +76,7 @@ function RangePicker(props, ref) {
     rootClassName = filledProps.rootClassName,
     propStyles = filledProps.styles,
     propClassNames = filledProps.classNames,
+    previewValue = filledProps.previewValue,
     defaultValue = filledProps.defaultValue,
     value = filledProps.value,
     needConfirm = filledProps.needConfirm,
@@ -191,12 +192,10 @@ function RangePicker(props, ref) {
   }, [showTime, activeIndex, calendarValue, activeIndexList]);
 
   // ========================= Mode =========================
-  var _useMergedState = useMergedState([picker, picker], {
-      value: mode
-    }),
-    _useMergedState2 = _slicedToArray(_useMergedState, 2),
-    modes = _useMergedState2[0],
-    setModes = _useMergedState2[1];
+  var _useControlledState = useControlledState([picker, picker], mode),
+    _useControlledState2 = _slicedToArray(_useControlledState, 2),
+    modes = _useControlledState2[0],
+    setModes = _useControlledState2[1];
   var mergedMode = modes[activeIndex] || picker;
 
   /** Extends from `mergedMode` to patch `datetime` mode */
@@ -340,12 +339,18 @@ function RangePicker(props, ref) {
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     activeInfo = _React$useState6[0],
     setActiveInfo = _React$useState6[1];
+  var onSetHover = function onSetHover(date, source) {
+    if (previewValue !== 'hover') {
+      return;
+    }
+    setInternalHoverValues(date);
+    setHoverSource(source);
+  };
 
   // ======================= Presets ========================
   var presetList = usePresets(presets, ranges);
   var onPresetHover = function onPresetHover(nextValues) {
-    setInternalHoverValues(nextValues);
-    setHoverSource('preset');
+    onSetHover(nextValues, 'preset');
   };
   var onPresetSubmit = function onPresetSubmit(nextValues) {
     var passed = triggerSubmitChange(nextValues);
@@ -361,8 +366,7 @@ function RangePicker(props, ref) {
 
   // ======================== Panel =========================
   var onPanelHover = function onPanelHover(date) {
-    setInternalHoverValues(date ? fillCalendarValue(date, activeIndex) : null);
-    setHoverSource('cell');
+    onSetHover(date ? fillCalendarValue(date, activeIndex) : null, 'cell');
   };
 
   // >>> Focus

package/es/PickerInput/Selector/hooks/useClearIcon.d.ts

@@ -5,4 +5,4 @@ import * as React from 'react';
  */
 export declare function fillClearIcon(prefixCls: string, allowClear?: boolean | {
     clearIcon?: ReactNode;
-}, clearIcon?: ReactNode): string | number | true | React.JSX.Element | Iterable<ReactNode>;
+}, clearIcon?: ReactNode): string | number | true | Iterable<ReactNode> | React.JSX.Element;

package/es/PickerInput/SinglePicker.js

@@ -15,7 +15,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useEvent, useMergedState } from '@rc-component/util';
+import { useEvent, useControlledState } from '@rc-component/util';
 import cls from 'classnames';
 import useLayoutEffect from "@rc-component/util/es/hooks/useLayoutEffect";
 import omit from "@rc-component/util/es/omit";
@@ -59,6 +59,7 @@ function Picker(props, ref) {
     rootClassName = _ref.rootClassName,
     propStyles = _ref.styles,
     propClassNames = _ref.classNames,
+    previewValue = _ref.previewValue,
     order = _ref.order,
     defaultValue = _ref.defaultValue,
     value = _ref.value,
@@ -162,12 +163,10 @@ function Picker(props, ref) {
   };
 
   // ========================= Mode =========================
-  var _useMergedState = useMergedState(picker, {
-      value: mode
-    }),
-    _useMergedState2 = _slicedToArray(_useMergedState, 2),
-    mergedMode = _useMergedState2[0],
-    setMode = _useMergedState2[1];
+  var _useControlledState = useControlledState(picker, mode),
+    _useControlledState2 = _slicedToArray(_useControlledState, 2),
+    mergedMode = _useControlledState2[0],
+    setMode = _useControlledState2[1];
 
   /** Extends from `mergedMode` to patch `datetime` mode */
   var internalMode = mergedMode === 'date' && showTime ? 'datetime' : mergedMode;
@@ -289,6 +288,13 @@ function Picker(props, ref) {
       setInternalHoverValue(null);
     }
   }, [mergedOpen]);
+  var onSetHover = function onSetHover(date, source) {
+    if (previewValue !== 'hover') {
+      return;
+    }
+    setInternalHoverValue(date);
+    setHoverSource(source);
+  };
 
   // ========================================================
   // ==                       Panels                       ==
@@ -296,8 +302,7 @@ function Picker(props, ref) {
   // ======================= Presets ========================
   var presetList = usePresets(presets);
   var onPresetHover = function onPresetHover(nextValue) {
-    setInternalHoverValue(nextValue);
-    setHoverSource('preset');
+    onSetHover(nextValue, 'preset');
   };
 
   // TODO: handle this
@@ -316,8 +321,7 @@ function Picker(props, ref) {
 
   // ======================== Panel =========================
   var onPanelHover = function onPanelHover(date) {
-    setInternalHoverValue(date);
-    setHoverSource('cell');
+    onSetHover(date, 'cell');
   };
 
   // >>> Focus

package/es/PickerInput/hooks/useDelayState.js

@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useEvent, useMergedState } from '@rc-component/util';
+import { useEvent, useControlledState } from '@rc-component/util';
 import raf from "@rc-component/util/es/raf";
 import React from 'react';
 
@@ -13,12 +13,19 @@ import React from 'react';
  * But will be `false` for a delay of effect.
  */
 export default function useDelayState(value, defaultValue, onChange) {
-  var _useMergedState = useMergedState(defaultValue, {
-      value: value
-    }),
-    _useMergedState2 = _slicedToArray(_useMergedState, 2),
-    state = _useMergedState2[0],
-    setState = _useMergedState2[1];
+  var _useControlledState = useControlledState(defaultValue, value),
+    _useControlledState2 = _slicedToArray(_useControlledState, 2),
+    state = _useControlledState2[0],
+    setState = _useControlledState2[1];
+
+  // Need force update to ensure React re-render
+  var _React$useState = React.useState({}),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    forceUpdate = _React$useState2[1];
+  var triggerUpdate = useEvent(function (nextState) {
+    setState(nextState);
+    forceUpdate({});
+  });
   var nextValueRef = React.useRef(value);
 
   // ============================= Update =============================
@@ -27,7 +34,7 @@ export default function useDelayState(value, defaultValue, onChange) {
     raf.cancel(rafRef.current);
   };
   var doUpdate = useEvent(function () {
-    setState(nextValueRef.current);
+    triggerUpdate(nextValueRef.current);
     if (onChange && state !== nextValueRef.current) {
       onChange(nextValueRef.current);
     }

package/es/PickerInput/hooks/useFilledProps.d.ts

@@ -2,7 +2,7 @@ import type { FormatType, InternalMode, PickerMode } from '../../interface';
 import type { RangePickerProps } from '../RangePicker';
 import useInvalidate from './useInvalidate';
 type UseInvalidate<DateType extends object = any> = typeof useInvalidate<DateType>;
-type PickedProps<DateType extends object = any> = Pick<RangePickerProps<DateType>, 'generateConfig' | 'locale' | 'picker' | 'prefixCls' | 'styles' | 'classNames' | 'order' | 'components' | 'inputRender' | 'clearIcon' | 'allowClear' | 'needConfirm' | 'format' | 'inputReadOnly' | 'disabledDate' | 'minDate' | 'maxDate' | 'defaultOpenValue'> & {
+type PickedProps<DateType extends object = any> = Pick<RangePickerProps<DateType>, 'generateConfig' | 'locale' | 'picker' | 'prefixCls' | 'styles' | 'classNames' | 'order' | 'components' | 'inputRender' | 'clearIcon' | 'allowClear' | 'needConfirm' | 'format' | 'inputReadOnly' | 'disabledDate' | 'minDate' | 'maxDate' | 'defaultOpenValue' | 'previewValue'> & {
     multiple?: boolean;
     showTime?: any;
     value?: any;

package/es/PickerInput/hooks/useFilledProps.js

@@ -45,6 +45,8 @@ export default function useFilledProps(props, updater) {
     picker = _props$picker === void 0 ? 'date' : _props$picker,
     _props$prefixCls = props.prefixCls,
     prefixCls = _props$prefixCls === void 0 ? 'rc-picker' : _props$prefixCls,
+    _props$previewValue = props.previewValue,
+    previewValue = _props$previewValue === void 0 ? 'hover' : _props$previewValue,
     _props$styles = props.styles,
     styles = _props$styles === void 0 ? {} : _props$styles,
     _props$classNames = props.classNames,
@@ -110,6 +112,7 @@ export default function useFilledProps(props, updater) {
   // ======================== Props =========================
   var filledProps = React.useMemo(function () {
     return _objectSpread(_objectSpread({}, props), {}, {
+      previewValue: previewValue,
       prefixCls: prefixCls,
       locale: mergedLocale,
       picker: picker,

package/es/PickerInput/hooks/useRangePickerValue.js

@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useMergedState } from '@rc-component/util';
+import { useControlledState } from '@rc-component/util';
 import useLayoutEffect from "@rc-component/util/es/hooks/useLayoutEffect";
 import * as React from 'react';
 import { fillTime, isSame } from "../../utils/dateUtil";
@@ -53,22 +53,18 @@ export default function useRangePickerValue(generateConfig, locale, calendarValu
     endPickerValue = _pickerValue[1];
 
   // PickerValue state
-  var _useMergedState = useMergedState(function () {
+  var _useControlledState = useControlledState(function () {
       return getDefaultPickerValue(0);
-    }, {
-      value: startPickerValue
-    }),
-    _useMergedState2 = _slicedToArray(_useMergedState, 2),
-    mergedStartPickerValue = _useMergedState2[0],
-    setStartPickerValue = _useMergedState2[1];
-  var _useMergedState3 = useMergedState(function () {
+    }, startPickerValue),
+    _useControlledState2 = _slicedToArray(_useControlledState, 2),
+    mergedStartPickerValue = _useControlledState2[0],
+    setStartPickerValue = _useControlledState2[1];
+  var _useControlledState3 = useControlledState(function () {
       return getDefaultPickerValue(1);
-    }, {
-      value: endPickerValue
-    }),
-    _useMergedState4 = _slicedToArray(_useMergedState3, 2),
-    mergedEndPickerValue = _useMergedState4[0],
-    setEndPickerValue = _useMergedState4[1];
+    }, endPickerValue),
+    _useControlledState4 = _slicedToArray(_useControlledState3, 2),
+    mergedEndPickerValue = _useControlledState4[0],
+    setEndPickerValue = _useControlledState4[1];
 
   // Current PickerValue
   var currentPickerValue = React.useMemo(function () {

package/es/PickerInput/hooks/useRangeValue.d.ts

@@ -15,7 +15,7 @@ rangeValue: boolean,
  * This should only used in SinglePicker with `multiple` mode.
  * So when `rangeValue` is `true`, order will be ignored.
  */
-order: boolean, defaultValue?: ValueType, value?: ValueType, onCalendarChange?: (dates: ValueType, dateStrings: ReplaceListType<Required<ValueType>, string>, info: BaseInfo) => void, onOk?: (dates: ValueType) => void): readonly [ValueType, (updater: ValueType | ((origin: ValueType) => ValueType), ignoreDestroy?: boolean) => void, (useControlledValueFirst?: boolean) => ValueType, TriggerCalendarChange<ValueType>, () => void];
+order: boolean, defaultValue?: ValueType, value?: ValueType, onCalendarChange?: (dates: ValueType, dateStrings: ReplaceListType<Required<ValueType>, string>, info: BaseInfo) => void, onOk?: (dates: ValueType) => void): readonly [ValueType, (updater: ValueType | ((origin: ValueType) => ValueType)) => void, (useControlledValueFirst?: boolean) => ValueType, TriggerCalendarChange<ValueType>, () => void];
 export default function useRangeValue<ValueType extends DateType[], DateType extends object = any>(info: Pick<RangePickerProps<DateType>, 'generateConfig' | 'locale' | 'allowEmpty' | 'order' | 'picker'> & ReplacedPickerProps<DateType>, mergedValue: ValueType, setInnerValue: (nextValue: ValueType) => void, getCalendarValue: () => ValueType, triggerCalendarChange: TriggerCalendarChange<ValueType>, disabled: ReplaceListType<Required<ValueType>, boolean>, formatList: FormatType[], focused: boolean, open: boolean, isInvalidateDate: (date: DateType, info?: {
     from?: DateType;
     activeIndex: number;

package/es/PickerInput/hooks/useRangeValue.js

@@ -8,7 +8,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-import { useEvent, useMergedState } from '@rc-component/util';
+import { useEvent, useControlledState } from '@rc-component/util';
 import * as React from 'react';
 import useSyncState from "../../hooks/useSyncState";
 import { formatValue, isSame, isSameTimestamp } from "../../utils/dateUtil";
@@ -101,12 +101,10 @@ rangeValue,
  */
 order, defaultValue, value, onCalendarChange, onOk) {
   // This is the root value which will sync with controlled or uncontrolled value
-  var _useMergedState = useMergedState(defaultValue, {
-      value: value
-    }),
-    _useMergedState2 = _slicedToArray(_useMergedState, 2),
-    innerValue = _useMergedState2[0],
-    setInnerValue = _useMergedState2[1];
+  var _useControlledState = useControlledState(defaultValue, value),
+    _useControlledState2 = _slicedToArray(_useControlledState, 2),
+    innerValue = _useControlledState2[0],
+    setInnerValue = _useControlledState2[1];
   var mergedValue = innerValue || EMPTY_VALUE;
 
   // ========================= Inner Values =========================

package/es/PickerPanel/index.d.ts

@@ -52,13 +52,5 @@ export type PickerPanelProps<DateType extends object = any> = BasePickerPanelPro
     styles?: Partial<Record<PanelSemanticName, React.CSSProperties>>;
     classNames?: Partial<Record<PanelSemanticName, string>>;
 };
-declare const _default: <DateType extends object = any>(props: BasePickerPanelProps<DateType> & {
-    /** multiple selection. Not support time or datetime picker */
-    multiple?: boolean;
-    defaultValue?: DateType | DateType[];
-    value?: DateType | DateType[];
-    onChange?: (date: DateType | DateType[]) => void;
-    styles?: Partial<Record<PanelSemanticName, React.CSSProperties>>;
-    classNames?: Partial<Record<PanelSemanticName, string>>;
-} & React.RefAttributes<PickerPanelRef>) => React.ReactElement;
+declare const _default: <DateType extends object = any>(props: PickerPanelProps<DateType> & React.RefAttributes<PickerPanelRef>) => React.ReactElement;
 export default _default;

package/es/PickerPanel/index.js

@@ -16,7 +16,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import classNames from 'classnames';
-import { useEvent, useMergedState, warning } from '@rc-component/util';
+import { useEvent, useControlledState, warning } from '@rc-component/util';
 import * as React from 'react';
 import useLocale from "../hooks/useLocale";
 import { fillShowTimeConfig, getTimeProps } from "../hooks/useTimeConfig";
@@ -117,15 +117,10 @@ function PickerPanel(props, ref) {
   var now = generateConfig.getNow();
 
   // ========================== Mode ==========================
-  var _useMergedState = useMergedState(picker, {
-      value: mode,
-      postState: function postState(val) {
-        return val || 'date';
-      }
-    }),
-    _useMergedState2 = _slicedToArray(_useMergedState, 2),
-    mergedMode = _useMergedState2[0],
-    setMergedMode = _useMergedState2[1];
+  var _useControlledState = useControlledState(picker || 'date', mode),
+    _useControlledState2 = _slicedToArray(_useControlledState, 2),
+    mergedMode = _useControlledState2[0],
+    setMergedMode = _useControlledState2[1];
   var internalMode = mergedMode === 'date' && mergedShowTime ? 'datetime' : mergedMode;
 
   // ========================= Toggle =========================
@@ -134,12 +129,10 @@ function PickerPanel(props, ref) {
   // ========================= Value ==========================
   // >>> Real value
   // Interactive with `onChange` event which only trigger when the `mode` is `picker`
-  var _useMergedState3 = useMergedState(defaultValue, {
-      value: value
-    }),
-    _useMergedState4 = _slicedToArray(_useMergedState3, 2),
-    innerValue = _useMergedState4[0],
-    setMergedValue = _useMergedState4[1];
+  var _useControlledState3 = useControlledState(defaultValue, value),
+    _useControlledState4 = _slicedToArray(_useControlledState3, 2),
+    innerValue = _useControlledState4[0],
+    setMergedValue = _useControlledState4[1];
   var mergedValue = React.useMemo(function () {
     // Clean up `[null]`
     var values = toArray(innerValue).filter(function (val) {
@@ -171,12 +164,10 @@ function PickerPanel(props, ref) {
 
   // >>> PickerValue
   // PickerValue is used to control the current displaying panel
-  var _useMergedState5 = useMergedState(defaultPickerValue || mergedValue[0] || now, {
-      value: pickerValue
-    }),
-    _useMergedState6 = _slicedToArray(_useMergedState5, 2),
-    mergedPickerValue = _useMergedState6[0],
-    setInternalPickerValue = _useMergedState6[1];
+  var _useControlledState5 = useControlledState(defaultPickerValue || mergedValue[0] || now, pickerValue),
+    _useControlledState6 = _slicedToArray(_useControlledState5, 2),
+    mergedPickerValue = _useControlledState6[0],
+    setInternalPickerValue = _useControlledState6[1];
   React.useEffect(function () {
     if (mergedValue[0] && !pickerValue) {
       setInternalPickerValue(mergedValue[0]);

package/es/interface.d.ts

@@ -207,6 +207,7 @@ export type SharedHTMLAttrs = Omit<React.InputHTMLAttributes<HTMLDivElement>, 'v
 export type PickerFocusEventHandler = (e: React.FocusEvent<HTMLElement>, info: BaseInfo) => void;
 export type LegacyOnKeyDown = (event: React.KeyboardEvent<HTMLElement>, preventDefault: VoidFunction) => void;
 export type SemanticName = 'root' | 'prefix' | 'input' | 'suffix';
+export type PreviewValueType = 'hover';
 export type PanelSemanticName = 'root' | 'header' | 'body' | 'content' | 'item' | 'footer';
 export interface SharedPickerProps<DateType extends object = any> extends SharedHTMLAttrs, Pick<SharedPanelProps<DateType>, 'prevIcon' | 'nextIcon' | 'superPrevIcon' | 'superNextIcon'> {
     direction?: 'ltr' | 'rtl';
@@ -281,6 +282,12 @@ export interface SharedPickerProps<DateType extends object = any> extends Shared
      * This is only used for strong a11y requirement which do not want modify after blur.
      */
     preserveInvalidOnBlur?: boolean;
+    /**
+     * When the user selects the date hover option, the value of the input field undergoes a temporary change.
+     * `false` will not preview value.
+     * `hover` will preview value when hover.
+     */
+    previewValue?: false | PreviewValueType;
     transitionName?: string;
     components?: Components<DateType>;
     /** @deprecated Please use `components.input` instead. */

package/es/locale/te_IN.d.ts

@@ -0,0 +1,3 @@
+import type { Locale } from '../interface';
+declare const locale: Locale;
+export default locale;

package/es/locale/te_IN.js

@@ -0,0 +1,33 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { commonLocale } from "./common";
+var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
+  locale: 'te_IN',
+  today: 'నేడు',
+  now: 'ఇప్పుడు',
+  backToToday: 'తిరిగి నేటికి',
+  ok: 'సరే',
+  clear: 'స్పష్టమైన',
+  week: 'వారం',
+  month: 'నెల',
+  year: 'సంవత్సరం',
+  timeSelect: 'సమయం ఎంపిక',
+  dateSelect: 'తేదీ ఎంపిక',
+  weekSelect: 'వారం ఎంపిక',
+  monthSelect: 'నెల ఎంపిక',
+  yearSelect: 'సంవత్సరం ఎంపిక',
+  decadeSelect: 'దశాబ్దం ఎంపిక',
+  previousMonth: 'మునుపటి నెల',
+  nextMonth: 'వచ్చే నెల',
+  previousYear: 'మునుపటి సంవత్సరం',
+  nextYear: 'తదుపరి సంవత్సరం',
+  previousDecade: 'మునుపటి దశాబ్దం',
+  nextDecade: 'తదుపరి దశాబ్దం',
+  previousCentury: 'మునుపటి శతాబ్దం',
+  nextCentury: 'తదుపరి శతాబ్దం'
+});
+export default locale;

package/es/utils/getClearIcon.d.ts

@@ -2,4 +2,4 @@ import type { ReactNode } from "react";
 import React from "react";
 export declare function getClearIcon(prefixCls: string, allowClear?: boolean | {
     clearIcon?: ReactNode;
-}, clearIcon?: ReactNode): string | number | true | React.JSX.Element | Iterable<ReactNode>;
+}, clearIcon?: ReactNode): string | number | true | Iterable<ReactNode> | React.JSX.Element;

package/lib/PickerInput/RangePicker.js

@@ -85,6 +85,7 @@ function RangePicker(props, ref) {
     rootClassName = filledProps.rootClassName,
     propStyles = filledProps.styles,
     propClassNames = filledProps.classNames,
+    previewValue = filledProps.previewValue,
     defaultValue = filledProps.defaultValue,
     value = filledProps.value,
     needConfirm = filledProps.needConfirm,
@@ -200,12 +201,10 @@ function RangePicker(props, ref) {
   }, [showTime, activeIndex, calendarValue, activeIndexList]);
 
   // ========================= Mode =========================
-  var _useMergedState = (0, _util.useMergedState)([picker, picker], {
-      value: mode
-    }),
-    _useMergedState2 = _slicedToArray(_useMergedState, 2),
-    modes = _useMergedState2[0],
-    setModes = _useMergedState2[1];
+  var _useControlledState = (0, _util.useControlledState)([picker, picker], mode),
+    _useControlledState2 = _slicedToArray(_useControlledState, 2),
+    modes = _useControlledState2[0],
+    setModes = _useControlledState2[1];
   var mergedMode = modes[activeIndex] || picker;
 
   /** Extends from `mergedMode` to patch `datetime` mode */
@@ -349,12 +348,18 @@ function RangePicker(props, ref) {
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     activeInfo = _React$useState6[0],
     setActiveInfo = _React$useState6[1];
+  var onSetHover = function onSetHover(date, source) {
+    if (previewValue !== 'hover') {
+      return;
+    }
+    setInternalHoverValues(date);
+    setHoverSource(source);
+  };
 
   // ======================= Presets ========================
   var presetList = (0, _usePresets.default)(presets, ranges);
   var onPresetHover = function onPresetHover(nextValues) {
-    setInternalHoverValues(nextValues);
-    setHoverSource('preset');
+    onSetHover(nextValues, 'preset');
   };
   var onPresetSubmit = function onPresetSubmit(nextValues) {
     var passed = triggerSubmitChange(nextValues);
@@ -370,8 +375,7 @@ function RangePicker(props, ref) {
 
   // ======================== Panel =========================
   var onPanelHover = function onPanelHover(date) {
-    setInternalHoverValues(date ? fillCalendarValue(date, activeIndex) : null);
-    setHoverSource('cell');
+    onSetHover(date ? fillCalendarValue(date, activeIndex) : null, 'cell');
   };
 
   // >>> Focus

package/lib/PickerInput/Selector/hooks/useClearIcon.d.ts

@@ -5,4 +5,4 @@ import * as React from 'react';
  */
 export declare function fillClearIcon(prefixCls: string, allowClear?: boolean | {
     clearIcon?: ReactNode;
-}, clearIcon?: ReactNode): string | number | true | React.JSX.Element | Iterable<ReactNode>;
+}, clearIcon?: ReactNode): string | number | true | Iterable<ReactNode> | React.JSX.Element;

package/lib/PickerInput/SinglePicker.js

@@ -67,6 +67,7 @@ function Picker(props, ref) {
     rootClassName = _ref.rootClassName,
     propStyles = _ref.styles,
     propClassNames = _ref.classNames,
+    previewValue = _ref.previewValue,
     order = _ref.order,
     defaultValue = _ref.defaultValue,
     value = _ref.value,
@@ -170,12 +171,10 @@ function Picker(props, ref) {
   };
 
   // ========================= Mode =========================
-  var _useMergedState = (0, _util.useMergedState)(picker, {
-      value: mode
-    }),
-    _useMergedState2 = _slicedToArray(_useMergedState, 2),
-    mergedMode = _useMergedState2[0],
-    setMode = _useMergedState2[1];
+  var _useControlledState = (0, _util.useControlledState)(picker, mode),
+    _useControlledState2 = _slicedToArray(_useControlledState, 2),
+    mergedMode = _useControlledState2[0],
+    setMode = _useControlledState2[1];
 
   /** Extends from `mergedMode` to patch `datetime` mode */
   var internalMode = mergedMode === 'date' && showTime ? 'datetime' : mergedMode;
@@ -297,6 +296,13 @@ function Picker(props, ref) {
       setInternalHoverValue(null);
     }
   }, [mergedOpen]);
+  var onSetHover = function onSetHover(date, source) {
+    if (previewValue !== 'hover') {
+      return;
+    }
+    setInternalHoverValue(date);
+    setHoverSource(source);
+  };
 
   // ========================================================
   // ==                       Panels                       ==
@@ -304,8 +310,7 @@ function Picker(props, ref) {
   // ======================= Presets ========================
   var presetList = (0, _usePresets.default)(presets);
   var onPresetHover = function onPresetHover(nextValue) {
-    setInternalHoverValue(nextValue);
-    setHoverSource('preset');
+    onSetHover(nextValue, 'preset');
   };
 
   // TODO: handle this
@@ -324,8 +329,7 @@ function Picker(props, ref) {
 
   // ======================== Panel =========================
   var onPanelHover = function onPanelHover(date) {
-    setInternalHoverValue(date);
-    setHoverSource('cell');
+    onSetHover(date, 'cell');
   };
 
   // >>> Focus

package/lib/PickerInput/hooks/useDelayState.js

@@ -19,12 +19,19 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  * But will be `false` for a delay of effect.
  */
 function useDelayState(value, defaultValue, onChange) {
-  var _useMergedState = (0, _util.useMergedState)(defaultValue, {
-      value: value
-    }),
-    _useMergedState2 = _slicedToArray(_useMergedState, 2),
-    state = _useMergedState2[0],
-    setState = _useMergedState2[1];
+  var _useControlledState = (0, _util.useControlledState)(defaultValue, value),
+    _useControlledState2 = _slicedToArray(_useControlledState, 2),
+    state = _useControlledState2[0],
+    setState = _useControlledState2[1];
+
+  // Need force update to ensure React re-render
+  var _React$useState = _react.default.useState({}),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    forceUpdate = _React$useState2[1];
+  var triggerUpdate = (0, _util.useEvent)(function (nextState) {
+    setState(nextState);
+    forceUpdate({});
+  });
   var nextValueRef = _react.default.useRef(value);
 
   // ============================= Update =============================
@@ -33,7 +40,7 @@ function useDelayState(value, defaultValue, onChange) {
     _raf.default.cancel(rafRef.current);
   };
   var doUpdate = (0, _util.useEvent)(function () {
-    setState(nextValueRef.current);
+    triggerUpdate(nextValueRef.current);
     if (onChange && state !== nextValueRef.current) {
       onChange(nextValueRef.current);
     }

package/lib/PickerInput/hooks/useFilledProps.d.ts

@@ -2,7 +2,7 @@ import type { FormatType, InternalMode, PickerMode } from '../../interface';
 import type { RangePickerProps } from '../RangePicker';
 import useInvalidate from './useInvalidate';
 type UseInvalidate<DateType extends object = any> = typeof useInvalidate<DateType>;
-type PickedProps<DateType extends object = any> = Pick<RangePickerProps<DateType>, 'generateConfig' | 'locale' | 'picker' | 'prefixCls' | 'styles' | 'classNames' | 'order' | 'components' | 'inputRender' | 'clearIcon' | 'allowClear' | 'needConfirm' | 'format' | 'inputReadOnly' | 'disabledDate' | 'minDate' | 'maxDate' | 'defaultOpenValue'> & {
+type PickedProps<DateType extends object = any> = Pick<RangePickerProps<DateType>, 'generateConfig' | 'locale' | 'picker' | 'prefixCls' | 'styles' | 'classNames' | 'order' | 'components' | 'inputRender' | 'clearIcon' | 'allowClear' | 'needConfirm' | 'format' | 'inputReadOnly' | 'disabledDate' | 'minDate' | 'maxDate' | 'defaultOpenValue' | 'previewValue'> & {
     multiple?: boolean;
     showTime?: any;
     value?: any;

package/lib/PickerInput/hooks/useFilledProps.js

@@ -54,6 +54,8 @@ function useFilledProps(props, updater) {
     picker = _props$picker === void 0 ? 'date' : _props$picker,
     _props$prefixCls = props.prefixCls,
     prefixCls = _props$prefixCls === void 0 ? 'rc-picker' : _props$prefixCls,
+    _props$previewValue = props.previewValue,
+    previewValue = _props$previewValue === void 0 ? 'hover' : _props$previewValue,
     _props$styles = props.styles,
     styles = _props$styles === void 0 ? {} : _props$styles,
     _props$classNames = props.classNames,
@@ -119,6 +121,7 @@ function useFilledProps(props, updater) {
   // ======================== Props =========================
   var filledProps = React.useMemo(function () {
     return _objectSpread(_objectSpread({}, props), {}, {
+      previewValue: previewValue,
       prefixCls: prefixCls,
       locale: mergedLocale,
       picker: picker,

package/lib/PickerInput/hooks/useRangePickerValue.js

@@ -64,22 +64,18 @@ function useRangePickerValue(generateConfig, locale, calendarValue, modes, open,
     endPickerValue = _pickerValue[1];
 
   // PickerValue state
-  var _useMergedState = (0, _util.useMergedState)(function () {
+  var _useControlledState = (0, _util.useControlledState)(function () {
       return getDefaultPickerValue(0);
-    }, {
-      value: startPickerValue
-    }),
-    _useMergedState2 = _slicedToArray(_useMergedState, 2),
-    mergedStartPickerValue = _useMergedState2[0],
-    setStartPickerValue = _useMergedState2[1];
-  var _useMergedState3 = (0, _util.useMergedState)(function () {
+    }, startPickerValue),
+    _useControlledState2 = _slicedToArray(_useControlledState, 2),
+    mergedStartPickerValue = _useControlledState2[0],
+    setStartPickerValue = _useControlledState2[1];
+  var _useControlledState3 = (0, _util.useControlledState)(function () {
       return getDefaultPickerValue(1);
-    }, {
-      value: endPickerValue
-    }),
-    _useMergedState4 = _slicedToArray(_useMergedState3, 2),
-    mergedEndPickerValue = _useMergedState4[0],
-    setEndPickerValue = _useMergedState4[1];
+    }, endPickerValue),
+    _useControlledState4 = _slicedToArray(_useControlledState3, 2),
+    mergedEndPickerValue = _useControlledState4[0],
+    setEndPickerValue = _useControlledState4[1];
 
   // Current PickerValue
   var currentPickerValue = React.useMemo(function () {

package/lib/PickerInput/hooks/useRangeValue.d.ts

@@ -15,7 +15,7 @@ rangeValue: boolean,
  * This should only used in SinglePicker with `multiple` mode.
  * So when `rangeValue` is `true`, order will be ignored.
  */
-order: boolean, defaultValue?: ValueType, value?: ValueType, onCalendarChange?: (dates: ValueType, dateStrings: ReplaceListType<Required<ValueType>, string>, info: BaseInfo) => void, onOk?: (dates: ValueType) => void): readonly [ValueType, (updater: ValueType | ((origin: ValueType) => ValueType), ignoreDestroy?: boolean) => void, (useControlledValueFirst?: boolean) => ValueType, TriggerCalendarChange<ValueType>, () => void];
+order: boolean, defaultValue?: ValueType, value?: ValueType, onCalendarChange?: (dates: ValueType, dateStrings: ReplaceListType<Required<ValueType>, string>, info: BaseInfo) => void, onOk?: (dates: ValueType) => void): readonly [ValueType, (updater: ValueType | ((origin: ValueType) => ValueType)) => void, (useControlledValueFirst?: boolean) => ValueType, TriggerCalendarChange<ValueType>, () => void];
 export default function useRangeValue<ValueType extends DateType[], DateType extends object = any>(info: Pick<RangePickerProps<DateType>, 'generateConfig' | 'locale' | 'allowEmpty' | 'order' | 'picker'> & ReplacedPickerProps<DateType>, mergedValue: ValueType, setInnerValue: (nextValue: ValueType) => void, getCalendarValue: () => ValueType, triggerCalendarChange: TriggerCalendarChange<ValueType>, disabled: ReplaceListType<Required<ValueType>, boolean>, formatList: FormatType[], focused: boolean, open: boolean, isInvalidateDate: (date: DateType, info?: {
     from?: DateType;
     activeIndex: number;

package/lib/PickerInput/hooks/useRangeValue.js

@@ -112,12 +112,10 @@ rangeValue,
  */
 order, defaultValue, value, onCalendarChange, onOk) {
   // This is the root value which will sync with controlled or uncontrolled value
-  var _useMergedState = (0, _util.useMergedState)(defaultValue, {
-      value: value
-    }),
-    _useMergedState2 = _slicedToArray(_useMergedState, 2),
-    innerValue = _useMergedState2[0],
-    setInnerValue = _useMergedState2[1];
+  var _useControlledState = (0, _util.useControlledState)(defaultValue, value),
+    _useControlledState2 = _slicedToArray(_useControlledState, 2),
+    innerValue = _useControlledState2[0],
+    setInnerValue = _useControlledState2[1];
   var mergedValue = innerValue || EMPTY_VALUE;
 
   // ========================= Inner Values =========================

package/lib/PickerPanel/index.d.ts

@@ -52,13 +52,5 @@ export type PickerPanelProps<DateType extends object = any> = BasePickerPanelPro
     styles?: Partial<Record<PanelSemanticName, React.CSSProperties>>;
     classNames?: Partial<Record<PanelSemanticName, string>>;
 };
-declare const _default: <DateType extends object = any>(props: BasePickerPanelProps<DateType> & {
-    /** multiple selection. Not support time or datetime picker */
-    multiple?: boolean;
-    defaultValue?: DateType | DateType[];
-    value?: DateType | DateType[];
-    onChange?: (date: DateType | DateType[]) => void;
-    styles?: Partial<Record<PanelSemanticName, React.CSSProperties>>;
-    classNames?: Partial<Record<PanelSemanticName, string>>;
-} & React.RefAttributes<PickerPanelRef>) => React.ReactElement;
+declare const _default: <DateType extends object = any>(props: PickerPanelProps<DateType> & React.RefAttributes<PickerPanelRef>) => React.ReactElement;
 export default _default;

package/lib/PickerPanel/index.js

@@ -126,15 +126,10 @@ function PickerPanel(props, ref) {
   var now = generateConfig.getNow();
 
   // ========================== Mode ==========================
-  var _useMergedState = (0, _util.useMergedState)(picker, {
-      value: mode,
-      postState: function postState(val) {
-        return val || 'date';
-      }
-    }),
-    _useMergedState2 = _slicedToArray(_useMergedState, 2),
-    mergedMode = _useMergedState2[0],
-    setMergedMode = _useMergedState2[1];
+  var _useControlledState = (0, _util.useControlledState)(picker || 'date', mode),
+    _useControlledState2 = _slicedToArray(_useControlledState, 2),
+    mergedMode = _useControlledState2[0],
+    setMergedMode = _useControlledState2[1];
   var internalMode = mergedMode === 'date' && mergedShowTime ? 'datetime' : mergedMode;
 
   // ========================= Toggle =========================
@@ -143,12 +138,10 @@ function PickerPanel(props, ref) {
   // ========================= Value ==========================
   // >>> Real value
   // Interactive with `onChange` event which only trigger when the `mode` is `picker`
-  var _useMergedState3 = (0, _util.useMergedState)(defaultValue, {
-      value: value
-    }),
-    _useMergedState4 = _slicedToArray(_useMergedState3, 2),
-    innerValue = _useMergedState4[0],
-    setMergedValue = _useMergedState4[1];
+  var _useControlledState3 = (0, _util.useControlledState)(defaultValue, value),
+    _useControlledState4 = _slicedToArray(_useControlledState3, 2),
+    innerValue = _useControlledState4[0],
+    setMergedValue = _useControlledState4[1];
   var mergedValue = React.useMemo(function () {
     // Clean up `[null]`
     var values = (0, _miscUtil.toArray)(innerValue).filter(function (val) {
@@ -180,12 +173,10 @@ function PickerPanel(props, ref) {
 
   // >>> PickerValue
   // PickerValue is used to control the current displaying panel
-  var _useMergedState5 = (0, _util.useMergedState)(defaultPickerValue || mergedValue[0] || now, {
-      value: pickerValue
-    }),
-    _useMergedState6 = _slicedToArray(_useMergedState5, 2),
-    mergedPickerValue = _useMergedState6[0],
-    setInternalPickerValue = _useMergedState6[1];
+  var _useControlledState5 = (0, _util.useControlledState)(defaultPickerValue || mergedValue[0] || now, pickerValue),
+    _useControlledState6 = _slicedToArray(_useControlledState5, 2),
+    mergedPickerValue = _useControlledState6[0],
+    setInternalPickerValue = _useControlledState6[1];
   React.useEffect(function () {
     if (mergedValue[0] && !pickerValue) {
       setInternalPickerValue(mergedValue[0]);

package/lib/interface.d.ts

@@ -207,6 +207,7 @@ export type SharedHTMLAttrs = Omit<React.InputHTMLAttributes<HTMLDivElement>, 'v
 export type PickerFocusEventHandler = (e: React.FocusEvent<HTMLElement>, info: BaseInfo) => void;
 export type LegacyOnKeyDown = (event: React.KeyboardEvent<HTMLElement>, preventDefault: VoidFunction) => void;
 export type SemanticName = 'root' | 'prefix' | 'input' | 'suffix';
+export type PreviewValueType = 'hover';
 export type PanelSemanticName = 'root' | 'header' | 'body' | 'content' | 'item' | 'footer';
 export interface SharedPickerProps<DateType extends object = any> extends SharedHTMLAttrs, Pick<SharedPanelProps<DateType>, 'prevIcon' | 'nextIcon' | 'superPrevIcon' | 'superNextIcon'> {
     direction?: 'ltr' | 'rtl';
@@ -281,6 +282,12 @@ export interface SharedPickerProps<DateType extends object = any> extends Shared
      * This is only used for strong a11y requirement which do not want modify after blur.
      */
     preserveInvalidOnBlur?: boolean;
+    /**
+     * When the user selects the date hover option, the value of the input field undergoes a temporary change.
+     * `false` will not preview value.
+     * `hover` will preview value when hover.
+     */
+    previewValue?: false | PreviewValueType;
     transitionName?: string;
     components?: Components<DateType>;
     /** @deprecated Please use `components.input` instead. */

package/lib/locale/te_IN.d.ts

@@ -0,0 +1,3 @@
+import type { Locale } from '../interface';
+declare const locale: Locale;
+export default locale;

package/lib/locale/te_IN.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _common = require("./common");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var locale = _objectSpread(_objectSpread({}, _common.commonLocale), {}, {
+  locale: 'te_IN',
+  today: 'నేడు',
+  now: 'ఇప్పుడు',
+  backToToday: 'తిరిగి నేటికి',
+  ok: 'సరే',
+  clear: 'స్పష్టమైన',
+  week: 'వారం',
+  month: 'నెల',
+  year: 'సంవత్సరం',
+  timeSelect: 'సమయం ఎంపిక',
+  dateSelect: 'తేదీ ఎంపిక',
+  weekSelect: 'వారం ఎంపిక',
+  monthSelect: 'నెల ఎంపిక',
+  yearSelect: 'సంవత్సరం ఎంపిక',
+  decadeSelect: 'దశాబ్దం ఎంపిక',
+  previousMonth: 'మునుపటి నెల',
+  nextMonth: 'వచ్చే నెల',
+  previousYear: 'మునుపటి సంవత్సరం',
+  nextYear: 'తదుపరి సంవత్సరం',
+  previousDecade: 'మునుపటి దశాబ్దం',
+  nextDecade: 'తదుపరి దశాబ్దం',
+  previousCentury: 'మునుపటి శతాబ్దం',
+  nextCentury: 'తదుపరి శతాబ్దం'
+});
+var _default = exports.default = locale;

package/lib/utils/getClearIcon.d.ts

@@ -2,4 +2,4 @@ import type { ReactNode } from "react";
 import React from "react";
 export declare function getClearIcon(prefixCls: string, allowClear?: boolean | {
     clearIcon?: ReactNode;
-}, clearIcon?: ReactNode): string | number | true | React.JSX.Element | Iterable<ReactNode>;
+}, clearIcon?: ReactNode): string | number | true | Iterable<ReactNode> | React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/picker",
-  "version": "1.3.0",
+  "version": "1.4.1",
   "description": "React date & time picker",
   "keywords": [
     "react",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@rc-component/resize-observer": "^1.0.0",
     "@rc-component/trigger": "^3.0.0",
-    "@rc-component/util": "^1.2.1",
+    "@rc-component/util": "^1.3.0",
     "classnames": "^2.2.1",
     "rc-overflow": "^1.3.2"
   },