rsuite 5.0.0 → 5.1.0

package/cjs/CheckTreePicker/CheckTreePicker.js

@@ -7,10 +7,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
 var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
 
 var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
@@ -45,53 +45,60 @@ var _treeUtils = require("../utils/treeUtils");
 
 var _TreePicker = require("../TreePicker/TreePicker");
 
-var defaultProps = (0, _extends2.default)({}, _Picker.listPickerDefaultProps, {
-  as: 'div',
-  height: 360,
-  cascade: true,
-  countable: true,
-  searchable: true,
-  menuAutoWidth: true,
-  defaultValue: [],
-  appearance: 'default',
-  uncheckableItemValues: [],
-  classPrefix: 'picker',
-  placement: 'bottomStart'
-});
+var emptyArray = [];
 
 var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
-      data = props.data,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      _props$data = props.data,
+      data = _props$data === void 0 ? emptyArray : _props$data,
       style = props.style,
-      cleanable = props.cleanable,
-      countable = props.countable,
+      _props$appearance = props.appearance,
+      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
+      _props$cleanable = props.cleanable,
+      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
+      _props$countable = props.countable,
+      countable = _props$countable === void 0 ? true : _props$countable,
       searchBy = props.searchBy,
       toggleAs = props.toggleAs,
       searchKeyword = props.searchKeyword,
       overrideLocale = props.locale,
-      cascade = props.cascade,
+      _props$cascade = props.cascade,
+      cascade = _props$cascade === void 0 ? true : _props$cascade,
       disabled = props.disabled,
-      valueKey = props.valueKey,
-      labelKey = props.labelKey,
-      placement = props.placement,
-      childrenKey = props.childrenKey,
+      _props$valueKey = props.valueKey,
+      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
+      _props$labelKey = props.labelKey,
+      labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
+      _props$childrenKey = props.childrenKey,
+      childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
       placeholder = props.placeholder,
       controlledValue = props.value,
-      defaultValue = props.defaultValue,
+      _props$defaultValue = props.defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? emptyArray : _props$defaultValue,
       defaultExpandAll = props.defaultExpandAll,
-      disabledItemValues = props.disabledItemValues,
+      _props$disabledItemVa = props.disabledItemValues,
+      disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
       controlledExpandItemValues = props.expandItemValues,
       defaultExpandItemValues = props.defaultExpandItemValues,
-      height = props.height,
+      _props$height = props.height,
+      height = _props$height === void 0 ? 360 : _props$height,
       menuStyle = props.menuStyle,
-      searchable = props.searchable,
+      _props$searchable = props.searchable,
+      searchable = _props$searchable === void 0 ? true : _props$searchable,
       virtualized = props.virtualized,
       className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
       menuClassName = props.menuClassName,
-      menuAutoWidth = props.menuAutoWidth,
-      uncheckableItemValues = props.uncheckableItemValues,
+      _props$menuAutoWidth = props.menuAutoWidth,
+      menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,
+      _props$uncheckableIte = props.uncheckableItemValues,
+      uncheckableItemValues = _props$uncheckableIte === void 0 ? emptyArray : _props$uncheckableIte,
       id = props.id,
+      listProps = props.listProps,
       renderMenu = props.renderMenu,
       getChildren = props.getChildren,
       renderExtraFooter = props.renderExtraFooter,
@@ -108,7 +115,7 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       renderValue = props.renderValue,
       renderTreeIcon = props.renderTreeIcon,
       renderTreeNode = props.renderTreeNode,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "data", "style", "cleanable", "countable", "searchBy", "toggleAs", "searchKeyword", "locale", "cascade", "disabled", "valueKey", "labelKey", "placement", "childrenKey", "placeholder", "value", "defaultValue", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "height", "menuStyle", "searchable", "virtualized", "className", "classPrefix", "menuClassName", "menuAutoWidth", "uncheckableItemValues", "id", "renderMenu", "getChildren", "renderExtraFooter", "onEntered", "onChange", "onClean", "onClose", "onExited", "onSearch", "onSelect", "onOpen", "onScroll", "onExpand", "renderValue", "renderTreeIcon", "renderTreeNode"]);
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "data", "style", "appearance", "cleanable", "countable", "searchBy", "toggleAs", "searchKeyword", "locale", "cascade", "disabled", "valueKey", "labelKey", "placement", "childrenKey", "placeholder", "value", "defaultValue", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "height", "menuStyle", "searchable", "virtualized", "className", "classPrefix", "menuClassName", "menuAutoWidth", "uncheckableItemValues", "id", "listProps", "renderMenu", "getChildren", "renderExtraFooter", "onEntered", "onChange", "onClean", "onClose", "onExited", "onSearch", "onSelect", "onOpen", "onScroll", "onExpand", "renderValue", "renderTreeIcon", "renderTreeNode"]);
 
   var _useContext = (0, _react.useContext)(_TreeContext.default),
       inline = _useContext.inline;
@@ -666,7 +673,7 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     }, function (_ref5) {
       var height = _ref5.height,
           width = _ref5.width;
-      return /*#__PURE__*/_react.default.createElement(_VirtualizedList.List, {
+      return /*#__PURE__*/_react.default.createElement(_VirtualizedList.List, (0, _extends2.default)({
         ref: listRef,
         width: width,
         height: height,
@@ -674,7 +681,7 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
         rowCount: formattedNodes.length,
         rowRenderer: renderVirtualListNode(formattedNodes),
         scrollToAlignment: "center"
-      });
+      }, listProps));
     }) : formattedNodes));
   };
 
@@ -736,6 +743,11 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
   }
 
   var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {
+    classPrefix: classPrefix,
+    appearance: appearance,
+    countable: countable,
+    cleanable: cleanable,
+    disabled: disabled,
     hasValue: hasValidValue,
     name: 'check-tree'
   })),
@@ -760,6 +772,7 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
   }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit2.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {
     id: id,
     ref: targetRef,
+    appearance: appearance,
     onKeyDown: onPickerKeydown,
     onClean: (0, _utils.createChainedFunction)(handleClean, onClean),
     cleanable: cleanable && !disabled,
@@ -773,7 +786,6 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
 });
 
 CheckTreePicker.displayName = 'CheckTreePicker';
-CheckTreePicker.defaultProps = defaultProps;
 CheckTreePicker.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {
   height: _propTypes.default.number,
   appearance: _propTypes.default.oneOf(['default', 'subtle']),

package/cjs/Checkbox/Checkbox.js

@@ -23,14 +23,6 @@ var _CheckboxGroup = require("../CheckboxGroup");
 
 var _templateObject, _templateObject2, _templateObject3;
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'checkbox',
-  checkable: true,
-  tabIndex: 0,
-  inputProps: {}
-};
-
 var Checkbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _useContext = (0, _react.useContext)(_CheckboxGroup.CheckboxGroupContext),
       inlineContext = _useContext.inline,
@@ -42,18 +34,22 @@ var Checkbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       controlled = _useContext.controlled,
       onGroupChange = _useContext.onChange;
 
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       controlledChecked = props.checked,
       className = props.className,
       children = props.children,
-      classPrefix = props.classPrefix,
-      checkable = props.checkable,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'checkbox' : _props$classPrefix,
+      _props$checkable = props.checkable,
+      checkable = _props$checkable === void 0 ? true : _props$checkable,
       defaultChecked = props.defaultChecked,
       title = props.title,
       inputRef = props.inputRef,
       inputProps = props.inputProps,
       indeterminate = props.indeterminate,
-      tabIndex = props.tabIndex,
+      _props$tabIndex = props.tabIndex,
+      tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? disabledContext : _props$disabled,
       _props$readOnly = props.readOnly,
@@ -159,7 +155,6 @@ var Checkbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Checkbox.displayName = 'Checkbox';
-Checkbox.defaultProps = defaultProps;
 Checkbox.propTypes = {
   as: _propTypes.default.elementType,
   title: _propTypes.default.string,

package/cjs/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { WithAsProps, FormControlBaseProps, RsRefForwardingComponent } from '../@types/common';
-import { ValueType } from '../Checkbox';
+import type { ValueType } from '../Checkbox';
 export interface CheckboxGroupProps<V = ValueType[]> extends WithAsProps, FormControlBaseProps<V> {
     /** Used for the name of the form */
     name?: string;
@@ -9,16 +9,5 @@ export interface CheckboxGroupProps<V = ValueType[]> extends WithAsProps, FormCo
     /** Inline layout */
     inline?: boolean;
 }
-export interface CheckboxGroupContextValue {
-    inline?: boolean;
-    name?: string;
-    value?: ValueType[];
-    controlled?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
-    plaintext?: boolean;
-    onChange?: (value: any, checked: boolean, event: React.SyntheticEvent<HTMLInputElement>) => void;
-}
-export declare const CheckboxGroupContext: React.Context<CheckboxGroupContextValue>;
 declare const CheckboxGroup: RsRefForwardingComponent<'div', CheckboxGroupProps>;
 export default CheckboxGroup;

package/cjs/CheckboxGroup/CheckboxGroup.js

@@ -5,7 +5,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.default = exports.CheckboxGroupContext = void 0;
+exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -23,24 +23,19 @@ var _utils = require("../utils");
 
 var _Plaintext = _interopRequireDefault(require("../Plaintext"));
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'checkbox-group'
-};
-
-var CheckboxGroupContext = /*#__PURE__*/_react.default.createContext({});
-
-exports.CheckboxGroupContext = CheckboxGroupContext;
+var _CheckboxGroupContext = require("./CheckboxGroupContext");
 
 var CheckboxGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       className = props.className,
       inline = props.inline,
       children = props.children,
       name = props.name,
       valueProp = props.value,
       defaultValue = props.defaultValue,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'checkbox-group' : _props$classPrefix,
       disabled = props.disabled,
       readOnly = props.readOnly,
       plaintext = props.plaintext,
@@ -86,7 +81,7 @@ var CheckboxGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       onChange: handleChange
     };
   }, [disabled, handleChange, inline, isControlled, name, plaintext, readOnly, value]);
-  return /*#__PURE__*/_react.default.createElement(CheckboxGroupContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_CheckboxGroupContext.CheckboxGroupContext.Provider, {
     value: contextValue
   }, plaintext ? /*#__PURE__*/_react.default.createElement(_Plaintext.default, {
     ref: ref,
@@ -99,7 +94,6 @@ var CheckboxGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
 });
 
 CheckboxGroup.displayName = 'CheckboxGroup';
-CheckboxGroup.defaultProps = defaultProps;
 CheckboxGroup.propTypes = {
   as: _propTypes.default.elementType,
   name: _propTypes.default.string,

package/cjs/CheckboxGroup/CheckboxGroupContext.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { ValueType } from '../Checkbox';
+export interface CheckboxGroupContextValue {
+    inline?: boolean;
+    name?: string;
+    value?: ValueType[];
+    controlled?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    plaintext?: boolean;
+    onChange?: (value: any, checked: boolean, event: React.SyntheticEvent<HTMLInputElement>) => void;
+}
+export declare const CheckboxGroupContext: React.Context<CheckboxGroupContextValue>;

package/cjs/CheckboxGroup/CheckboxGroupContext.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.CheckboxGroupContext = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var CheckboxGroupContext = /*#__PURE__*/_react.default.createContext({});
+
+exports.CheckboxGroupContext = CheckboxGroupContext;

package/cjs/CheckboxGroup/index.d.ts

@@ -1,4 +1,5 @@
-import CheckboxGroup, { CheckboxGroupContext } from './CheckboxGroup';
-export { CheckboxGroupContext };
-export type { CheckboxGroupProps, CheckboxGroupContextValue } from './CheckboxGroup';
+import CheckboxGroup from './CheckboxGroup';
+export { CheckboxGroupContext } from './CheckboxGroupContext';
+export type { CheckboxGroupProps } from './CheckboxGroup';
+export type { CheckboxGroupContextValue } from './CheckboxGroupContext';
 export default CheckboxGroup;

package/cjs/CheckboxGroup/index.js

@@ -1,12 +1,14 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.default = void 0;
+exports.default = exports.CheckboxGroupContext = void 0;
 
-var _CheckboxGroup = _interopRequireWildcard(require("./CheckboxGroup"));
+var _CheckboxGroup = _interopRequireDefault(require("./CheckboxGroup"));
 
-exports.CheckboxGroupContext = _CheckboxGroup.CheckboxGroupContext;
+var _CheckboxGroupContext = require("./CheckboxGroupContext");
+
+exports.CheckboxGroupContext = _CheckboxGroupContext.CheckboxGroupContext;
 var _default = _CheckboxGroup.default;
 exports.default = _default;

package/cjs/Col/Col.js

@@ -28,7 +28,8 @@ var Col = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
       prefix = _useClassNames.prefix,
       merge = _useClassNames.merge,
-      rootPrefix = _useClassNames.rootPrefix;
+      rootPrefix = _useClassNames.rootPrefix,
+      withClassPrefix = _useClassNames.withClassPrefix;
 
   var colClasses = {};
   var omitKeys = {};
@@ -51,7 +52,7 @@ var Col = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     colClasses[prefix(size + "-pull-" + pull)] = pull >= 0;
   });
 
-  var classes = merge(className, classPrefix, colClasses);
+  var classes = merge(className, withClassPrefix(), colClasses);
   var unhandledProps = (0, _omit.default)(rest, Object.keys(omitKeys));
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     role: "gridcell"

package/cjs/Container/Container.js

@@ -20,14 +20,12 @@ var _utils = require("../utils");
 var ContainerContext = /*#__PURE__*/_react.default.createContext({});
 
 exports.ContainerContext = ContainerContext;
-var defaultProps = {
-  as: 'section',
-  classPrefix: 'container'
-};
 
 var Container = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
-      classPrefix = props.classPrefix,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'section' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'container' : _props$classPrefix,
       className = props.className,
       children = props.children,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "children"]);
@@ -54,7 +52,6 @@ var Container = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Container.displayName = 'Container';
-Container.defaultProps = defaultProps;
 Container.propTypes = {
   className: _propTypes.default.string,
   children: _propTypes.default.node,

package/cjs/DOMHelper/index.d.ts

@@ -46,7 +46,7 @@ declare const DOMHelper: {
     } | DOMRect;
     nodeName: (node: Element) => string;
     getOffsetParent: (node: Element) => Element;
-    getPosition: (node: Element, offsetParent?: Element) => DOMRect | {
+    getPosition: (node: Element, offsetParent?: Element, calcMargin?: boolean) => DOMRect | {
         top: number;
         left: number;
         height: number;

package/cjs/DatePicker/DatePicker.js

@@ -7,10 +7,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -37,30 +37,31 @@ var _Picker = require("../Picker");
 
 var _utils2 = require("./utils");
 
-var defaultProps = (0, _extends2.default)({}, _Picker.pickerDefaultProps, {
-  as: 'div',
-  classPrefix: 'picker',
-  format: 'yyyy-MM-dd',
-  limitEndYear: 1000,
-  placeholder: ''
-});
-
 var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
       calendarDefaultDate = props.calendarDefaultDate,
-      cleanable = props.cleanable,
+      _props$cleanable = props.cleanable,
+      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
       defaultValue = props.defaultValue,
       disabled = props.disabled,
-      formatStr = props.format,
+      _props$format = props.format,
+      formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,
       isoWeek = props.isoWeek,
-      limitEndYear = props.limitEndYear,
+      _props$limitEndYear = props.limitEndYear,
+      limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,
       overrideLocale = props.locale,
       menuClassName = props.menuClassName,
-      placement = props.placement,
+      _props$appearance = props.appearance,
+      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
       oneTap = props.oneTap,
-      placeholder = props.placeholder,
+      _props$placeholder = props.placeholder,
+      placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
       ranges = props.ranges,
       valueProp = props.value,
       showMeridian = props.showMeridian,
@@ -82,7 +83,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       onSelect = props.onSelect,
       onToggleMonthDropdown = props.onToggleMonthDropdown,
       onToggleTimeDropdown = props.onToggleTimeDropdown,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "defaultValue", "disabled", "format", "isoWeek", "limitEndYear", "locale", "menuClassName", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showWeekNumbers", "style", "toggleAs", "disabledDate", "renderValue", "onChange", "onChangeCalendarDate", "onClean", "onClose", "onEntered", "onExited", "onNextMonth", "onOk", "onOpen", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown"]);
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "defaultValue", "disabled", "format", "isoWeek", "limitEndYear", "locale", "menuClassName", "appearance", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showWeekNumbers", "style", "toggleAs", "disabledDate", "renderValue", "onChange", "onChangeCalendarDate", "onClean", "onClose", "onEntered", "onExited", "onNextMonth", "onOk", "onOpen", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown"]);
 
   var _useCustom = (0, _utils.useCustom)('DatePicker', overrideLocale),
       locale = _useCustom.locale,
@@ -327,7 +328,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    * The callback after the enter key is triggered on the input
    */
 
-  var handleInputBlur = (0, _react.useCallback)(function (event) {
+  var handleInputPressEnd = (0, _react.useCallback)(function (event) {
     if (inputState === 'Typing') {
       updateValue(event, calendarDate);
     }
@@ -414,8 +415,11 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var hasValue = !!value;
 
   var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {
+    classPrefix: classPrefix,
     name: 'date',
-    hasValue: hasValue
+    appearance: appearance,
+    hasValue: hasValue,
+    cleanable: cleanable
   })),
       classes = _usePickerClassName[0],
       usedClassNamePropKeys = _usePickerClassName[1];
@@ -450,12 +454,14 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }),
     as: toggleAs,
     ref: targetRef,
+    appearance: appearance,
     input: true,
     inputValue: value ? formatDate(value, formatStr) : '',
     inputPlaceholder: typeof placeholder === 'string' && placeholder ? placeholder : formatStr,
     inputMask: _utils.DateUtils.getDateMask(formatStr),
     onInputChange: handleInputChange,
-    onInputBlur: handleInputBlur,
+    onInputBlur: handleInputPressEnd,
+    onInputPressEnter: handleInputPressEnd,
     onKeyDown: onPickerKeyDown,
     onClean: (0, _utils.createChainedFunction)(handleClean, onClean),
     cleanable: cleanable && !disabled,
@@ -468,7 +474,6 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 DatePicker.displayName = 'DatePicker';
-DatePicker.defaultProps = defaultProps;
 DatePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes, {
   calendarDefaultDate: _propTypes.default.instanceOf(Date),
   defaultValue: _propTypes.default.instanceOf(Date),

package/cjs/DatePicker/Toolbar.js

@@ -21,18 +21,15 @@ var _utils = require("../utils");
 
 var _utils2 = require("./utils");
 
-var defaultProps = {
-  classPrefix: 'picker-toolbar',
-  as: 'div'
-};
 /**
  * Toolbar for DatePicker and DateRangePicker
  */
-
 var Toolbar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'picker-toolbar' : _props$classPrefix,
       disabledOkBtn = props.disabledOkBtn,
       disabledShortcut = props.disabledShortcut,
       hideOkBtn = props.hideOkBtn,
@@ -125,6 +122,5 @@ Toolbar.propTypes = {
   disabledOkBtn: _propTypes.default.func,
   hideOkButton: _propTypes.default.bool
 };
-Toolbar.defaultProps = defaultProps;
 var _default = Toolbar;
 exports.default = _default;

package/cjs/DateRangePicker/Calendar.js

@@ -21,25 +21,23 @@ var _Calendar = _interopRequireWildcard(require("../Calendar/Calendar"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: _Calendar.default,
-  calendarDate: [new Date(), (0, _dateUtils.addMonths)(new Date(), 1)],
-  format: 'yyyy-MM-dd',
-  index: 0,
-  value: []
-};
-
 var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
-      calendarDate = props.calendarDate,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? _Calendar.default : _props$as,
+      _props$calendarDate = props.calendarDate,
+      calendarDate = _props$calendarDate === void 0 ? [new Date(), (0, _dateUtils.addMonths)(new Date(), 1)] : _props$calendarDate,
+      _props$format = props.format,
+      format = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,
       disabledDate = props.disabledDate,
-      index = props.index,
+      _props$index = props.index,
+      index = _props$index === void 0 ? 0 : _props$index,
       limitEndYear = props.limitEndYear,
       onChangeCalendarDate = props.onChangeCalendarDate,
       onChangeCalendarTime = props.onChangeCalendarTime,
       showOneCalendar = props.showOneCalendar,
-      value = props.value,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "calendarDate", "disabledDate", "index", "limitEndYear", "onChangeCalendarDate", "onChangeCalendarTime", "showOneCalendar", "value"]);
+      _props$value = props.value,
+      value = _props$value === void 0 ? [] : _props$value,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "calendarDate", "format", "disabledDate", "index", "limitEndYear", "onChangeCalendarDate", "onChangeCalendarTime", "showOneCalendar", "value"]);
 
   var _useState = (0, _react.useState)(),
       calendarState = _useState[0],
@@ -113,6 +111,7 @@ var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     return !after;
   }, [calendarDate, disabledDate, index, showOneCalendar, value]);
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
+    format: format,
     calendarState: calendarState,
     dateRange: value,
     disabledBackward: disabledBackward(),
@@ -133,7 +132,6 @@ var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Calendar.displayName = 'DateRangePicker.Calendar';
-Calendar.defaultProps = defaultProps;
 Calendar.propTypes = {
   value: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),
   hoverValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),