@douyinfe/semi-ui 2.1.0-alpha.1 → 2.1.0-beta.3

package/lib/cjs/timePicker/TimePicker.d.ts

@@ -1,197 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
-import TimePickerFoundation, { TimePickerAdapter } from '@douyinfe/semi-foundation/lib/cjs/timePicker/foundation';
-import '@douyinfe/semi-foundation/lib/cjs/timePicker/timePicker.css';
-import { InputSize } from '../input';
-import { Position } from '../tooltip';
-import { ScrollItemProps } from '../scrollList/scrollItem';
-import { Locale } from '../locale/interface';
-import { Motion } from '../_base/base';
-export interface Panel {
-    panelHeader?: React.ReactNode;
-    panelFooter?: React.ReactNode;
-}
-export declare type BaseValueType = string | number | Date;
-export declare type Type = 'time' | 'timeRange';
-export declare type TimePickerProps = {
-    autoAdjustOverflow?: boolean;
-    autoFocus?: boolean;
-    className?: string;
-    clearText?: string;
-    dateFnsLocale?: Locale['dateFnsLocale'];
-    defaultOpen?: boolean;
-    defaultValue?: BaseValueType | BaseValueType[];
-    disabled?: boolean;
-    disabledHours?: () => number[];
-    disabledMinutes?: (selectedHour: number) => number[];
-    disabledSeconds?: (selectedHour: number, selectedMinute: number) => number[];
-    focusOnOpen?: boolean;
-    format?: string;
-    getPopupContainer?: () => HTMLElement;
-    hideDisabledOptions?: boolean;
-    hourStep?: number;
-    id?: string;
-    inputReadOnly?: boolean;
-    inputStyle?: React.CSSProperties;
-    insetLabel?: React.ReactNode;
-    locale?: Locale['TimePicker'];
-    localeCode?: string;
-    minuteStep?: number;
-    motion?: Motion;
-    open?: boolean;
-    panelFooter?: React.ReactNode;
-    panelHeader?: React.ReactNode;
-    panels?: Panel[];
-    placeholder?: string;
-    popupClassName?: string;
-    popupStyle?: React.CSSProperties;
-    position?: Position;
-    prefixCls?: string;
-    rangeSeparator?: string;
-    scrollItemProps?: ScrollItemProps;
-    secondStep?: number;
-    showClear?: boolean;
-    size?: InputSize;
-    style?: React.CSSProperties;
-    timeZone?: string | number;
-    triggerRender?: (props?: any) => React.ReactNode;
-    type?: Type;
-    use12Hours?: boolean;
-    validateStatus?: ValidateStatus;
-    value?: BaseValueType | BaseValueType[];
-    zIndex?: number | string;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    onChange?: TimePickerAdapter['notifyChange'];
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    onOpenChange?: (open: boolean) => void;
-};
-export interface TimePickerState {
-    open: boolean;
-    value: Date[];
-    inputValue: string;
-    currentSelectPanel: string | number;
-    isAM: [boolean, boolean];
-    showHour: boolean;
-    showMinute: boolean;
-    showSecond: boolean;
-    invalid: boolean;
-}
-export default class TimePicker extends BaseComponent<TimePickerProps, TimePickerState> {
-    static contextType: React.Context<import("../configProvider/context").ContextValue>;
-    static propTypes: {
-        inputStyle: PropTypes.Requireable<object>;
-        panelHeader: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        panelFooter: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        prefixCls: PropTypes.Requireable<string>;
-        clearText: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
-        inputReadOnly: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        showClear: PropTypes.Requireable<boolean>;
-        defaultValue: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
-        open: PropTypes.Requireable<boolean>;
-        defaultOpen: PropTypes.Requireable<boolean>;
-        onOpenChange: PropTypes.Requireable<(...args: any[]) => any>;
-        position: PropTypes.Requireable<any>;
-        getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
-        placeholder: PropTypes.Requireable<string>;
-        format: PropTypes.Requireable<string>;
-        style: PropTypes.Requireable<object>;
-        className: PropTypes.Requireable<string>;
-        popupClassName: PropTypes.Requireable<string>;
-        popupStyle: PropTypes.Requireable<object>;
-        disabledHours: PropTypes.Requireable<(...args: any[]) => any>;
-        disabledMinutes: PropTypes.Requireable<(...args: any[]) => any>;
-        disabledSeconds: PropTypes.Requireable<(...args: any[]) => any>;
-        hideDisabledOptions: PropTypes.Requireable<boolean>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        use12Hours: PropTypes.Requireable<boolean>;
-        hourStep: PropTypes.Requireable<number>;
-        minuteStep: PropTypes.Requireable<number>;
-        secondStep: PropTypes.Requireable<number>;
-        focusOnOpen: PropTypes.Requireable<boolean>;
-        autoFocus: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
-        panels: PropTypes.Requireable<PropTypes.InferProps<{
-            panelHeader: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            panelFooter: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        }>[]>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        locale: PropTypes.Requireable<object>;
-        localeCode: PropTypes.Requireable<string>;
-        dateFnsLocale: PropTypes.Requireable<object>;
-        zIndex: PropTypes.Requireable<string | number>;
-        insetLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
-        type: PropTypes.Requireable<Type>;
-        rangeSeparator: PropTypes.Requireable<string>;
-        triggerRender: PropTypes.Requireable<(...args: any[]) => any>;
-        timeZone: PropTypes.Requireable<string | number>;
-        scrollItemProps: PropTypes.Requireable<object>;
-        motion: PropTypes.Requireable<boolean | object>;
-        autoAdjustOverflow: PropTypes.Requireable<boolean>;
-    };
-    static defaultProps: {
-        autoAdjustOverflow: boolean;
-        getPopupContainer: () => HTMLElement;
-        showClear: boolean;
-        zIndex: number;
-        rangeSeparator: " ~ ";
-        onOpenChange: (...args: any[]) => void;
-        clearText: string;
-        prefixCls: string;
-        inputReadOnly: boolean;
-        style: {};
-        className: string;
-        popupClassName: string;
-        popupStyle: {
-            left: string;
-            top: string;
-        };
-        disabledHours: () => number[];
-        disabledMinutes: () => number[];
-        disabledSeconds: () => number[];
-        hideDisabledOptions: boolean;
-        onFocus: (...args: any[]) => void;
-        onBlur: (...args: any[]) => void;
-        onChange: (...args: any[]) => void;
-        use12Hours: boolean;
-        focusOnOpen: boolean;
-        onKeyDown: (...args: any[]) => void;
-        size: "default";
-        type: "time";
-    };
-    foundation: TimePickerFoundation;
-    timePickerRef: React.MutableRefObject<HTMLDivElement>;
-    savePanelRef: React.RefObject<HTMLDivElement>;
-    clickOutSideHandler: (e: MouseEvent) => void;
-    constructor(props: TimePickerProps);
-    get adapter(): TimePickerAdapter<TimePickerProps, TimePickerState>;
-    static getDerivedStateFromProps(nextProps: TimePickerProps, prevState: TimePickerState): {
-        open: boolean;
-    };
-    componentDidUpdate(prevProps: TimePickerProps): void;
-    onCurrentSelectPanelChange: (currentSelectPanel: string) => void;
-    handlePanelChange: (value: {
-        isAM: boolean;
-        value: string;
-        timeStampValue: number;
-    }, index: number) => void;
-    handleInput: (value: string) => void;
-    createPanelProps: (index?: number) => {
-        panelHeader: React.ReactNode;
-        panelFooter: React.ReactNode;
-    };
-    getPanelElement(): JSX.Element;
-    getPopupClassName(): string;
-    focus(): void;
-    blur(): void;
-    handlePanelVisibleChange: (visible: boolean) => void;
-    openPanel: () => void;
-    handleFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
-    handleBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
-    setTimePickerRef: React.LegacyRef<HTMLDivElement>;
-    render(): JSX.Element;
-}

package/lib/cjs/timePicker/TimePicker.js

@@ -1,503 +0,0 @@
-"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 _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _get2 = _interopRequireDefault(require("lodash/get"));
-
-var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _context3 = _interopRequireDefault(require("../configProvider/context"));
-
-var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
-var _constants = require("@douyinfe/semi-foundation/lib/cjs/timePicker/constants");
-
-var _popover = _interopRequireDefault(require("../popover"));
-
-var _constants2 = require("@douyinfe/semi-foundation/lib/cjs/popover/constants");
-
-var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/timePicker/foundation"));
-
-var _isNullOrUndefined = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/isNullOrUndefined"));
-
-var _Combobox = _interopRequireDefault(require("./Combobox"));
-
-var _TimeInput = _interopRequireDefault(require("./TimeInput"));
-
-var _PanelShape = require("./PanelShape");
-
-var _TimeShape = require("./TimeShape");
-
-require("@douyinfe/semi-foundation/lib/cjs/timePicker/timePicker.css");
-
-var _trigger = _interopRequireDefault(require("../trigger"));
-
-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;
-};
-/* eslint-disable no-unused-vars */
-
-
-class TimePicker extends _baseComponent.default {
-  constructor(props) {
-    var _this;
-
-    super(props);
-    _this = this;
-
-    this.onCurrentSelectPanelChange = currentSelectPanel => {
-      this.setState({
-        currentSelectPanel
-      });
-    };
-
-    this.handlePanelChange = (value, index) => this.foundation.handlePanelChange(value, index);
-
-    this.handleInput = value => this.foundation.handleInputChange(value);
-
-    this.createPanelProps = function () {
-      let index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-      const {
-        panels,
-        panelFooter,
-        panelHeader,
-        locale
-      } = _this.props;
-      const panelProps = {
-        panelHeader,
-        panelFooter
-      };
-
-      if (_this.adapter.isRangePicker()) {
-        const defaultHeaderMap = {
-          0: locale.begin,
-          1: locale.end
-        };
-        panelProps.panelHeader = (0, _get2.default)(panels, index, (0, _isNullOrUndefined.default)(panelHeader) ? (0, _get2.default)(defaultHeaderMap, index, null) : panelHeader);
-        panelProps.panelFooter = (0, _get2.default)(panels, index, panelFooter);
-      }
-
-      return panelProps;
-    };
-
-    this.handlePanelVisibleChange = visible => this.foundation.handleVisibleChange(visible);
-
-    this.openPanel = () => {
-      this.foundation.handlePanelOpen();
-    };
-
-    this.handleFocus = e => {
-      this.foundation.handleFocus(e);
-    };
-
-    this.handleBlur = e => this.foundation.handleInputBlur(e);
-
-    this.setTimePickerRef = node => this.timePickerRef.current = node;
-
-    const {
-      format = _constants.strings.DEFAULT_FORMAT
-    } = props;
-    this.state = {
-      open: props.open || props.defaultOpen || false,
-      value: [],
-      inputValue: '',
-      currentSelectPanel: 0,
-      isAM: [true, false],
-      showHour: Boolean(format.match(/HH|hh|H|h/g)),
-      showMinute: Boolean(format.match(/mm/g)),
-      showSecond: Boolean(format.match(/ss/g)),
-      invalid: undefined
-    };
-    this.foundation = new _foundation.default(this.adapter);
-    this.timePickerRef = /*#__PURE__*/_react.default.createRef();
-    this.savePanelRef = /*#__PURE__*/_react.default.createRef();
-  }
-
-  get adapter() {
-    var _this2 = this;
-
-    return (0, _assign.default)((0, _assign.default)({}, super.adapter), {
-      togglePanel: show => {
-        this.setState({
-          open: show
-        });
-      },
-      registerClickOutSide: () => {
-        if (this.clickOutSideHandler) {
-          this.adapter.unregisterClickOutSide();
-        }
-
-        this.clickOutSideHandler = e => {
-          const panel = this.savePanelRef && this.savePanelRef.current;
-          const isInPanel = e.target && panel && panel.contains(e.target);
-          const isInTimepicker = this.timePickerRef && this.timePickerRef.current && this.timePickerRef.current.contains(e.target);
-
-          if (!isInTimepicker && !isInPanel) {
-            const clickedOutside = true;
-            this.foundation.hanldePanelClose(clickedOutside, e);
-          }
-        };
-
-        document.addEventListener('mousedown', this.clickOutSideHandler);
-      },
-      setInputValue: (inputValue, cb) => this.setState({
-        inputValue
-      }, cb),
-      unregisterClickOutSide: () => {
-        if (this.clickOutSideHandler) {
-          document.removeEventListener('mousedown', this.clickOutSideHandler);
-          this.clickOutSideHandler = null;
-        }
-      },
-      notifyOpenChange: function () {
-        return _this2.props.onOpenChange(...arguments);
-      },
-      notifyChange: function () {
-        return _this2.props.onChange && _this2.props.onChange(...arguments);
-      },
-      notifyFocus: function () {
-        return _this2.props.onFocus && _this2.props.onFocus(...arguments);
-      },
-      notifyBlur: function () {
-        return _this2.props.onBlur && _this2.props.onBlur(...arguments);
-      },
-      isRangePicker: () => this.props.type === _constants.strings.TYPE_TIME_RANGE_PICKER
-    });
-  }
-
-  static getDerivedStateFromProps(nextProps, prevState) {
-    if ('open' in nextProps && nextProps.open !== prevState.open) {
-      return {
-        open: nextProps.open
-      };
-    }
-
-    return null;
-  }
-
-  componentDidUpdate(prevProps) {
-    // if (this.isControlled('open') && this.props.open != null && this.props.open !== prevProps.open) {
-    //     this.foundation.setPanel(this.props.open);
-    // }
-    if (this.isControlled('value') && this.props.value !== prevProps.value) {
-      this.foundation.refreshProps((0, _assign.default)({}, this.props));
-    } else if (this.props.timeZone !== prevProps.timeZone) {
-      this.foundation.refreshProps({
-        timeZone: this.props.timeZone,
-        __prevTimeZone: prevProps.timeZone,
-        value: this.state.value
-      });
-    }
-  }
-
-  getPanelElement() {
-    const {
-      prefixCls,
-      type
-    } = this.props;
-    const {
-      isAM,
-      value
-    } = this.state;
-    const format = this.foundation.getDefaultFormatIfNeed();
-    const timePanels = [/*#__PURE__*/_react.default.createElement(_Combobox.default, (0, _assign.default)({}, this.props, {
-      key: 0,
-      format: format,
-      isAM: isAM[0],
-      timeStampValue: value[0],
-      prefixCls: "".concat(prefixCls, "-panel"),
-      onChange: v => this.handlePanelChange(v, 0),
-      onCurrentSelectPanelChange: this.onCurrentSelectPanelChange
-    }, this.createPanelProps(0)))];
-
-    if (type === _constants.strings.TYPE_TIME_RANGE_PICKER) {
-      timePanels.push( /*#__PURE__*/_react.default.createElement(_Combobox.default, (0, _assign.default)({}, this.props, {
-        key: 1,
-        format: format,
-        isAM: isAM[1],
-        timeStampValue: value[1],
-        prefixCls: "".concat(prefixCls, "-panel"),
-        onChange: v => this.handlePanelChange(v, 1),
-        onCurrentSelectPanelChange: this.onCurrentSelectPanelChange
-      }, this.createPanelProps(1))));
-    }
-
-    const wrapCls = (0, _classnames.default)({
-      [_constants.cssClasses.RANGE_PANEL_LISTS]: this.adapter.isRangePicker()
-    });
-    return /*#__PURE__*/_react.default.createElement("div", {
-      ref: this.savePanelRef,
-      className: wrapCls
-    }, (0, _map.default)(timePanels).call(timePanels, panel => panel));
-  }
-
-  getPopupClassName() {
-    var _context;
-
-    const {
-      use12Hours,
-      prefixCls,
-      popupClassName
-    } = this.props;
-    const {
-      showHour,
-      showMinute,
-      showSecond
-    } = this.state;
-    let selectColumnCount = 0;
-
-    if (showHour) {
-      selectColumnCount += 1;
-    }
-
-    if (showMinute) {
-      selectColumnCount += 1;
-    }
-
-    if (showSecond) {
-      selectColumnCount += 1;
-    }
-
-    if (use12Hours) {
-      selectColumnCount += 1;
-    }
-
-    return (0, _classnames.default)("".concat(prefixCls, "-panel"), popupClassName, {
-      ["".concat(prefixCls, "-panel-narrow")]: (!showHour || !showMinute || !showSecond) && !use12Hours,
-      [_constants.cssClasses.RANGE_PICKER]: this.adapter.isRangePicker()
-    }, (0, _concat.default)(_context = "".concat(prefixCls, "-panel-column-")).call(_context, selectColumnCount));
-  }
-
-  focus() {// TODO this.picker is undefined, confirm keep this func or not
-    // this.picker.focus();
-  }
-
-  blur() {// TODO this.picker is undefined, confirm keep this func or not
-    // this.picker.blur();
-  }
-
-  render() {
-    var _context2;
-
-    const _a = this.props,
-          {
-      prefixCls,
-      placeholder,
-      disabled,
-      defaultValue,
-      className,
-      popupStyle,
-      size,
-      style,
-      locale,
-      localeCode,
-      zIndex,
-      getPopupContainer,
-      insetLabel,
-      inputStyle,
-      showClear,
-      panelHeader,
-      panelFooter,
-      rangeSeparator,
-      onOpenChange,
-      popupClassName: propPopupClassName,
-      hideDisabledOptions,
-      use12Hours,
-      minuteStep,
-      hourStep,
-      secondStep,
-      scrollItemProps,
-      triggerRender,
-      motion,
-      autoAdjustOverflow
-    } = _a,
-          rest = __rest(_a, ["prefixCls", "placeholder", "disabled", "defaultValue", "className", "popupStyle", "size", "style", "locale", "localeCode", "zIndex", "getPopupContainer", "insetLabel", "inputStyle", "showClear", "panelHeader", "panelFooter", "rangeSeparator", "onOpenChange", "popupClassName", "hideDisabledOptions", "use12Hours", "minuteStep", "hourStep", "secondStep", "scrollItemProps", "triggerRender", "motion", "autoAdjustOverflow"]);
-
-    const format = this.foundation.getDefaultFormatIfNeed();
-    const position = this.foundation.getPosition();
-    const useCustomTrigger = typeof triggerRender === 'function';
-    const {
-      open,
-      inputValue,
-      invalid,
-      value
-    } = this.state;
-    const popupClassName = this.getPopupClassName();
-    const headerPrefix = (0, _classnames.default)({
-      ["".concat(prefixCls, "-header")]: true
-    });
-    const panelPrefix = (0, _classnames.default)({
-      ["".concat(prefixCls, "-panel")]: true,
-      [(0, _concat.default)(_context2 = "".concat(prefixCls, "-panel-")).call(_context2, size)]: size
-    });
-    const inputProps = (0, _assign.default)((0, _assign.default)({}, rest), {
-      disabled,
-      prefixCls,
-      size,
-      showClear: disabled ? false : showClear,
-      style: inputStyle,
-      value: inputValue,
-      onFocus: this.handleFocus,
-      insetLabel,
-      format,
-      locale,
-      localeCode,
-      invalid,
-      placeholder,
-      onChange: this.handleInput,
-      onBlur: this.handleBlur
-    });
-    const outerProps = {};
-
-    if (useCustomTrigger) {
-      outerProps.onClick = this.openPanel;
-    }
-
-    return /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({
-      ref: this.setTimePickerRef,
-      className: (0, _classnames.default)({
-        [prefixCls]: true
-      }, className),
-      style: style
-    }, outerProps), /*#__PURE__*/_react.default.createElement(_popover.default, {
-      getPopupContainer: getPopupContainer,
-      zIndex: zIndex,
-      prefixCls: panelPrefix,
-      contentClassName: popupClassName,
-      style: popupStyle,
-      content: this.getPanelElement(),
-      trigger: 'custom',
-      position: position,
-      visible: disabled ? false : Boolean(open),
-      motion: motion,
-      autoAdjustOverflow: autoAdjustOverflow
-    }, useCustomTrigger ? /*#__PURE__*/_react.default.createElement(_trigger.default, {
-      triggerRender: triggerRender,
-      disabled: disabled,
-      value: value,
-      inputValue: inputValue,
-      onChange: this.handleInput,
-      placeholder: placeholder,
-      componentName: 'TimePicker',
-      componentProps: (0, _assign.default)({}, this.props)
-    }) : /*#__PURE__*/_react.default.createElement("span", {
-      className: headerPrefix
-    }, /*#__PURE__*/_react.default.createElement(_TimeInput.default, (0, _assign.default)({}, inputProps)))));
-  }
-
-}
-
-exports.default = TimePicker;
-TimePicker.contextType = _context3.default;
-TimePicker.propTypes = (0, _assign.default)((0, _assign.default)({
-  prefixCls: _propTypes.default.string,
-  clearText: _propTypes.default.string,
-  value: _TimeShape.TimeShape,
-  inputReadOnly: _propTypes.default.bool,
-  disabled: _propTypes.default.bool,
-  showClear: _propTypes.default.bool,
-  defaultValue: _TimeShape.TimeShape,
-  open: _propTypes.default.bool,
-  defaultOpen: _propTypes.default.bool,
-  onOpenChange: _propTypes.default.func,
-  position: _propTypes.default.any,
-  getPopupContainer: _propTypes.default.func,
-  placeholder: _propTypes.default.string,
-  format: _propTypes.default.string,
-  style: _propTypes.default.object,
-  className: _propTypes.default.string,
-  popupClassName: _propTypes.default.string,
-  popupStyle: _propTypes.default.object,
-  disabledHours: _propTypes.default.func,
-  disabledMinutes: _propTypes.default.func,
-  disabledSeconds: _propTypes.default.func,
-  hideDisabledOptions: _propTypes.default.bool,
-  onChange: _propTypes.default.func,
-  use12Hours: _propTypes.default.bool,
-  hourStep: _propTypes.default.number,
-  minuteStep: _propTypes.default.number,
-  secondStep: _propTypes.default.number,
-  focusOnOpen: _propTypes.default.bool,
-  autoFocus: _propTypes.default.bool,
-  size: _propTypes.default.oneOf(_constants.strings.SIZE),
-  panels: _propTypes.default.arrayOf(_propTypes.default.shape(_PanelShape.PanelShape)),
-  onFocus: _propTypes.default.func,
-  onBlur: _propTypes.default.func,
-  locale: _propTypes.default.object,
-  localeCode: _propTypes.default.string,
-  dateFnsLocale: _propTypes.default.object,
-  zIndex: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  insetLabel: _propTypes.default.node,
-  validateStatus: _propTypes.default.oneOf(_constants.strings.STATUS),
-  type: _propTypes.default.oneOf(_constants.strings.TYPES),
-  rangeSeparator: _propTypes.default.string,
-  triggerRender: _propTypes.default.func,
-  timeZone: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  scrollItemProps: _propTypes.default.object,
-  motion: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func, _propTypes.default.object]),
-  autoAdjustOverflow: _propTypes.default.bool
-}, _PanelShape.PanelShape), {
-  inputStyle: _propTypes.default.object
-});
-TimePicker.defaultProps = (0, _assign.default)({
-  autoAdjustOverflow: true,
-  getPopupContainer: () => document.body,
-  showClear: true,
-  zIndex: _constants2.numbers.DEFAULT_Z_INDEX,
-  rangeSeparator: _constants.strings.DEFAULT_RANGE_SEPARATOR,
-  onOpenChange: _noop2.default,
-  clearText: 'clear',
-  prefixCls: _constants.cssClasses.PREFIX,
-  inputReadOnly: false,
-  style: {},
-  className: '',
-  popupClassName: '',
-  popupStyle: {
-    left: '0px',
-    top: '0px'
-  },
-  disabledHours: () => [],
-  disabledMinutes: () => [],
-  disabledSeconds: () => [],
-  hideDisabledOptions: false,
-  // position: 'bottomLeft',
-  onFocus: _noop2.default,
-  onBlur: _noop2.default,
-  onChange: _noop2.default,
-  use12Hours: false,
-  focusOnOpen: false,
-  onKeyDown: _noop2.default,
-  size: 'default',
-  type: _constants.strings.DEFAULT_TYPE
-}, _PanelShape.PanelShapeDefaults);