@qsxy/element-plus-react 1.0.1 → 1.0.2

package/dist/Calendar/Calendar.js

@@ -27,6 +27,7 @@ import Footer from "./Footer";
 import Header from "./Header";
 import MonthPanel from "./MonthPanel";
 import MonthRangePanel from "./MonthRangePanel";
+import QuarterPanel from "./QuarterPanel";
 import ShortCuts from "./ShortCuts";
 import WeekPanel from "./WeekPanel";
 import YearPanel from "./YearPanel";
@@ -119,7 +120,7 @@ var Calendar = /*#__PURE__*/forwardRef(function (props, ref) {
 
   // 是否要选择月份
   var hasMonth = useMemo(function () {
-    return dateType !== 'year';
+    return !['year', 'quarter'].includes(dateType);
   }, [dateType]);
 
   // 当前面板是否是范围组件
@@ -213,7 +214,12 @@ var Calendar = /*#__PURE__*/forwardRef(function (props, ref) {
       }
       popperInstRef === null || popperInstRef === void 0 || (_popperInstRef$curren2 = popperInstRef.current) === null || _popperInstRef$curren2 === void 0 || _popperInstRef$curren2.update();
     } else {
-      onChange === null || onChange === void 0 || onChange(date);
+      if (dateType === 'quarter') {
+        setView('quarter');
+        setValue(date);
+      } else {
+        onChange === null || onChange === void 0 || onChange(date);
+      }
     }
   }, [dateType, hasMonth, onChange, popperInstRef, rangePosition, valueRange]);
 
@@ -315,7 +321,7 @@ var Calendar = /*#__PURE__*/forwardRef(function (props, ref) {
       lng: locale
     }),
     showMonth: ['date', 'dates', 'week'].includes(view),
-    border: ['year', 'month'].includes(view),
+    border: ['year', 'month', 'quarter'].includes(view),
     onToggleView: onToggleView,
     onMoveBackward: function onMoveBackward() {
       return switchDate(-1, 'M');
@@ -338,6 +344,9 @@ var Calendar = /*#__PURE__*/forwardRef(function (props, ref) {
   }), view === 'date' && /*#__PURE__*/React.createElement(DatePanel, {
     value: defaultValue,
     onPickDate: onPickDate
+  }), view === 'quarter' && /*#__PURE__*/React.createElement(QuarterPanel, {
+    value: defaultValue,
+    onPickDate: onPickDate
   }), view === 'week' && /*#__PURE__*/React.createElement(WeekPanel, {
     value: defaultValue,
     valueRange: valueRange,

package/dist/Calendar/Footer.js

@@ -44,14 +44,16 @@ var Footer = function Footer() {
   }, t('el.datepicker.today', {
     lng: locale
   })), showNow && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    link: true,
+    type: "default",
+    size: "small",
+    text: true,
     className: e(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["link-btn"]))),
     onClick: onPickToday
   }, t('el.datepicker.now', {
     lng: locale
   })), /*#__PURE__*/React.createElement(Button, {
     type: "default",
+    size: "small",
     className: e(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["link-btn"]))),
     onClick: close
   }, t('el.datepicker.confirm', {

package/dist/Calendar/QuarterPanel.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { WeekPanelProps } from './typings';
+declare const QuarterPanel: FC<WeekPanelProps>;
+export default QuarterPanel;

package/dist/Calendar/QuarterPanel.js

@@ -0,0 +1,109 @@
+import classNames from 'classnames';
+import dayjs from 'dayjs';
+import React, { useCallback, useContext, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext";
+import { useClassNames } from "../hooks";
+import CalendarContext from "./CalendarContext";
+import { initDate } from "./util";
+var QuarterPanel = function QuarterPanel(props) {
+  var value = props.value,
+    onPickDate = props.onPickDate;
+  var _useClassNames = useClassNames('quarter-table'),
+    b = _useClassNames.b,
+    be = _useClassNames.be;
+  var _useContext = useContext(CalendarContext),
+    valueProp = _useContext.value,
+    disabledDate = _useContext.disabledDate,
+    formatter = _useContext.formatter;
+  var _useConfigProvider = useConfigProvider(),
+    locale = _useConfigProvider.locale;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+
+  // 当前日期
+  var currentDate = useMemo(function () {
+    if (value.isValid()) {
+      return value;
+    }
+    return initDate();
+  }, [value]);
+
+  // 今天
+  var today = useMemo(function () {
+    return dayjs();
+  }, []);
+  var rows = useMemo(function () {
+    return Array.from({
+      length: 4
+    }).map(function (row, i) {
+      return {
+        text: i + 1,
+        type: 'current',
+        disabled: disabledDate && disabledDate(currentDate.month(i * 3).date(1).toDate())
+      };
+    });
+  }, [currentDate, disabledDate]);
+  var getFormattedDate = useCallback(function (quarter, type) {
+    switch (type) {
+      case 'current':
+        return currentDate.month((quarter - 1) * 3).date(1);
+    }
+  }, [currentDate]);
+  var getCellClass = useCallback(function (_ref) {
+    var text = _ref.text,
+      type = _ref.type,
+      disabled = _ref.disabled;
+    var date = getFormattedDate(text, type);
+    var classes = [];
+    if (type === 'current') {
+      classes.push(disabled ? 'normal disabled' : 'available');
+      if (date.isSame(today, 'day')) {
+        classes.push('today');
+      }
+    } else {
+      classes.push(disabled ? 'normal disabled' : "".concat(type, "-month"));
+    }
+    if (valueProp && date.isSame(valueProp, 'day')) {
+      classes.push('current');
+    }
+    return classNames.apply(void 0, classes);
+  }, [getFormattedDate, today, valueProp]);
+
+  /**
+   * 选中日期回调
+   * @param param0
+   */
+  var handlePickDate = useCallback(function (_ref2) {
+    var text = _ref2.text,
+      type = _ref2.type,
+      disabled = _ref2.disabled;
+    if (disabled) {
+      return;
+    }
+    var date = getFormattedDate(text, type);
+    onPickDate === null || onPickDate === void 0 || onPickDate(date);
+  }, [getFormattedDate, onPickDate]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(be('picker-panel', 'content', false), props.className)
+  }, props.children, /*#__PURE__*/React.createElement("table", {
+    cellSpacing: "0",
+    cellPadding: "0",
+    className: classNames(b(), 'is-week-mode')
+  }, /*#__PURE__*/React.createElement("tbody", null, rows.map(function (cell) {
+    return /*#__PURE__*/React.createElement("td", {
+      key: cell.text,
+      className: getCellClass(cell),
+      onClick: function onClick() {
+        return handlePickDate(cell);
+      }
+    }, formatter ? formatter(getFormattedDate(cell.text, cell.type), cell.text) : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+      className: "cell"
+    }, t('el.datepicker.quarter', {
+      lng: locale,
+      quarter: cell.text
+    }))));
+  }))));
+};
+QuarterPanel.displayName = 'Calendar.QuarterPanel';
+export default QuarterPanel;

package/dist/Calendar/WeekPanel.js

@@ -277,5 +277,5 @@ var WeekPanel = function WeekPanel(props) {
     }));
   }))));
 };
-WeekPanel.displayName = 'Calendar.DatePanel';
+WeekPanel.displayName = 'Calendar.WeekPanel';
 export default WeekPanel;

package/dist/Calendar/typings.d.ts

@@ -1,6 +1,6 @@
 import { Dayjs } from 'dayjs';
 import { BaseProps, ComponentChildren, NativeProps } from '../types/common';
-export type DateType = 'year' | 'month' | 'date' | 'dates' | 'week' | 'datetime' | 'datetimerange' | 'time';
+export type DateType = 'year' | 'month' | 'date' | 'dates' | 'week' | 'datetime' | 'datetimerange' | 'time' | 'quarter';
 export type DateRangeType = 'daterange' | 'monthrange' | 'yearrange';
 export type RangePosition = 'left' | 'right';
 export type ValueRagne = [value: Dayjs, value: Dayjs];

package/dist/Card/Card.js

@@ -1,9 +1,13 @@
-var _templateObject, _templateObject2, _templateObject3;
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _templateObject, _templateObject2, _templateObject3;
+var _excluded = ["header", "footer", "bodyStyle", "shadow", "classPrefix"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import classNames from 'classnames';
 import React, { forwardRef, memo } from 'react';
 import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext";
@@ -23,16 +27,17 @@ var Card = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
     bodyStyle = _props.bodyStyle,
     shadow = _props.shadow,
     _props$classPrefix = _props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'card' : _props$classPrefix;
+    classPrefix = _props$classPrefix === void 0 ? 'card' : _props$classPrefix,
+    rest = _objectWithoutProperties(_props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     b = _useClassNames.b,
     e = _useClassNames.e,
     is = _useClassNames.is;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
     className: classNames(b(), is(_defineProperty({}, "".concat(shadow, "-shadow"), ['always', 'hover'].includes(shadow))), props.className),
     style: props.style
-  }, header && /*#__PURE__*/React.createElement("div", {
+  }, rest), header && /*#__PURE__*/React.createElement("div", {
     className: e(_templateObject || (_templateObject = _taggedTemplateLiteral(["header"])))
   }, header), /*#__PURE__*/React.createElement("div", {
     className: e(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["body"]))),

package/dist/Card/typings.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { BaseProps, NativeProps } from '../types/common';
-export interface CardProps extends BaseProps, NativeProps<'--el-card-border-color' | '--el-card-border-radius' | '--el-card-padding' | '--el-card-bg-color'> {
+export interface CardProps extends BaseProps, NativeProps<'--el-card-border-color' | '--el-card-border-radius' | '--el-card-padding' | '--el-card-bg-color'>, Omit<React.AllHTMLAttributes<HTMLInputElement>, 'style' | 'children'> {
     /** 卡片的标题 你可以通过设置 header 来修改标题 */
     header?: string | React.ReactElement<any>;
     /** 卡片页脚。 你既可以通过设置 footer 来修改卡片底部内容 */

package/dist/Cascader/Cascader.js

@@ -635,7 +635,7 @@ var Cascader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref)
     onClear: onClear,
     plain: props.plain,
     className: is({
-      active: visible
+      focus: visible
     }),
     error: error,
     warning: warning,

package/dist/DatePicker/DatePicker.js

@@ -16,11 +16,14 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import classNames from 'classnames';
 import dayjs from 'dayjs';
 import advancedFormat from 'dayjs/plugin/advancedFormat';
+import quarterOfYear from 'dayjs/plugin/quarterOfYear';
 import weekOfYear from 'dayjs/plugin/weekOfYear';
 import noop from 'lodash/noop';
 import omit from 'lodash/omit';
 import React, { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { Calendar, CalendarContext, initDate, toDayjs } from "../Calendar";
+import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext";
 import Icon from "../Icon/Icon";
 import Input from "../Input/Input";
 import Popper from "../Popper/Popper";
@@ -29,6 +32,7 @@ import { partitionAnimationProps, partitionHTMLProps, partitionPopperPropsUtils,
 import { namespace } from "../hooks/prefix";
 dayjs.extend(advancedFormat);
 dayjs.extend(weekOfYear);
+dayjs.extend(quarterOfYear);
 var DatePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
   props = mergeDefaultProps({
     readonly: true,
@@ -67,6 +71,10 @@ var DatePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref
   var currentDate = useRef(null);
   var disabled = useDisabled(props.disabled);
   var size = useSize(props.size);
+  var _useConfigProvider = useConfigProvider(),
+    locale = _useConfigProvider.locale;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var _partitionHTMLProps = partitionHTMLProps(rest),
     _partitionHTMLProps2 = _slicedToArray(_partitionHTMLProps, 1),
     htmlInputProps = _partitionHTMLProps2[0];
@@ -89,6 +97,8 @@ var DatePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref
           return 'YYYY-MM';
         case 'week':
           return 'YYYY[w]ww';
+        case 'quarter':
+          return 'YYYY-[Q]Q';
         default:
           return 'YYYY-MM-DD';
       }
@@ -112,22 +122,34 @@ var DatePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref
     } else {
       switch (type) {
         case 'year':
-          return '请选择年份';
+          return t('el.datepicker.placeholder.year', {
+            lng: locale
+          });
         case 'month':
-          return '请选择月份';
+          return t('el.datepicker.placeholder.month', {
+            lng: locale
+          });
         case 'week':
-          return '请选择周';
+          return t('el.datepicker.placeholder.week', {
+            lng: locale
+          });
+        case 'quarter':
+          return t('el.datepicker.placeholder.quarter', {
+            lng: locale
+          });
         default:
-          return '请选择日期';
+          return t('el.datepicker.placeholder.date', {
+            lng: locale
+          });
       }
     }
-  }, [props.placeholder, type]);
+  }, [locale, props.placeholder, t, type]);
 
   /** 日期参数转成dayjs对象 */
   var dateProp = useMemo(function () {
     var result = initDate();
     if (isNotEmpty(value)) {
-      if (type === 'week') {
+      if (type === 'week' || type === 'quarter') {
         if (currentDate.current) {
           result = currentDate.current;
         } else if (value instanceof Date) {
@@ -148,6 +170,10 @@ var DatePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref
           result = toDayjs(value, (_props$valueFormat2 = props.valueFormat) !== null && _props$valueFormat2 !== void 0 ? _props$valueFormat2 : format);
         }
       }
+      if (type === 'quarter') {
+        var quarter = result.quarter();
+        result = result.month((quarter - 1) * 3).date(1);
+      }
     }
     return result;
   }, [format, props.valueFormat, type, value]);
@@ -178,14 +204,14 @@ var DatePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref
     setValue(val ? val.format(format) : '');
     currentDate.current = val;
     if (valueFormat == 'x') {
-      onChange(val ? val.toDate().getTime() : '');
+      onChange(val ? val.toDate().getTime() : '', formatValue);
     } else if (isNotEmpty(props.valueFormat)) {
-      onChange === null || onChange === void 0 || onChange(val ? val.format(valueFormat) : '');
+      onChange === null || onChange === void 0 || onChange(val ? val.format(valueFormat) : '', formatValue);
     } else {
-      onChange === null || onChange === void 0 || onChange(val ? val.toDate() : '');
+      onChange === null || onChange === void 0 || onChange(val ? val.toDate() : '', formatValue);
     }
     setVisible(false);
-  }, [format, onChange, props.valueFormat, setValue, valueFormat]);
+  }, [format, formatValue, onChange, props.valueFormat, setValue, valueFormat]);
   useImperativeHandle(ref, function () {
     return {
       input: inputRef,
@@ -220,7 +246,7 @@ var DatePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref
     onClear: function onClear() {
       return handleChange === null || handleChange === void 0 ? void 0 : handleChange(null);
     },
-    className: classNames(_defineProperty(_defineProperty({}, "".concat(namespace, "-date"), readonly), 'is-active', visible)),
+    className: classNames(_defineProperty(_defineProperty({}, "".concat(namespace, "-date"), readonly), 'is-focus', visible)),
     style: props.style,
     error: error,
     warning: warning,
@@ -228,7 +254,7 @@ var DatePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref
     append: append,
     plain: plain,
     size: size
-  }, omit(htmlInputProps, ['style', 'prefix', 'readOnly', 'size', 'onClick', 'onInput', 'onChange', 'disabled', 'className', 'type', 'maxLength', 'minLength', 'name']))), /*#__PURE__*/React.createElement(Popper, _extends({
+  }, omit(htmlInputProps, ['value', 'defaultValue', 'style', 'prefix', 'readOnly', 'size', 'onClick', 'onInput', 'onChange', 'disabled', 'className', 'type', 'maxLength', 'minLength', 'name']))), /*#__PURE__*/React.createElement(Popper, _extends({
     visible: visible,
     referenceElement: function referenceElement() {
       var _inputRef$current;

package/dist/DatePicker/DateRangePicker.js

@@ -19,7 +19,9 @@ import head from 'lodash/head';
 import last from 'lodash/last';
 import noop from 'lodash/noop';
 import React, { forwardRef, memo, useCallback, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { Calendar, CalendarContext, initDateRange, toDayjs } from "../Calendar";
+import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext";
 import Icon from "../Icon/Icon";
 import { InputGroup } from "../Input";
 import Popper from "../Popper/Popper";
@@ -72,6 +74,10 @@ var DateRangePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props
   var endInputRef = useRef(null);
   var disabled = useDisabled(props.disabled);
   var size = useSize(props.size);
+  var _useConfigProvider = useConfigProvider(),
+    locale = _useConfigProvider.locale;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
 
   /** 没有指定格式时，根据日期类型初始格式 */
   var format = useMemo(function () {
@@ -110,14 +116,20 @@ var DateRangePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props
     } else {
       switch (props.type) {
         case 'monthrange':
-          return '开始月份';
+          return t('el.datepicker.startMonth', {
+            lng: locale
+          });
         case 'yearrange':
-          return '开始年份';
+          return t('el.datepicker.startYear', {
+            lng: locale
+          });
         default:
-          return '开始日期';
+          return t('el.datepicker.startDate', {
+            lng: locale
+          });
       }
     }
-  }, [props.startPlaceholder, props.type]);
+  }, [locale, props.startPlaceholder, props.type, t]);
 
   /** 根据日期类型设定占位符 */
   var endPlaceholder = useMemo(function () {
@@ -126,14 +138,20 @@ var DateRangePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props
     } else {
       switch (props.type) {
         case 'monthrange':
-          return '结束月份';
+          return t('el.datepicker.endMonth', {
+            lng: locale
+          });
         case 'yearrange':
-          return '结束年份';
+          return t('el.datepicker.endYear', {
+            lng: locale
+          });
         default:
-          return '结束日期';
+          return t('el.datepicker.endDate', {
+            lng: locale
+          });
       }
     }
-  }, [props.endPlaceholder, props.type]);
+  }, [locale, props.endPlaceholder, props.type, t]);
 
   /** 日期参数转成dayjs对象 */
   var dateProp = useMemo(function () {
@@ -213,7 +231,7 @@ var DateRangePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props
   var content = useMemo(function () {
     return /*#__PURE__*/React.createElement("div", {
       className: classNames(b('date-editor', 'date-editor--daterange', false), b(_templateObject || (_templateObject = _taggedTemplateLiteral(["editor"]))), be('input', 'wrapper', false), be('tooltip', 'trigger', false), _defineProperty({}, bm('editor', size), size), is({
-        active: visible,
+        focus: visible,
         disabled: disabled,
         error: error,
         warning: warning

package/dist/DatePicker/main.js

@@ -6,7 +6,7 @@ import DateRangePicker from "./DateRangePicker";
 var Index = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$type = props.type,
     type = _props$type === void 0 ? 'date' : _props$type;
-  if (['year', 'years', 'month', 'months', 'date', 'dates', 'week'].includes(type)) {
+  if (['year', 'years', 'month', 'months', 'date', 'dates', 'week', 'quarter'].includes(type)) {
     return /*#__PURE__*/React.createElement(DatePicker, _extends({
       ref: ref
     }, props));

package/dist/DatePicker/typings.d.ts

@@ -53,7 +53,7 @@ export interface DatePickerProps extends Omit<FormControlBaseProps, 'name' | 'va
     appendToBody?: boolean;
     /** 点击确定按钮的回调 */
     onOk?: () => void;
-    onChange?: (value: string | Date | number, event?: Event) => void;
+    onChange?: (value: string | Date | number, formatDate?: string) => void;
     /** 格式化 */
     formatter?: (value: Dayjs, text: number) => React.ReactElement;
 }

package/dist/DateTimePicker/DateTimePicker.js

@@ -195,7 +195,7 @@ var DateTimePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props,
       }
     },
     className: classNames(_defineProperty({}, b('date', false), readonly), is({
-      active: visible
+      focus: visible
     })),
     style: props.style,
     error: error,
@@ -203,7 +203,7 @@ var DateTimePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props,
     prepend: prepend,
     append: append,
     plain: props.plain
-  }, omit(htmlInputProps, ['style', 'prefix', 'readOnly', 'disabled', 'size', 'onInput', 'onClick', 'onChange', 'className', 'type', 'maxLength', 'minLength', 'name']))), /*#__PURE__*/React.createElement(Popper, _extends({
+  }, omit(htmlInputProps, ['value', 'defaultValue', 'style', 'prefix', 'readOnly', 'disabled', 'size', 'onInput', 'onClick', 'onChange', 'className', 'type', 'maxLength', 'minLength', 'name']))), /*#__PURE__*/React.createElement(Popper, _extends({
     visible: visible,
     referenceElement: function referenceElement() {
       var _inputRef$current;

package/dist/Input/Input.1.d.ts

@@ -0,0 +1,16 @@
+import React, { RefObject } from 'react';
+import InputRange from './InputRange';
+import TextArea from './TextArea';
+import { InputProps, InputRef } from './typings';
+declare const ForwardInput: (props: InputProps & {
+    ref?: RefObject<InputRef> | React.ForwardedRef<InputRef>;
+}) => React.ReactElement;
+type InternalInputType = typeof ForwardInput;
+interface InputInterface extends InternalInputType {
+    displayName?: string;
+    defaultProps?: Partial<InputProps>;
+    TextArea: typeof TextArea;
+    Range: typeof InputRange;
+}
+declare const Input: InputInterface;
+export default Input;