@douyinfe/semi-ui 2.1.0-next.0 → 2.1.0

package/lib/cjs/configProvider/index.js

@@ -1,83 +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 _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

@@ -1,81 +0,0 @@
-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;
-}

package/lib/cjs/datePicker/dateInput.js

@@ -1,408 +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 _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
-
-var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _inputFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/datePicker/inputFoundation"));
-
-var _constants = require("@douyinfe/semi-foundation/lib/cjs/datePicker/constants");
-
-var _function = require("@douyinfe/semi-foundation/lib/cjs/utils/function");
-
-var _isNullOrUndefined = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/isNullOrUndefined"));
-
-var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
-var _index = _interopRequireDefault(require("../input/index"));
-
-var _semiIcons = require("@douyinfe/semi-icons");
-
-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 max-lines-per-function */
-
-/* eslint-disable no-unused-vars */
-
-
-// eslint-disable-next-line @typescript-eslint/ban-types
-class DateInput extends _baseComponent.default {
-  constructor(props) {
-    super(props);
-
-    this.handleChange = (value, e) => this.foundation.handleChange(value, e);
-
-    this.handleEnterPress = e => this.foundation.handleInputComplete(e);
-
-    this.handleInputClear = e => this.foundation.handleInputClear(e);
-
-    this.handleRangeInputChange = (rangeStart, rangeEnd, e) => {
-      const rangeInputValue = this.getRangeInputValue(rangeStart, rangeEnd);
-      this.foundation.handleChange(rangeInputValue, e);
-    };
-
-    this.handleRangeInputClear = e => {
-      this.foundation.handleRangeInputClear(e);
-    };
-
-    this.handleRangeInputEnterPress = (e, rangeStart, rangeEnd) => {
-      const rangeInputValue = this.getRangeInputValue(rangeStart, rangeEnd);
-      this.foundation.handleRangeInputEnterPress(e, rangeInputValue);
-    };
-
-    this.handleRangeInputEndKeyPress = e => {
-      this.foundation.handleRangeInputEndKeyPress(e);
-    };
-
-    this.handleRangeInputFocus = (e, rangeType) => {
-      this.foundation.handleRangeInputFocus(e, rangeType);
-    };
-
-    this.handleRangeStartFocus = e => {
-      this.handleRangeInputFocus(e, 'rangeStart');
-    };
-
-    this.getRangeInputValue = (rangeStart, rangeEnd) => {
-      var _context, _context2;
-
-      const {
-        rangeSeparator
-      } = this.props;
-      const rangeInputValue = (0, _concat.default)(_context = (0, _concat.default)(_context2 = "".concat(rangeStart)).call(_context2, rangeSeparator)).call(_context, rangeEnd);
-      return rangeInputValue;
-    };
-
-    this.foundation = new _inputFoundation.default(this.adapter);
-  }
-
-  get adapter() {
-    var _this = this;
-
-    return (0, _assign.default)((0, _assign.default)({}, super.adapter), {
-      updateIsFocusing: isFocusing => this.setState({
-        isFocusing
-      }),
-      notifyClick: function () {
-        return _this.props.onClick(...arguments);
-      },
-      notifyChange: function () {
-        return _this.props.onChange(...arguments);
-      },
-      notifyEnter: function () {
-        return _this.props.onEnterPress(...arguments);
-      },
-      notifyBlur: function () {
-        return _this.props.onBlur(...arguments);
-      },
-      notifyClear: function () {
-        return _this.props.onClear(...arguments);
-      },
-      notifyFocus: function () {
-        return _this.props.onFocus(...arguments);
-      },
-      notifyRangeInputClear: function () {
-        return _this.props.onRangeClear(...arguments);
-      },
-      notifyRangeInputFocus: function () {
-        return _this.props.onFocus(...arguments);
-      },
-      notifyTabPress: function () {
-        return _this.props.onRangeEndTabPress(...arguments);
-      }
-    });
-  }
-
-  componentDidMount() {
-    this.foundation.init();
-  }
-
-  componentWillUnmount() {
-    this.foundation.destroy();
-  }
-
-  formatText(value) {
-    // eslint-disable-next-line max-len
-    return value && value.length ? this.foundation.formatShowText(value) : '';
-  }
-
-  renderRangePrefix() {
-    const {
-      prefix,
-      insetLabel,
-      prefixCls,
-      disabled,
-      rangeInputFocus
-    } = this.props;
-    const labelNode = prefix || insetLabel;
-    return labelNode ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-range-input-prefix"),
-      onClick: e => !disabled && !rangeInputFocus && this.handleRangeStartFocus(e)
-    }, labelNode) : null;
-  }
-
-  renderRangeSeparator(rangeStart, rangeEnd) {
-    const {
-      disabled,
-      rangeSeparator
-    } = this.props;
-    const separatorCls = (0, _classnames.default)({
-      ["".concat(_constants.cssClasses.PREFIX, "-range-input-separator")]: true,
-      ["".concat(_constants.cssClasses.PREFIX, "-range-input-separator-active")]: (rangeStart || rangeEnd) && !disabled
-    });
-    return /*#__PURE__*/_react.default.createElement("span", {
-      onClick: e => !disabled && this.handleRangeStartFocus(e),
-      className: separatorCls
-    }, rangeSeparator);
-  }
-
-  renderRangeClearBtn(rangeStart, rangeEnd) {
-    const {
-      showClear,
-      prefixCls,
-      disabled
-    } = this.props;
-    const allowClear = (rangeStart || rangeEnd) && showClear;
-    return allowClear && !disabled ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-range-input-clearbtn"),
-      onMouseDown: e => !disabled && this.handleRangeInputClear(e)
-    }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconClear, null)) : null;
-  }
-
-  renderRangeSuffix(suffix) {
-    const {
-      prefixCls,
-      disabled,
-      rangeInputFocus
-    } = this.props;
-    const rangeSuffix = suffix ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-range-input-suffix"),
-      onClick: e => !disabled && !rangeInputFocus && this.handleRangeStartFocus(e)
-    }, suffix) : null;
-    return rangeSuffix;
-  }
-
-  renderRangeInput(rangeProps) {
-    var _context3, _context4;
-
-    const {
-      // this.props
-      placeholder,
-      inputStyle,
-      disabled,
-      inputReadOnly,
-      autofocus,
-      size,
-      // compute props
-      text,
-      suffix,
-      inputCls,
-      // range only props
-      rangeInputStartRef,
-      rangeInputEndRef,
-      rangeInputFocus,
-      prefixCls,
-      rangeSeparator
-    } = rangeProps;
-    const [rangeStart, rangeEnd = ''] = text.split(rangeSeparator) || [];
-    const rangeSize = size === 'large' ? 'default' : 'small';
-    const rangePlaceholder = (0, _isArray.default)(placeholder) ? placeholder : [placeholder, placeholder];
-    const [rangeStartPlaceholder, rangeEndPlaceholder] = rangePlaceholder;
-    const inputLeftWrapperCls = (0, _classnames.default)("".concat(prefixCls, "-range-input-wrapper-start"), "".concat(prefixCls, "-range-input-wrapper"), {
-      ["".concat(prefixCls, "-range-input-wrapper-active")]: rangeInputFocus === 'rangeStart',
-      ["".concat(prefixCls, "-range-input-wrapper-start-with-prefix")]: this.props.prefix || this.props.insetLabel
-    });
-    const inputRightWrapperCls = (0, _classnames.default)("".concat(prefixCls, "-range-input-wrapper-end"), "".concat(prefixCls, "-range-input-wrapper"), {
-      ["".concat(prefixCls, "-range-input-wrapper-active")]: rangeInputFocus === 'rangeEnd'
-    });
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderRangePrefix(), /*#__PURE__*/_react.default.createElement("div", {
-      onClick: e => !disabled && this.handleRangeInputFocus(e, 'rangeStart'),
-      className: (0, _concat.default)(_context3 = "".concat(inputCls, " ")).call(_context3, inputLeftWrapperCls)
-    }, /*#__PURE__*/_react.default.createElement(_index.default, {
-      size: rangeSize,
-      style: inputStyle,
-      disabled: disabled,
-      readonly: inputReadOnly,
-      placeholder: rangeStartPlaceholder,
-      value: rangeStart,
-      // range input onBlur function is called when panel is closed
-      // onBlur={noop}
-      onChange: (rangeStartValue, e) => this.handleRangeInputChange(rangeStartValue, rangeEnd, e),
-      onEnterPress: e => this.handleRangeInputEnterPress(e, rangeStart, rangeEnd),
-      onFocus: e => this.handleRangeInputFocus(e, 'rangeStart'),
-      autofocus: autofocus,
-      ref: rangeInputStartRef
-    })), this.renderRangeSeparator(rangeStart, rangeEnd), /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _concat.default)(_context4 = "".concat(inputCls, " ")).call(_context4, inputRightWrapperCls),
-      onClick: e => !disabled && this.handleRangeInputFocus(e, 'rangeEnd')
-    }, /*#__PURE__*/_react.default.createElement(_index.default, {
-      size: rangeSize,
-      style: inputStyle,
-      disabled: disabled,
-      readonly: inputReadOnly,
-      placeholder: rangeEndPlaceholder,
-      value: rangeEnd,
-      // range input onBlur function is called when panel is closed
-      // onBlur={noop}
-      onChange: (rangeEndValue, e) => this.handleRangeInputChange(rangeStart, rangeEndValue, e),
-      onEnterPress: e => this.handleRangeInputEnterPress(e, rangeStart, rangeEnd),
-      onFocus: e => this.handleRangeInputFocus(e, 'rangeEnd'),
-      onKeyDown: this.handleRangeInputEndKeyPress,
-      ref: rangeInputEndRef
-    })), this.renderRangeClearBtn(rangeStart, rangeEnd), this.renderRangeSuffix(suffix));
-  }
-
-  render() {
-    const _a = this.props,
-          {
-      placeholder,
-      type,
-      value,
-      inputValue,
-      inputStyle,
-      disabled,
-      showClear,
-      inputReadOnly,
-      insetLabel,
-      validateStatus,
-      block,
-      prefixCls,
-      dateFnsLocale,
-      // No need to pass to input
-      onBlur,
-      onClear,
-      onFocus,
-      prefix,
-      autofocus,
-      size,
-      // range input support props, no need passing to not range type
-      rangeInputStartRef,
-      rangeInputEndRef,
-      onRangeClear,
-      onRangeBlur,
-      onRangeEndTabPress,
-      rangeInputFocus,
-      rangeSeparator
-    } = _a,
-          rest = __rest(_a, ["placeholder", "type", "value", "inputValue", "inputStyle", "disabled", "showClear", "inputReadOnly", "insetLabel", "validateStatus", "block", "prefixCls", "dateFnsLocale", "onBlur", "onClear", "onFocus", "prefix", "autofocus", "size", "rangeInputStartRef", "rangeInputEndRef", "onRangeClear", "onRangeBlur", "onRangeEndTabPress", "rangeInputFocus", "rangeSeparator"]);
-
-    const dateIcon = /*#__PURE__*/_react.default.createElement(_semiIcons.IconCalendar, null);
-
-    const dateTimeIcon = /*#__PURE__*/_react.default.createElement(_semiIcons.IconCalendarClock, null);
-
-    const suffix = (0, _includes.default)(type).call(type, 'Time') ? dateTimeIcon : dateIcon;
-    let text = '';
-
-    if (!(0, _isNullOrUndefined.default)(inputValue)) {
-      text = inputValue;
-    } else if (value) {
-      text = this.formatText(value);
-    }
-
-    const inputCls = (0, _classnames.default)({
-      ["".concat(prefixCls, "-input-readonly")]: inputReadOnly
-    });
-    const isRangeType = /range/i.test(type);
-    const rangeProps = (0, _assign.default)((0, _assign.default)({}, this.props), {
-      text,
-      suffix,
-      inputCls
-    });
-    return isRangeType ? this.renderRangeInput(rangeProps) : /*#__PURE__*/_react.default.createElement(_index.default, (0, _assign.default)({}, rest, {
-      insetLabel: insetLabel,
-      disabled: disabled,
-      readonly: inputReadOnly,
-      className: inputCls,
-      style: inputStyle,
-      hideSuffix: showClear,
-      placeholder: placeholder,
-      onEnterPress: this.handleEnterPress,
-      onChange: this.handleChange,
-      onClear: this.handleInputClear,
-      suffix: suffix,
-      showClear: showClear,
-      value: text,
-      validateStatus: validateStatus,
-      prefix: prefix,
-      autofocus: autofocus,
-      size: size,
-      onBlur: onBlur,
-      onFocus: onFocus
-    }));
-  }
-
-}
-
-exports.default = DateInput;
-DateInput.propTypes = {
-  onClick: _propTypes.default.func,
-  onChange: _propTypes.default.func,
-  onEnterPress: _propTypes.default.func,
-  onBlur: _propTypes.default.func,
-  onClear: _propTypes.default.func,
-  onFocus: _propTypes.default.func,
-  value: _propTypes.default.array,
-  disabled: _propTypes.default.bool,
-  type: _propTypes.default.oneOf(_constants.strings.TYPE_SET),
-  multiple: _propTypes.default.bool,
-  showClear: _propTypes.default.bool,
-  format: _propTypes.default.string,
-  inputStyle: _propTypes.default.object,
-  inputReadOnly: _propTypes.default.bool,
-  insetLabel: _propTypes.default.node,
-  validateStatus: _propTypes.default.string,
-  prefix: _propTypes.default.node,
-  prefixCls: _propTypes.default.string,
-  dateFnsLocale: _propTypes.default.object.isRequired,
-  placeholder: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]),
-  rangeInputFocus: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  rangeInputStartRef: _propTypes.default.object,
-  rangeInputEndRef: _propTypes.default.object,
-  rangeSeparator: _propTypes.default.string
-};
-DateInput.defaultProps = {
-  showClear: true,
-  onClick: _function.noop,
-  onChange: _function.noop,
-  onEnterPress: _function.noop,
-  onBlur: _function.noop,
-  onClear: _function.noop,
-  onFocus: _function.noop,
-  multiple: false,
-  type: 'date',
-  inputStyle: {},
-  inputReadOnly: false,
-  prefixCls: _constants.cssClasses.PREFIX,
-  rangeSeparator: _constants.strings.DEFAULT_SEPARATOR_RANGE
-};