@douyinfe/semi-ui 2.10.1 → 2.11.0-beta.0

package/form/baseForm.tsx

@@ -151,7 +151,6 @@ class Form extends BaseComponent<BaseFormProps, BaseFormState> {
 
     componentWillUnmount() {
         this.foundation.destroy();
-        this.foundation = null;
         this.formApi = null;
     }
 

package/lib/cjs/checkbox/checkbox.d.ts

@@ -22,9 +22,13 @@ export interface CheckboxProps extends BaseCheckboxProps {
     'aria-label'?: React.AriaAttributes['aria-label'];
     role?: React.HTMLAttributes<HTMLSpanElement>['role'];
     tabIndex?: number;
+    addonId?: string;
+    extraId?: string;
 }
 interface CheckboxState {
     checked: boolean;
+    addonId?: string;
+    extraId?: string;
 }
 declare class Checkbox extends BaseComponent<CheckboxProps, CheckboxState> {
     static contextType: React.Context<CheckboxContextType>;

package/lib/cjs/checkbox/checkbox.js

@@ -51,15 +51,11 @@ class Checkbox extends _baseComponent.default {
 
     const checked = false;
     this.state = {
-      checked: props.checked || props.defaultChecked || checked
+      checked: props.checked || props.defaultChecked || checked,
+      addonId: props.addonId,
+      extraId: props.extraId
     };
     this.checkboxEntity = null;
-    this.addonId = (0, _uuid.getUuidShort)({
-      prefix: 'addon'
-    });
-    this.extraId = (0, _uuid.getUuidShort)({
-      prefix: 'extra'
-    });
     this.foundation = new _checkboxFoundation.default(this.adapter);
   }
 
@@ -81,7 +77,21 @@ class Checkbox extends _baseComponent.default {
       notifyGroupChange: cbContent => {
         this.context.checkboxGroup.onChange(cbContent);
       },
-      getGroupDisabled: () => this.context && this.context.checkboxGroup.disabled
+      getGroupDisabled: () => this.context && this.context.checkboxGroup.disabled,
+      setAddonId: () => {
+        this.setState({
+          addonId: (0, _uuid.getUuidShort)({
+            prefix: 'addon'
+          })
+        });
+      },
+      setExtraId: () => {
+        this.setState({
+          extraId: (0, _uuid.getUuidShort)({
+            prefix: 'extra'
+          })
+        });
+      }
     });
   }
 
@@ -124,7 +134,9 @@ class Checkbox extends _baseComponent.default {
       id
     } = this.props;
     const {
-      checked
+      checked,
+      addonId,
+      extraId
     } = this.state;
     const props = {
       checked,
@@ -150,6 +162,7 @@ class Checkbox extends _baseComponent.default {
       } = this.context.checkboxGroup;
       props.isCardType = isCardType;
       props.isPureCardType = isPureCardType;
+      props['name'] = this.context.checkboxGroup.name;
     }
 
     const prefix = prefixCls || _constants.checkboxClasses.PREFIX;
@@ -168,13 +181,12 @@ class Checkbox extends _baseComponent.default {
     const extraCls = (0, _classnames.default)("".concat(prefix, "-extra"), {
       ["".concat(prefix, "-cardType_extra_noChildren")]: props.isCardType && !children
     });
-    const name = inGroup && this.context.checkboxGroup.name;
 
     const renderContent = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children ? /*#__PURE__*/_react.default.createElement("span", {
-      id: this.addonId,
+      id: addonId,
       className: "".concat(prefix, "-addon")
     }, children) : null, extra ? /*#__PURE__*/_react.default.createElement("div", {
-      id: this.extraId,
+      id: extraId,
       className: extraCls
     }, extra) : null);
 
@@ -196,7 +208,6 @@ class Checkbox extends _baseComponent.default {
       }, /*#__PURE__*/_react.default.createElement(_checkboxInner.default, (0, _assign.default)({}, this.props, props, {
         addonId: children && this.addonId,
         extraId: extra && this.extraId,
-        name: name,
         isPureCardType: props.isPureCardType,
         ref: ref => {
           this.checkboxEntity = ref;

package/lib/cjs/checkbox/checkboxInner.js

@@ -14,6 +14,8 @@ _Object$defineProperty(exports, "__esModule", {
 
 exports.default = void 0;
 
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -63,27 +65,29 @@ class CheckboxInner extends _react.PureComponent {
       ["".concat(prefix, "-inner-display")]: true
     });
     const icon = checked ? /*#__PURE__*/_react.default.createElement(_semiIcons.IconCheckboxTick, null) : indeterminate ? /*#__PURE__*/_react.default.createElement(_semiIcons.IconCheckboxIndeterminate, null) : null;
-    return /*#__PURE__*/_react.default.createElement("span", {
-      className: wrapper
-    }, /*#__PURE__*/_react.default.createElement("input", {
+    const inputProps = {
       type: "checkbox",
-      "aria-label": this.props['aria-label'],
-      "aria-disabled": disabled,
-      "aria-checked": checked,
-      "aria-labelledby": addonId,
-      "aria-describedby": extraId || this.props['aria-describedby'],
-      "aria-invalid": this.props['aria-invalid'],
-      "aria-errormessage": this.props['aria-errormessage'],
-      "aria-required": this.props['aria-required'],
-      ref: ref => {
-        this.inputEntity = ref;
-      },
+      'aria-label': this.props['aria-label'],
+      'aria-disabled': disabled,
+      'aria-checked': checked,
+      'aria-labelledby': addonId,
+      'aria-describedby': extraId || this.props['aria-describedby'],
+      'aria-invalid': this.props['aria-invalid'],
+      'aria-errormessage': this.props['aria-errormessage'],
+      'aria-required': this.props['aria-required'],
       className: _constants.checkboxClasses.INPUT,
       onChange: _noop2.default,
       checked: checked,
-      disabled: disabled,
-      name: name
-    }), /*#__PURE__*/_react.default.createElement("span", {
+      disabled: disabled
+    };
+    name && (inputProps['name'] = name);
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: wrapper
+    }, /*#__PURE__*/_react.default.createElement("input", (0, _assign.default)({}, inputProps, {
+      ref: ref => {
+        this.inputEntity = ref;
+      }
+    })), /*#__PURE__*/_react.default.createElement("span", {
       className: inner
     }, icon));
   }

package/lib/cjs/datePicker/dateInput.d.ts

@@ -43,6 +43,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
         rangeSeparator: PropTypes.Requireable<string>;
         insetInput: PropTypes.Requireable<boolean>;
         insetInputValue: PropTypes.Requireable<object>;
+        defaultPickerValue: PropTypes.Requireable<string | number | object>;
     };
     static defaultProps: {
         showClear: boolean;

package/lib/cjs/datePicker/dateInput.js

@@ -396,9 +396,10 @@ class DateInput extends _baseComponent.default {
       rangeInputFocus,
       rangeSeparator,
       insetInput,
-      insetInputValue
+      insetInputValue,
+      defaultPickerValue
     } = _a,
-          rest = __rest(_a, ["placeholder", "type", "value", "inputValue", "inputStyle", "disabled", "showClear", "inputReadOnly", "insetLabel", "validateStatus", "block", "prefixCls", "multiple", "dateFnsLocale", "onBlur", "onClear", "onFocus", "prefix", "autofocus", "size", "rangeInputStartRef", "rangeInputEndRef", "onRangeClear", "onRangeBlur", "onRangeEndTabPress", "rangeInputFocus", "rangeSeparator", "insetInput", "insetInputValue"]);
+          rest = __rest(_a, ["placeholder", "type", "value", "inputValue", "inputStyle", "disabled", "showClear", "inputReadOnly", "insetLabel", "validateStatus", "block", "prefixCls", "multiple", "dateFnsLocale", "onBlur", "onClear", "onFocus", "prefix", "autofocus", "size", "rangeInputStartRef", "rangeInputEndRef", "onRangeClear", "onRangeBlur", "onRangeEndTabPress", "rangeInputFocus", "rangeSeparator", "insetInput", "insetInputValue", "defaultPickerValue"]);
 
     const dateIcon = /*#__PURE__*/_react.default.createElement(_semiIcons.IconCalendar, {
       "aria-hidden": true
@@ -484,7 +485,8 @@ DateInput.propTypes = {
   rangeInputEndRef: _propTypes.default.object,
   rangeSeparator: _propTypes.default.string,
   insetInput: _propTypes.default.bool,
-  insetInputValue: _propTypes.default.object
+  insetInputValue: _propTypes.default.object,
+  defaultPickerValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.object, _propTypes.default.array])
 };
 DateInput.defaultProps = {
   showClear: true,

package/lib/cjs/datePicker/datePicker.js

@@ -189,7 +189,8 @@ class DatePicker extends _baseComponent.default {
         insetInput,
         type,
         format,
-        rangeSeparator
+        rangeSeparator,
+        defaultPickerValue
       } = this.props;
       const {
         insetInputValue,
@@ -211,7 +212,8 @@ class DatePicker extends _baseComponent.default {
         onInsetInputChange: this.handleInsetInputChange,
         rangeInputStartRef: this.rangeInputStartRef,
         rangeInputEndRef: this.rangeInputEndRef,
-        density
+        density,
+        defaultPickerValue
       };
       return /*#__PURE__*/_react.default.createElement("div", {
         ref: this.panelRef,
@@ -576,18 +578,11 @@ class DatePicker extends _baseComponent.default {
       insetInput
     } = this.props;
     const {
-      value,
       cachedSelectedValue,
       motionEnd,
       rangeInputFocus
-    } = this.state; // const cachedSelectedValue = this.adapter.getCache('cachedSelectedValue');
-
-    let defaultValue = value;
-
-    if (this.adapter.needConfirm()) {
-      defaultValue = cachedSelectedValue;
-    }
-
+    } = this.state;
+    const defaultValue = cachedSelectedValue;
     return /*#__PURE__*/_react.default.createElement(_monthsGrid.default, {
       ref: this.monthGrid,
       locale: locale,
@@ -659,7 +654,8 @@ class DatePicker extends _baseComponent.default {
       size,
       inputReadOnly,
       rangeSeparator,
-      insetInput
+      insetInput,
+      defaultPickerValue
     } = this.props;
     const {
       value,
@@ -685,6 +681,7 @@ class DatePicker extends _baseComponent.default {
       disabled: inputDisabled,
       inputValue,
       value: value,
+      defaultPickerValue,
       onChange: this.handleInputChange,
       onEnterPress: this.handleInputComplete,
       // TODO: remove in next major version

package/lib/cjs/datePicker/monthsGrid.js

@@ -263,7 +263,8 @@ class MonthsGrid extends _baseComponent.default {
     } = this.props;
 
     if (prevProps.defaultValue !== defaultValue) {
-      this.foundation.updateSelectedFromProps(defaultValue, false);
+      // we should always update panel state when value changes
+      this.foundation.updateSelectedFromProps(defaultValue);
     }
 
     if (prevProps.defaultPickerValue !== defaultPickerValue) {

package/lib/cjs/form/baseForm.js

@@ -106,7 +106,6 @@ class Form extends _baseComponent.default {
 
   componentWillUnmount() {
     this.foundation.destroy();
-    this.foundation = null;
     this.formApi = null;
   }
 

package/lib/cjs/radio/radio.d.ts

@@ -29,9 +29,13 @@ export declare type RadioProps = {
     addonClassName?: string;
     type?: RadioType;
     'aria-label'?: React.AriaAttributes['aria-label'];
+    addonId?: string;
+    extraId?: string;
 };
 export interface RadioState {
     hover?: boolean;
+    addonId?: string;
+    extraId?: string;
 }
 export { RadioChangeEvent };
 declare class Radio extends BaseComponent<RadioProps, RadioState> {

package/lib/cjs/radio/radio.js

@@ -67,16 +67,12 @@ class Radio extends _baseComponent.default {
     };
 
     this.state = {
-      hover: false
+      hover: false,
+      addonId: props.addonId,
+      extraId: props.extraId
     };
     this.foundation = new _radioFoundation.default(this.adapter);
     this.radioEntity = null;
-    this.addonId = (0, _uuid.getUuidShort)({
-      prefix: 'addon'
-    });
-    this.extraId = (0, _uuid.getUuidShort)({
-      prefix: 'extra'
-    });
   }
 
   get adapter() {
@@ -85,6 +81,20 @@ class Radio extends _baseComponent.default {
         this.setState({
           hover
         });
+      },
+      setAddonId: () => {
+        this.setState({
+          addonId: (0, _uuid.getUuidShort)({
+            prefix: 'addon'
+          })
+        });
+      },
+      setExtraId: () => {
+        this.setState({
+          extraId: (0, _uuid.getUuidShort)({
+            prefix: 'extra'
+          })
+        });
       }
     });
   }
@@ -121,7 +131,11 @@ class Radio extends _baseComponent.default {
       value: propValue
     } = this.props;
     let realChecked, isDisabled, realMode, isButtonRadioGroup, isCardRadioGroup, isPureCardRadioGroup, isButtonRadioComponent, buttonSize, realPrefixCls;
-    const isHover = this.state.hover;
+    const {
+      hover: isHover,
+      addonId,
+      extraId
+    } = this.state;
     let props = {};
 
     if (this.isInGroup()) {
@@ -174,10 +188,10 @@ class Radio extends _baseComponent.default {
     const renderContent = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children ? /*#__PURE__*/_react.default.createElement("span", {
       className: addonCls,
       style: addonStyle,
-      id: this.addonId
+      id: addonId
     }, children) : null, extra && !isButtonRadio ? /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefix, "-extra"),
-      id: this.extraId
+      id: extraId
     }, extra) : null);
 
     return /*#__PURE__*/_react.default.createElement("label", {
@@ -194,8 +208,8 @@ class Radio extends _baseComponent.default {
       ref: ref => {
         this.radioEntity = ref;
       },
-      addonId: children && this.addonId,
-      extraId: extra && this.extraId
+      addonId: children && addonId,
+      extraId: extra && extraId
     })), isCardRadioGroup ? /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefix, "-isCardRadioGroup_content")
     }, renderContent()) : renderContent());

package/lib/cjs/table/Body/BaseRow.d.ts

@@ -113,6 +113,7 @@ export default class TableRow extends BaseComponent<BaseRowProps, Record<string,
     get adapter(): TableRowAdapter<BaseRowProps>;
     ref: React.MutableRefObject<any>;
     constructor(props: BaseRowProps);
+    componentDidMount(): void;
     shouldComponentUpdate(nextProps: BaseRowProps): boolean;
     _cacheNode: (node: any) => void;
     renderExpandIcon: (record: Record<string, any>) => React.ReactNode;

package/lib/cjs/table/Body/BaseRow.js

@@ -141,6 +141,28 @@ class TableRow extends _baseComponent.default {
     });
   }
 
+  componentDidMount() {
+    // fix #745
+    // didmount/willUnmount may be called twice when React.StrictMode is true in React 18, we need to ensure that this.cache.customRowProps is correct
+    const {
+      onRow,
+      index,
+      record
+    } = this.props;
+    const customRowProps = this.adapter.getCache('customRowProps');
+
+    if (typeof customRowProps === 'undefined') {
+      const _a = onRow(record, index) || {},
+            {
+        className: customClassName,
+        style: customStyle
+      } = _a,
+            rowProps = __rest(_a, ["className", "style"]);
+
+      this.adapter.setCache('customRowProps', (0, _assign.default)({}, rowProps));
+    }
+  }
+
   shouldComponentUpdate(nextProps) {
     /**
       * Shallow comparison of incoming props to simulate PureComponent

package/lib/cjs/tag/group.d.ts

@@ -3,19 +3,19 @@ import PropTypes from 'prop-types';
 import Tag from './index';
 import { PopoverProps } from '../popover/index';
 import { AvatarShape, TagProps } from './interface';
-export interface TagGroupProps {
+export interface TagGroupProps<T> {
     style?: React.CSSProperties;
     className?: string;
     maxTagCount?: number;
     restCount?: number;
-    tagList?: (TagProps | React.ReactNode)[];
+    tagList?: (T extends 'custom' ? React.ReactNode : TagProps)[];
     size?: 'small' | 'large';
     showPopover?: boolean;
     popoverProps?: PopoverProps;
     avatarShape?: AvatarShape;
     mode?: string;
 }
-export default class TagGroup extends PureComponent<TagGroupProps> {
+export default class TagGroup<T> extends PureComponent<TagGroupProps<T>> {
     static defaultProps: {
         style: {};
         className: string;

package/lib/cjs/tooltip/index.d.ts

@@ -53,6 +53,7 @@ export interface TooltipProps extends BaseProps {
     guardFocus?: boolean;
     returnFocusOnClose?: boolean;
     onEscKeyDown?: (e: React.KeyboardEvent) => void;
+    wrapperId?: string;
 }
 interface TooltipState {
     visible: boolean;

package/lib/cjs/tooltip/index.js

@@ -334,7 +334,7 @@ class Tooltip extends _baseComponent.default {
       placement: props.position || 'top',
       transitionStyle: {},
       isPositionUpdated: false,
-      id: (0, _uuid.getUuidShort)() // auto generate id, will be used by children.aria-describedby & content.id, improve a11y
+      id: props.wrapperId // auto generate id, will be used by children.aria-describedby & content.id, improve a11y
 
     };
     this.foundation = new _foundation.default(this.adapter);
@@ -603,6 +603,11 @@ class Tooltip extends _baseComponent.default {
       },
       notifyEscKeydown: event => {
         this.props.onEscKeyDown(event);
+      },
+      setId: () => {
+        this.setState({
+          id: (0, _uuid.getUuidShort)()
+        });
       }
     });
   }

package/lib/es/checkbox/checkbox.d.ts

@@ -22,9 +22,13 @@ export interface CheckboxProps extends BaseCheckboxProps {
     'aria-label'?: React.AriaAttributes['aria-label'];
     role?: React.HTMLAttributes<HTMLSpanElement>['role'];
     tabIndex?: number;
+    addonId?: string;
+    extraId?: string;
 }
 interface CheckboxState {
     checked: boolean;
+    addonId?: string;
+    extraId?: string;
 }
 declare class Checkbox extends BaseComponent<CheckboxProps, CheckboxState> {
     static contextType: React.Context<CheckboxContextType>;

package/lib/es/checkbox/checkbox.js

@@ -26,15 +26,11 @@ class Checkbox extends BaseComponent {
 
     const checked = false;
     this.state = {
-      checked: props.checked || props.defaultChecked || checked
+      checked: props.checked || props.defaultChecked || checked,
+      addonId: props.addonId,
+      extraId: props.extraId
     };
     this.checkboxEntity = null;
-    this.addonId = getUuidShort({
-      prefix: 'addon'
-    });
-    this.extraId = getUuidShort({
-      prefix: 'extra'
-    });
     this.foundation = new CheckboxFoundation(this.adapter);
   }
 
@@ -56,7 +52,21 @@ class Checkbox extends BaseComponent {
       notifyGroupChange: cbContent => {
         this.context.checkboxGroup.onChange(cbContent);
       },
-      getGroupDisabled: () => this.context && this.context.checkboxGroup.disabled
+      getGroupDisabled: () => this.context && this.context.checkboxGroup.disabled,
+      setAddonId: () => {
+        this.setState({
+          addonId: getUuidShort({
+            prefix: 'addon'
+          })
+        });
+      },
+      setExtraId: () => {
+        this.setState({
+          extraId: getUuidShort({
+            prefix: 'extra'
+          })
+        });
+      }
     });
   }
 
@@ -99,7 +109,9 @@ class Checkbox extends BaseComponent {
       id
     } = this.props;
     const {
-      checked
+      checked,
+      addonId,
+      extraId
     } = this.state;
     const props = {
       checked,
@@ -126,6 +138,7 @@ class Checkbox extends BaseComponent {
       } = this.context.checkboxGroup;
       props.isCardType = isCardType;
       props.isPureCardType = isPureCardType;
+      props['name'] = this.context.checkboxGroup.name;
     }
 
     const prefix = prefixCls || css.PREFIX;
@@ -144,13 +157,12 @@ class Checkbox extends BaseComponent {
     const extraCls = classnames("".concat(prefix, "-extra"), {
       ["".concat(prefix, "-cardType_extra_noChildren")]: props.isCardType && !children
     });
-    const name = inGroup && this.context.checkboxGroup.name;
 
     const renderContent = () => /*#__PURE__*/React.createElement(React.Fragment, null, children ? /*#__PURE__*/React.createElement("span", {
-      id: this.addonId,
+      id: addonId,
       className: "".concat(prefix, "-addon")
     }, children) : null, extra ? /*#__PURE__*/React.createElement("div", {
-      id: this.extraId,
+      id: extraId,
       className: extraCls
     }, extra) : null);
 
@@ -172,7 +184,6 @@ class Checkbox extends BaseComponent {
       }, /*#__PURE__*/React.createElement(CheckboxInner, _Object$assign({}, this.props, props, {
         addonId: children && this.addonId,
         extraId: extra && this.extraId,
-        name: name,
         isPureCardType: props.isPureCardType,
         ref: ref => {
           this.checkboxEntity = ref;

package/lib/es/checkbox/checkboxInner.js

@@ -1,4 +1,5 @@
 import _noop from "lodash/noop";
+import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 
 /* eslint-disable no-nested-ternary */
 import React, { PureComponent } from 'react';
@@ -38,27 +39,29 @@ class CheckboxInner extends PureComponent {
       ["".concat(prefix, "-inner-display")]: true
     });
     const icon = checked ? /*#__PURE__*/React.createElement(IconCheckboxTick, null) : indeterminate ? /*#__PURE__*/React.createElement(IconCheckboxIndeterminate, null) : null;
-    return /*#__PURE__*/React.createElement("span", {
-      className: wrapper
-    }, /*#__PURE__*/React.createElement("input", {
+    const inputProps = {
       type: "checkbox",
-      "aria-label": this.props['aria-label'],
-      "aria-disabled": disabled,
-      "aria-checked": checked,
-      "aria-labelledby": addonId,
-      "aria-describedby": extraId || this.props['aria-describedby'],
-      "aria-invalid": this.props['aria-invalid'],
-      "aria-errormessage": this.props['aria-errormessage'],
-      "aria-required": this.props['aria-required'],
-      ref: ref => {
-        this.inputEntity = ref;
-      },
+      'aria-label': this.props['aria-label'],
+      'aria-disabled': disabled,
+      'aria-checked': checked,
+      'aria-labelledby': addonId,
+      'aria-describedby': extraId || this.props['aria-describedby'],
+      'aria-invalid': this.props['aria-invalid'],
+      'aria-errormessage': this.props['aria-errormessage'],
+      'aria-required': this.props['aria-required'],
       className: css.INPUT,
       onChange: _noop,
       checked: checked,
-      disabled: disabled,
-      name: name
-    }), /*#__PURE__*/React.createElement("span", {
+      disabled: disabled
+    };
+    name && (inputProps['name'] = name);
+    return /*#__PURE__*/React.createElement("span", {
+      className: wrapper
+    }, /*#__PURE__*/React.createElement("input", _Object$assign({}, inputProps, {
+      ref: ref => {
+        this.inputEntity = ref;
+      }
+    })), /*#__PURE__*/React.createElement("span", {
       className: inner
     }, icon));
   }

package/lib/es/datePicker/dateInput.d.ts

@@ -43,6 +43,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
         rangeSeparator: PropTypes.Requireable<string>;
         insetInput: PropTypes.Requireable<boolean>;
         insetInputValue: PropTypes.Requireable<object>;
+        defaultPickerValue: PropTypes.Requireable<string | number | object>;
     };
     static defaultProps: {
         showClear: boolean;

package/lib/es/datePicker/dateInput.js

@@ -370,9 +370,10 @@ export default class DateInput extends BaseComponent {
       rangeInputFocus,
       rangeSeparator,
       insetInput,
-      insetInputValue
+      insetInputValue,
+      defaultPickerValue
     } = _a,
-          rest = __rest(_a, ["placeholder", "type", "value", "inputValue", "inputStyle", "disabled", "showClear", "inputReadOnly", "insetLabel", "validateStatus", "block", "prefixCls", "multiple", "dateFnsLocale", "onBlur", "onClear", "onFocus", "prefix", "autofocus", "size", "rangeInputStartRef", "rangeInputEndRef", "onRangeClear", "onRangeBlur", "onRangeEndTabPress", "rangeInputFocus", "rangeSeparator", "insetInput", "insetInputValue"]);
+          rest = __rest(_a, ["placeholder", "type", "value", "inputValue", "inputStyle", "disabled", "showClear", "inputReadOnly", "insetLabel", "validateStatus", "block", "prefixCls", "multiple", "dateFnsLocale", "onBlur", "onClear", "onFocus", "prefix", "autofocus", "size", "rangeInputStartRef", "rangeInputEndRef", "onRangeClear", "onRangeBlur", "onRangeEndTabPress", "rangeInputFocus", "rangeSeparator", "insetInput", "insetInputValue", "defaultPickerValue"]);
 
     const dateIcon = /*#__PURE__*/React.createElement(IconCalendar, {
       "aria-hidden": true
@@ -456,7 +457,8 @@ DateInput.propTypes = {
   rangeInputEndRef: PropTypes.object,
   rangeSeparator: PropTypes.string,
   insetInput: PropTypes.bool,
-  insetInputValue: PropTypes.object
+  insetInputValue: PropTypes.object,
+  defaultPickerValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object, PropTypes.array])
 };
 DateInput.defaultProps = {
   showClear: true,