@douyinfe/semi-ui 2.1.1 → 2.1.2

package/lib/cjs/collapse/item.d.ts

@@ -0,0 +1,23 @@
+import React, { PureComponent, ReactNode, CSSProperties } from 'react';
+import PropTypes from 'prop-types';
+import { CollapseContextType } from './collapse-context';
+export interface CollapsePanelProps {
+    itemKey: string;
+    extra?: ReactNode;
+    header?: ReactNode;
+    className?: string;
+    reCalcKey?: number | string;
+    style?: CSSProperties;
+}
+export default class CollapsePanel extends PureComponent<CollapsePanelProps> {
+    static contextType: React.Context<CollapseContextType>;
+    static propTypes: {
+        itemKey: PropTypes.Requireable<string>;
+        extra: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+        reCalcKey: PropTypes.Requireable<string | number>;
+    };
+    renderHeader(active: boolean, expandIconEnable?: boolean): JSX.Element;
+    render(): JSX.Element;
+}

package/lib/cjs/collapse/item.js

@@ -0,0 +1,151 @@
+"use strict";
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/collapse/constants");
+
+var _collapsible = _interopRequireDefault(require("../collapsible"));
+
+var _collapseContext = _interopRequireDefault(require("./collapse-context"));
+
+var _semiIcons = require("@douyinfe/semi-icons");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && (0, _indexOf.default)(e).call(e, p) < 0) t[p] = s[p];
+
+  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
+    if ((0, _indexOf.default)(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+class CollapsePanel extends _react.PureComponent {
+  renderHeader(active) {
+    let expandIconEnable = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    const {
+      header,
+      extra
+    } = this.props;
+    let {
+      expandIcon,
+      collapseIcon
+    } = this.context;
+    const {
+      expandIconPosition
+    } = this.context;
+
+    if (typeof expandIcon === 'undefined') {
+      expandIcon = /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronDown, null);
+    }
+
+    if (typeof collapseIcon === 'undefined') {
+      collapseIcon = /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronUp, null);
+    }
+
+    const icon = /*#__PURE__*/_react.default.createElement("span", {
+      className: (0, _classnames.default)(["".concat(_constants.cssClasses.PREFIX, "-header-icon"), {
+        ["".concat(_constants.cssClasses.PREFIX, "-header-iconDisabled")]: !expandIconEnable
+      }])
+    }, expandIconEnable ? active ? collapseIcon : expandIcon : expandIcon);
+
+    const iconPosLeft = expandIconPosition === 'left';
+
+    if (typeof header === 'string') {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, iconPosLeft ? icon : null, /*#__PURE__*/_react.default.createElement("span", null, header), /*#__PURE__*/_react.default.createElement("span", {
+        className: "".concat(_constants.cssClasses.PREFIX, "-header-right")
+      }, /*#__PURE__*/_react.default.createElement("span", null, extra), iconPosLeft ? null : icon));
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, iconPosLeft ? icon : null, header, iconPosLeft ? null : icon);
+  }
+
+  render() {
+    const _a = this.props,
+          {
+      className,
+      children,
+      itemKey,
+      reCalcKey
+    } = _a,
+          restProps = __rest(_a, ["className", "children", "itemKey", "reCalcKey"]);
+
+    const {
+      keepDOM,
+      expandIconPosition,
+      activeSet,
+      onClick,
+      motion
+    } = this.context;
+    const active = activeSet.has(itemKey);
+    const itemCls = (0, _classnames.default)(className, {
+      ["".concat(_constants.cssClasses.PREFIX, "-item")]: true
+    });
+    const headerCls = (0, _classnames.default)({
+      ["".concat(_constants.cssClasses.PREFIX, "-header")]: true,
+      ["".concat(_constants.cssClasses.PREFIX, "-header-iconLeft")]: expandIconPosition === 'left'
+    });
+    const contentCls = (0, _classnames.default)({
+      ["".concat(_constants.cssClasses.PREFIX, "-content")]: true
+    });
+    return /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({
+      role: "Collapse-panel",
+      className: itemCls
+    }, restProps), /*#__PURE__*/_react.default.createElement("div", {
+      role: "button",
+      tabIndex: 0,
+      className: headerCls,
+      "aria-expanded": active ? 'true' : 'false',
+      onClick: e => onClick(itemKey, e)
+    }, this.renderHeader(active, children !== undefined)), children && /*#__PURE__*/_react.default.createElement(_collapsible.default, {
+      isOpen: active,
+      keepDOM: keepDOM,
+      motion: motion,
+      reCalcKey: reCalcKey
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: contentCls
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(_constants.cssClasses.PREFIX, "-content-wrapper")
+    }, children))));
+  }
+
+}
+
+exports.default = CollapsePanel;
+CollapsePanel.contextType = _collapseContext.default;
+CollapsePanel.propTypes = {
+  itemKey: _propTypes.default.string,
+  extra: _propTypes.default.node,
+  header: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
+  className: _propTypes.default.string,
+  reCalcKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])
+};

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

@@ -0,0 +1,36 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { Motion } from '../_base/base';
+export interface CollapsibleProps {
+    motion?: Motion;
+    children?: React.ReactNode;
+    isOpen?: boolean;
+    duration?: number;
+    keepDOM?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    collapseHeight?: number;
+    reCalcKey?: number | string;
+}
+declare const Collapsible: {
+    (props: CollapsibleProps): JSX.Element;
+    propType: {
+        motion: PropTypes.Requireable<boolean | object>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        isOpen: PropTypes.Requireable<boolean>;
+        duration: PropTypes.Requireable<number>;
+        keepDOM: PropTypes.Requireable<boolean>;
+        collapseHeight: PropTypes.Requireable<number>;
+        style: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+        reCalcKey: PropTypes.Requireable<string | number>;
+    };
+    defaultProps: {
+        isOpen: boolean;
+        duration: number;
+        motion: boolean;
+        keepDOM: boolean;
+        collapseHeight: number;
+    };
+};
+export default Collapsible;

package/lib/cjs/collapsible/index.js

@@ -0,0 +1,180 @@
+"use strict";
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _semiAnimationReact = require("@douyinfe/semi-animation-react");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/collapsible/constants");
+
+var _getMotionObjFromProps = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/getMotionObjFromProps"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+// @ts-ignore  currently no type definition for @douyinfe/semi-animation-react
+const ease = 'cubicBezier(.25,.1,.25,1)';
+
+const Collapsible = props => {
+  const {
+    motion,
+    children,
+    isOpen,
+    duration,
+    keepDOM,
+    collapseHeight,
+    style,
+    className,
+    reCalcKey
+  } = props;
+  const ref = (0, _react.useRef)(null);
+  const [maxHeight, setMaxHeight] = (0, _react.useState)(0);
+  const [open, setOpen] = (0, _react.useState)(props.isOpen);
+  const [isFirst, setIsFirst] = (0, _react.useState)(true);
+  const [transitionImmediate, setTransitionImmediate] = (0, _react.useState)(open && isFirst);
+  const [left, setLeft] = (0, _react.useState)(!props.isOpen);
+
+  if (isOpen !== open) {
+    setOpen(isOpen);
+
+    if (isFirst) {
+      setIsFirst(false);
+      setTransitionImmediate(false);
+    }
+
+    isOpen && setLeft(!isOpen);
+  }
+
+  const setHeight = (0, _react.useCallback)(node => {
+    const currHeight = node && node.scrollHeight;
+
+    if (currHeight && maxHeight !== currHeight) {
+      setMaxHeight(currHeight);
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [left, reCalcKey, maxHeight]);
+
+  const resetHeight = () => {
+    ref.current.style.maxHeight = 'none';
+  };
+
+  const formatStyle = _ref => {
+    let {
+      maxHeight: maxHeightInTransitionStyle
+    } = _ref;
+    return {
+      maxHeight: maxHeightInTransitionStyle
+    };
+  };
+
+  const shouldKeepDOM = () => keepDOM || collapseHeight !== 0;
+
+  const defaultMaxHeight = (0, _react.useMemo)(() => {
+    return isOpen || !shouldKeepDOM() && !motion ? 'none' : collapseHeight;
+  }, [collapseHeight, motion, isOpen, shouldKeepDOM]);
+
+  const renderChildren = transitionStyle => {
+    const transition = transitionStyle && typeof transitionStyle === 'object' ? formatStyle(transitionStyle) : {};
+    const wrapperstyle = (0, _assign.default)((0, _assign.default)({
+      overflow: 'hidden',
+      maxHeight: defaultMaxHeight
+    }, style), transition);
+
+    if (isFirst) {
+      wrapperstyle.maxHeight = defaultMaxHeight;
+    }
+
+    const wrapperCls = (0, _classnames.default)("".concat(_constants.cssClasses.PREFIX, "-wrapper"), className);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: wrapperstyle,
+      className: wrapperCls,
+      ref: ref
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      ref: setHeight,
+      style: {
+        overflow: 'hidden'
+      }
+    }, children));
+  };
+
+  const didLeave = () => {
+    setLeft(true);
+    !shouldKeepDOM() && setMaxHeight(collapseHeight);
+  };
+
+  const renderContent = () => {
+    if (left && !shouldKeepDOM()) {
+      return null;
+    }
+
+    const mergedMotion = (0, _getMotionObjFromProps.default)({
+      didEnter: resetHeight,
+      didLeave,
+      motion
+    });
+    return /*#__PURE__*/_react.default.createElement(_semiAnimationReact.Transition, (0, _assign.default)({
+      state: isOpen ? 'enter' : 'leave',
+      immediate: transitionImmediate,
+      from: {
+        maxHeight: 0
+      },
+      enter: {
+        maxHeight: {
+          val: maxHeight,
+          easing: ease,
+          duration
+        }
+      },
+      leave: {
+        maxHeight: {
+          val: collapseHeight,
+          easing: ease,
+          duration
+        }
+      }
+    }, mergedMotion), transitionStyle => renderChildren(motion ? transitionStyle : null));
+  };
+
+  return renderContent();
+};
+
+Collapsible.propType = {
+  motion: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func, _propTypes.default.object]),
+  children: _propTypes.default.node,
+  isOpen: _propTypes.default.bool,
+  duration: _propTypes.default.number,
+  keepDOM: _propTypes.default.bool,
+  collapseHeight: _propTypes.default.number,
+  style: _propTypes.default.object,
+  className: _propTypes.default.string,
+  reCalcKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])
+};
+Collapsible.defaultProps = {
+  isOpen: false,
+  duration: 250,
+  motion: true,
+  keepDOM: false,
+  collapseHeight: 0
+};
+var _default = Collapsible;
+exports.default = _default;

package/lib/cjs/configProvider/context.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Locale } from '../locale/interface';
+export interface ContextValue {
+    direction?: 'ltr' | 'rtl';
+    timeZone?: string | number;
+    locale?: Locale;
+    children?: React.ReactNode;
+    getPopupContainer?(): HTMLElement;
+}
+declare const ConfigContext: React.Context<ContextValue>;
+export default ConfigContext;

package/lib/cjs/configProvider/context.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+const ConfigContext = /*#__PURE__*/_react.default.createContext({});
+
+var _default = ConfigContext;
+exports.default = _default;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ContextValue } from './context';
+export interface ConfigProviderProps extends ContextValue {
+}
+export default class ConfigProvider extends React.Component<ConfigProviderProps> {
+    static propTypes: {
+        locale: PropTypes.Requireable<object>;
+        timeZone: PropTypes.Requireable<string | number>;
+        getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
+        direction: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        locale: import("../locale/interface").Locale;
+        direction: string;
+    };
+    renderChilren(): React.ReactNode;
+    render(): JSX.Element;
+}

package/lib/cjs/configProvider/index.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/base/constants");
+
+var _zh_CN = _interopRequireDefault(require("../locale/source/zh_CN"));
+
+var _context = _interopRequireDefault(require("./context"));
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && (0, _indexOf.default)(e).call(e, p) < 0) t[p] = s[p];
+
+  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
+    if ((0, _indexOf.default)(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+class ConfigProvider extends _react.default.Component {
+  renderChilren() {
+    const {
+      direction,
+      children
+    } = this.props;
+
+    if (direction === 'rtl') {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(_constants.BASE_CLASS_PREFIX, "-rtl")
+      }, children);
+    }
+
+    return children;
+  }
+
+  render() {
+    const _a = this.props,
+          {
+      children,
+      direction
+    } = _a,
+          rest = __rest(_a, ["children", "direction"]);
+
+    return /*#__PURE__*/_react.default.createElement(_context.default.Provider, {
+      value: (0, _assign.default)({
+        direction
+      }, rest)
+    }, this.renderChilren());
+  }
+
+}
+
+exports.default = ConfigProvider;
+ConfigProvider.propTypes = {
+  locale: _propTypes.default.object,
+  timeZone: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  getPopupContainer: _propTypes.default.func,
+  direction: _propTypes.default.oneOf(['ltr', 'rtl'])
+};
+ConfigProvider.defaultProps = {
+  locale: _zh_CN.default,
+  direction: 'ltr'
+};

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

@@ -0,0 +1,81 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import DateInputFoundation, { DateInputAdapter, DateInputFoundationProps, RangeType } from '@douyinfe/semi-foundation/lib/cjs/datePicker/inputFoundation';
+import { noop } from '@douyinfe/semi-foundation/lib/cjs/utils/function';
+import BaseComponent, { BaseProps } from '../_base/baseComponent';
+import { ValueType } from '@douyinfe/semi-foundation/lib/cjs/datePicker/foundation';
+export interface DateInputProps extends DateInputFoundationProps, BaseProps {
+    insetLabel?: React.ReactNode;
+    prefix?: React.ReactNode;
+    onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
+    onChange?: (value: string, e: React.MouseEvent<HTMLInputElement>) => void;
+    onEnterPress?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.MouseEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.MouseEvent<HTMLInputElement>, rangeType?: RangeType) => void;
+    onClear?: (e: React.MouseEvent<HTMLDivElement>) => void;
+}
+export default class DateInput extends BaseComponent<DateInputProps, {}> {
+    static propTypes: {
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onEnterPress: PropTypes.Requireable<(...args: any[]) => any>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        onClear: PropTypes.Requireable<(...args: any[]) => any>;
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        value: PropTypes.Requireable<any[]>;
+        disabled: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
+        multiple: PropTypes.Requireable<boolean>;
+        showClear: PropTypes.Requireable<boolean>;
+        format: PropTypes.Requireable<string>;
+        inputStyle: PropTypes.Requireable<object>;
+        inputReadOnly: PropTypes.Requireable<boolean>;
+        insetLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        validateStatus: PropTypes.Requireable<string>;
+        prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        prefixCls: PropTypes.Requireable<string>;
+        dateFnsLocale: PropTypes.Validator<object>;
+        placeholder: PropTypes.Requireable<string | any[]>;
+        rangeInputFocus: PropTypes.Requireable<string | boolean>;
+        rangeInputStartRef: PropTypes.Requireable<object>;
+        rangeInputEndRef: PropTypes.Requireable<object>;
+        rangeSeparator: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        showClear: boolean;
+        onClick: typeof noop;
+        onChange: typeof noop;
+        onEnterPress: typeof noop;
+        onBlur: typeof noop;
+        onClear: typeof noop;
+        onFocus: typeof noop;
+        multiple: boolean;
+        type: string;
+        inputStyle: {};
+        inputReadOnly: boolean;
+        prefixCls: "semi-datepicker";
+        rangeSeparator: " ~ ";
+    };
+    foundation: DateInputFoundation;
+    constructor(props: DateInputProps);
+    get adapter(): DateInputAdapter;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    formatText(value: ValueType): string;
+    handleChange: (value: string, e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleEnterPress: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    handleInputClear: (e: React.MouseEvent<HTMLDivElement>) => void;
+    handleRangeInputChange: (rangeStart: string, rangeEnd: string, e: React.ChangeEvent) => void;
+    handleRangeInputClear: React.MouseEventHandler<HTMLDivElement>;
+    handleRangeInputEnterPress: (e: React.KeyboardEvent<HTMLInputElement>, rangeStart: string, rangeEnd: string) => void;
+    handleRangeInputEndKeyPress: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    handleRangeInputFocus: (e: React.MouseEvent<HTMLElement>, rangeType: RangeType) => void;
+    handleRangeStartFocus: React.MouseEventHandler<HTMLElement>;
+    getRangeInputValue: (rangeStart: string, rangeEnd: string) => string;
+    renderRangePrefix(): JSX.Element;
+    renderRangeSeparator(rangeStart: string, rangeEnd: string): JSX.Element;
+    renderRangeClearBtn(rangeStart: string, rangeEnd: string): JSX.Element;
+    renderRangeSuffix(suffix: React.ReactNode): JSX.Element;
+    renderRangeInput(rangeProps: DateInputProps): JSX.Element;
+    render(): JSX.Element;
+}