shineout 1.12.3 → 1.12.4-beta.2

package/es/Cascader/Result.js

@@ -278,7 +278,7 @@ function (_PureComponent) {
     });
   };
 
-  _proto.renderPlaceholder = function renderPlaceholder() {
+  _proto.renderPlaceholder = function renderPlaceholder(empty) {
     var _this$props5 = this.props,
         focus = _this$props5.focus,
         onFilter = _this$props5.onFilter,
@@ -290,6 +290,9 @@ function (_PureComponent) {
 
     return React.createElement("span", {
       key: "placeholder",
+      style: !empty ? {
+        display: 'none'
+      } : undefined,
       className: classnames(inputClass('placeholder'), selectClass('ellipsis'), innerTitle && inputTitleClass('hidable'))
     }, this.props.placeholder, "\xA0");
   };
@@ -315,9 +318,7 @@ function (_PureComponent) {
         value = _this$props7.value,
         renderItem = _this$props7.renderItem,
         renderResult = _this$props7.renderResult,
-        compressed = _this$props7.compressed,
-        focus = _this$props7.focus,
-        onFilter = _this$props7.onFilter;
+        compressed = _this$props7.compressed;
     var nodes = value.map(function (v) {
       return datum.getDataById(v);
     });
@@ -337,12 +338,7 @@ function (_PureComponent) {
       items = this.renderMore(items);
     }
 
-    if (items.length === 0) {
-      items.push(this.renderPlaceholder());
-    } else if (focus && onFilter) {
-      items.push(this.renderInput());
-    }
-
+    items.push(this.renderPlaceholder(items.length === 0));
     return items;
   };
 
@@ -356,7 +352,7 @@ function (_PureComponent) {
         onFilter = _this$props8.onFilter,
         focus = _this$props8.focus;
     var empty = value.length === 0;
-    var result = empty ? this.renderPlaceholder() : this.renderResult();
+    var result = this.renderResult();
     var clearEl = this.renderClear();
     var shouldCompressed = multiple && compressed;
     return React.createElement(InputTitle, {

package/es/Checkbox/CheckItem.js

@@ -2,6 +2,7 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread";
 import _extends from "@babel/runtime/helpers/extends";
 import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -9,7 +10,7 @@ import { PureComponent } from '../component';
 import { getProps, defaultProps } from '../utils/proptypes';
 import { getUidStr } from '../utils/uid';
 import { getDirectionClass } from '../utils/classname';
-import { isEnterPress } from '../utils/is';
+import { isEnterPress, isFunc } from '../utils/is';
 import Input from '../Input';
 import { checkinputClass } from './styles';
 import { isRTL } from '../config';
@@ -24,6 +25,13 @@ export default function (type) {
       var _this;
 
       _this = _PureComponent.call(this, props) || this;
+
+      _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "onClick", function (e) {
+        e.stopPropagation();
+        var onClick = _this.props.onClick;
+        if (isFunc(onClick)) onClick();
+      });
+
       _this.state = {
         checked: props.checked
       };
@@ -126,8 +134,7 @@ export default function (type) {
           content = _this$props5.content,
           size = _this$props5.size,
           children = _this$props5.children,
-          inputable = _this$props5.inputable,
-          onClick = _this$props5.onClick;
+          inputable = _this$props5.inputable;
       var rtl = isRTL();
       var checked = this.getChecked();
       var isSwitch = type === 'switch';
@@ -154,7 +161,7 @@ export default function (type) {
         disabled: disabled,
         tabIndex: -1,
         type: isSwitch ? 'checkbox' : type,
-        onClick: onClick,
+        onClick: this.onClick,
         onChange: this.handleChange,
         checked: checked
       }), React.createElement("i", {

package/es/DatePicker/Container.js

@@ -8,7 +8,6 @@ import classnames from 'classnames';
 import immer from 'immer';
 import { PureComponent } from '../component';
 import { datepickerClass } from './styles';
-import { inputClass } from '../Input/styles';
 import Icon from './Icon';
 import utils from './utils';
 import Picker from './Picker';
@@ -458,7 +457,7 @@ function (_PureComponent) {
         formatResult = _this$props4.formatResult,
         disabled = _this$props4.disabled;
     var date = this.parseDate(value);
-    var className = classnames(datepickerClass('txt', this.state["picker" + key] && 'text-focus'), utils.isInvalid(date) && inputClass('placeholder'));
+    var className = classnames(datepickerClass('txt', this.state["picker" + key] && 'text-focus'));
     var resultFormat = formatResult || this.getFormat();
     return React.createElement(Text, {
       key: key || 'single',

package/es/DatePicker/Text.js

@@ -2,6 +2,8 @@ import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import { inputClass } from 'shineout/Input/styles';
 import { getParent, focusElement } from '../utils/dom/element';
 import utils from './utils';
 import { datepickerClass } from './styles';
@@ -24,6 +26,7 @@ function (_PureComponent) {
     _this.handleBlur = _this.handleBlur.bind(_assertThisInitialized(_assertThisInitialized(_this)));
     _this.handleInput = _this.handleInput.bind(_assertThisInitialized(_assertThisInitialized(_this)));
     _this.handleFocus = _this.handleFocus.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    _this.handleSpanClick = _this.handleSpanClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));
     _this.bindElement = _this.bindElement.bind(_assertThisInitialized(_assertThisInitialized(_this)));
     return _this;
   }
@@ -78,6 +81,11 @@ function (_PureComponent) {
     if (onTextSpanRef) onTextSpanRef(e.target);
   };
 
+  _proto.handleSpanClick = function handleSpanClick() {
+    var onTextSpanRef = this.props.onTextSpanRef;
+    if (onTextSpanRef && this.element) onTextSpanRef(this.element);
+  };
+
   _proto.handleInput = function handleInput(e) {
     if (e.keyCode === 13) {
       e.preventDefault();
@@ -101,16 +109,14 @@ function (_PureComponent) {
         placeholder = _this$props2.placeholder,
         disabled = _this$props2.disabled,
         focus = _this$props2.focus;
-
-    if (!inputable || disabled || !focus) {
-      return React.createElement("span", {
-        onClick: this.handleFocus,
-        className: className
-      }, value || placeholder);
-    }
-
-    return React.createElement("span", {
+    var showInput = inputable && !disabled && focus;
+    var hideStyle = {
+      display: 'none'
+    };
+    return React.createElement(React.Fragment, null, inputable ? React.createElement("span", {
+      style: !showInput ? hideStyle : undefined,
       ref: this.bindElement,
+      key: "edit",
       contentEditable: inputable,
       onBlur: this.handleBlur,
       onFocus: this.handleFocus,
@@ -119,7 +125,12 @@ function (_PureComponent) {
       dangerouslySetInnerHTML: {
         __html: value
       }
-    });
+    }) : null, React.createElement("span", {
+      style: showInput ? hideStyle : undefined,
+      key: "placeholder",
+      onClick: this.handleSpanClick,
+      className: classnames(!value && inputClass('placeholder'), className)
+    }, value || placeholder));
   };
 
   return Text;

package/es/DatePicker/Time.js

@@ -60,9 +60,23 @@ function (_PureComponent) {
         min = _this$props2.min,
         max = _this$props2.max,
         range = _this$props2.range,
-        disabledTime = _this$props2.disabledTime;
-
-    var _paramUtils$judgeTime = paramUtils.judgeTimeByRange(val, value, mode, min, max, range, disabled, disabledTime, this.getOptions()),
+        disabledTime = _this$props2.disabledTime,
+        index = _this$props2.index,
+        rangeDate = _this$props2.rangeDate;
+
+    var _paramUtils$judgeTime = paramUtils.judgeTimeByRange({
+      target: val,
+      value: value,
+      mode: mode,
+      min: min,
+      max: max,
+      range: range,
+      disabled: disabled,
+      disabledTime: disabledTime,
+      index: index,
+      rangeDate: rangeDate,
+      options: this.getOptions()
+    }),
         isDisabled = _paramUtils$judgeTime[0],
         date = _paramUtils$judgeTime[1];
 
@@ -101,7 +115,9 @@ function (_PureComponent) {
         secondStep = _this$props4.secondStep,
         range = _this$props4.range,
         disabled = _this$props4.disabled,
-        disabledTime = _this$props4.disabledTime;
+        disabledTime = _this$props4.disabledTime,
+        index = _this$props4.index,
+        rangeDate = _this$props4.rangeDate;
     var rtl = isRTL();
     var res = [format.indexOf('H') >= 0 && React.createElement(TimeScroll, {
       key: "HH",
@@ -115,7 +131,9 @@ function (_PureComponent) {
       total: 24,
       step: hourStep,
       onChange: this.handleHourChange,
-      disabledTime: disabledTime
+      disabledTime: disabledTime,
+      index: index,
+      rangeDate: rangeDate
     }), format.indexOf('h') >= 0 && React.createElement(TimeScroll, {
       key: "hh",
       current: value,
@@ -128,7 +146,9 @@ function (_PureComponent) {
       total: 12,
       step: hourStep,
       onChange: this.handleHourChange,
-      disabledTime: disabledTime
+      disabledTime: disabledTime,
+      index: index,
+      rangeDate: rangeDate
     }), format.indexOf('m') >= 0 && React.createElement(TimeScroll, {
       key: "mm",
       current: value,
@@ -140,7 +160,9 @@ function (_PureComponent) {
       value: utils.getDateInfo(value, 'minute', this.getOptions()),
       step: minuteStep,
       onChange: this.handleMinuteChange,
-      disabledTime: disabledTime
+      disabledTime: disabledTime,
+      index: index,
+      rangeDate: rangeDate
     }), format.indexOf('s') >= 0 && React.createElement(TimeScroll, {
       key: "ss",
       current: value,
@@ -152,7 +174,9 @@ function (_PureComponent) {
       value: utils.getDateInfo(value, 'second', this.getOptions()),
       step: secondStep,
       onChange: this.handleSecondChange,
-      disabledTime: disabledTime
+      disabledTime: disabledTime,
+      index: index,
+      rangeDate: rangeDate
     }), /a|A/.test(format) && React.createElement(TimeScroll, {
       key: "ampm",
       current: value,
@@ -165,7 +189,9 @@ function (_PureComponent) {
       total: 2,
       ampm: true,
       onChange: this.handleAMPMChange,
-      disabledTime: disabledTime
+      disabledTime: disabledTime,
+      index: index,
+      rangeDate: rangeDate
     })];
 
     if (rtl) {
@@ -214,6 +240,7 @@ Time.propTypes = {
   secondStep: PropTypes.number,
   disabledTime: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
   disabledRegister: PropTypes.func,
-  timeZone: PropTypes.string
+  timeZone: PropTypes.string,
+  rangeDate: PropTypes.array
 };
 export default Time;

package/es/DatePicker/TimeScroll.js

@@ -131,13 +131,27 @@ function (_PureComponent) {
         ra = _this$props3.range,
         current = _this$props3.current,
         disabled = _this$props3.disabled,
-        disabledTime = _this$props3.disabledTime;
+        disabledTime = _this$props3.disabledTime,
+        index = _this$props3.index,
+        rangeDate = _this$props3.rangeDate;
     if (typeof step === 'number' && step <= 0) return null;
     if (!ampm && typeof step === 'number' && num % step !== 0) return null;
     var text = num;
     if (ampm) text = ['am', 'pm'][num];else if (total === 12 && num === 0) text = '12';else if (num < 10) text = "0" + num;
 
-    var _paramUtils$judgeTime = paramUtils.judgeTimeByRange(num, current, mode, min, max, ra, disabled, disabledTime, this.getOptions()),
+    var _paramUtils$judgeTime = paramUtils.judgeTimeByRange({
+      target: num,
+      value: current,
+      mode: mode,
+      min: min,
+      max: max,
+      range: ra,
+      disabled: disabled,
+      disabledTime: disabledTime,
+      options: this.getOptions(),
+      index: index,
+      rangeDate: rangeDate
+    }),
         isDisabled = _paramUtils$judgeTime[0];
 
     var className = datepickerClass(!isDisabled && value === num && 'time-active');
@@ -183,7 +197,9 @@ TimeScroll.propTypes = {
   current: PropTypes.object,
   mode: PropTypes.string,
   disabledTime: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
-  timeZone: PropTypes.string
+  timeZone: PropTypes.string,
+  index: PropTypes.number,
+  rangeDate: PropTypes.array
 };
 TimeScroll.defaultProps = {
   total: 60

package/es/DatePicker/paramUtils.js

@@ -1,8 +1,6 @@
 import utils from './utils';
-import { isNumber } from '../utils/is';
 var TIME_FORMAT = utils.TIME_FORMAT,
     compareAsc = utils.compareAsc,
-    addSeconds = utils.addSeconds,
     format = utils.format;
 
 var handleOnChangeParams = function handleOnChangeParams(type) {
@@ -37,18 +35,16 @@ function handleTimeDisabled(date, disabledTime, options) {
   return undefined;
 }
 
-function handleDisabled() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-
-  var date = args[0],
-      min = args[1],
-      max = args[2],
-      range = args[3],
-      disabled = args[4],
-      disabledTime = args[5],
-      options = args[6];
+function handleDisabled(params) {
+  var date = params.date,
+      min = params.min,
+      max = params.max,
+      range = params.range,
+      disabled = params.disabled,
+      disabledTime = params.disabledTime,
+      options = params.options,
+      index = params.index,
+      rangeDate = params.rangeDate;
   var isDisabled;
   if (disabled) isDisabled = disabled(date);
   if (disabledTime) isDisabled = isDisabled || handleTimeDisabled(date, disabledTime);
@@ -56,31 +52,33 @@ function handleDisabled() {
 
   if (!isDisabled && min) {
     if (compareAsc(date, min) < 0) return true;
-    if (range && isNumber(range) && compareAsc(date, addSeconds(min, range, options)) > 0) return true;
   }
 
   if (!isDisabled && max) {
     if (compareAsc(date, max) > 0) return true;
-    if (range && isNumber(range) && compareAsc(date, addSeconds(max, -range, options)) < 0) return true;
+  }
+
+  if (!isDisabled && index === 1 && rangeDate && rangeDate[0]) {
+    if (typeof range === 'number' && utils.compareAsc(date, utils.addSeconds(rangeDate[0], range, options)) > 0) {
+      return true;
+    }
   }
 
   return false;
 }
 
-function judgeTimeByRange() {
-  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    args[_key2] = arguments[_key2];
-  }
-
-  var target = args[0],
-      value = args[1],
-      mode = args[2],
-      min = args[3],
-      max = args[4],
-      range = args[5],
-      disabled = args[6],
-      disabledTime = args[7],
-      options = args[8];
+function judgeTimeByRange(params) {
+  var target = params.target,
+      value = params.value,
+      mode = params.mode,
+      min = params.min,
+      max = params.max,
+      range = params.range,
+      disabled = params.disabled,
+      disabledTime = params.disabledTime,
+      index = params.index,
+      rangeDate = params.rangeDate,
+      options = params.options;
   var date = new Date(value.getTime());
 
   switch (mode) {
@@ -123,7 +121,17 @@ function judgeTimeByRange() {
       break;
   }
 
-  var isDisabled = handleDisabled(date, min, max, range, disabled, disabledTime, options);
+  var isDisabled = handleDisabled({
+    date: date,
+    min: min,
+    max: max,
+    range: range,
+    disabled: disabled,
+    disabledTime: disabledTime,
+    options: options,
+    index: index,
+    rangeDate: rangeDate
+  });
   return [isDisabled, date];
 }
 

package/es/Select/Result.js

@@ -313,7 +313,7 @@ function (_PureComponent) {
     });
   };
 
-  _proto.renderPlaceholder = function renderPlaceholder() {
+  _proto.renderPlaceholder = function renderPlaceholder(empty) {
     var _this$props7 = this.props,
         focus = _this$props7.focus,
         onFilter = _this$props7.onFilter,
@@ -321,12 +321,15 @@ function (_PureComponent) {
         multiple = _this$props7.multiple,
         innerTitle = _this$props7.innerTitle;
 
-    if (focus && onFilter) {
+    if (focus && onFilter && empty) {
       return this.renderInput(multiple ? filterText : '');
     }
 
     return React.createElement("span", {
       key: "placeholder",
+      style: !empty ? {
+        display: 'none'
+      } : undefined,
       className: classnames(inputClass('placeholder'), selectClass('ellipsis'), innerTitle && inputTitleClass('hidable'))
     }, React.createElement("span", null, this.props.placeholder), "\xA0");
   };
@@ -398,11 +401,12 @@ function (_PureComponent) {
         focus = _this$props10.focus,
         onFilter = _this$props10.onFilter;
     var showPlaceholder = this.isEmptyResult();
-    var result = showPlaceholder ? this.renderPlaceholder() : this.renderResult();
+    var placeholder = this.renderPlaceholder(showPlaceholder);
+    var result = showPlaceholder ? null : this.renderResult();
     var rtl = isRTL();
     var clearEl = this.renderClear();
     var indicator = this.renderIndicator();
-    var inner = [result, indicator, clearEl];
+    var inner = [result, placeholder, indicator, clearEl];
     var open = onFilter && focus || !showPlaceholder;
     return React.createElement(InputTitle, {
       innerTitle: innerTitle,

package/es/TreeSelect/Result.js

@@ -253,17 +253,20 @@ function (_PureComponent) {
     })];
   };
 
-  _proto.renderPlaceholder = function renderPlaceholder() {
+  _proto.renderPlaceholder = function renderPlaceholder(showPlaceholder) {
     var _this$props5 = this.props,
         focus = _this$props5.focus,
         onFilter = _this$props5.onFilter,
         innerTitle = _this$props5.innerTitle;
 
-    if (focus && onFilter) {
+    if (focus && onFilter && showPlaceholder) {
       return this.renderInput(' ');
     }
 
     return React.createElement("span", {
+      style: showPlaceholder ? undefined : {
+        display: 'none'
+      },
       className: classnames(inputClass('placeholder'), treeSelectClass('ellipsis'), innerTitle && inputTitleClass('hidable'))
     }, this.props.placeholder, "\xA0");
   };
@@ -310,7 +313,8 @@ function (_PureComponent) {
 
   _proto.render = function render() {
     var showPlaceholder = this.props.result.length === 0;
-    var result = showPlaceholder ? this.renderPlaceholder() : this.renderResult();
+    var placeholder = this.renderPlaceholder(showPlaceholder);
+    var result = showPlaceholder ? null : this.renderResult();
     var _this$props7 = this.props,
         compressed = _this$props7.compressed,
         innerTitle = _this$props7.innerTitle,
@@ -325,7 +329,7 @@ function (_PureComponent) {
     }, React.createElement("div", {
       ref: this.bindResult,
       className: classnames(treeSelectClass(getDirectionClass('result'), compressed && 'compressed', showPlaceholder && 'empty'), innerTitle && inputTitleClass('item-scroll'))
-    }, result, !this.props.multiple && // eslint-disable-next-line
+    }, result, placeholder, !this.props.multiple && // eslint-disable-next-line
     React.createElement("a", {
       tabIndex: -1,
       className: treeSelectClass('indicator', 'caret')

package/es/index.d.ts

@@ -3,7 +3,7 @@ import * as utils from './utils'
 
 declare const __default: {
   utils: typeof utils,
-  version: '1.12.3'
+  version: '1.12.4-beta.2'
 }
 
 export default __default

package/es/index.js

@@ -2,7 +2,7 @@
 import * as utils from './utils';
 export default {
   utils: utils,
-  version: '1.12.3'
+  version: '1.12.4-beta.2'
 };
 export { utils };
 export { setLocale } from './locale';

package/lib/Cascader/Result.js

@@ -306,7 +306,7 @@ function (_PureComponent) {
     });
   };
 
-  _proto.renderPlaceholder = function renderPlaceholder() {
+  _proto.renderPlaceholder = function renderPlaceholder(empty) {
     var _this$props5 = this.props,
         focus = _this$props5.focus,
         onFilter = _this$props5.onFilter,
@@ -318,6 +318,9 @@ function (_PureComponent) {
 
     return _react.default.createElement("span", {
       key: "placeholder",
+      style: !empty ? {
+        display: 'none'
+      } : undefined,
       className: (0, _classnames.default)((0, _styles.inputClass)('placeholder'), (0, _styles2.selectClass)('ellipsis'), innerTitle && (0, _styles4.inputTitleClass)('hidable'))
     }, this.props.placeholder, "\xA0");
   };
@@ -343,9 +346,7 @@ function (_PureComponent) {
         value = _this$props7.value,
         renderItem = _this$props7.renderItem,
         renderResult = _this$props7.renderResult,
-        compressed = _this$props7.compressed,
-        focus = _this$props7.focus,
-        onFilter = _this$props7.onFilter;
+        compressed = _this$props7.compressed;
     var nodes = value.map(function (v) {
       return datum.getDataById(v);
     });
@@ -365,12 +366,7 @@ function (_PureComponent) {
       items = this.renderMore(items);
     }
 
-    if (items.length === 0) {
-      items.push(this.renderPlaceholder());
-    } else if (focus && onFilter) {
-      items.push(this.renderInput());
-    }
-
+    items.push(this.renderPlaceholder(items.length === 0));
     return items;
   };
 
@@ -384,7 +380,7 @@ function (_PureComponent) {
         onFilter = _this$props8.onFilter,
         focus = _this$props8.focus;
     var empty = value.length === 0;
-    var result = empty ? this.renderPlaceholder() : this.renderResult();
+    var result = this.renderResult();
     var clearEl = this.renderClear();
     var shouldCompressed = multiple && compressed;
     return _react.default.createElement(_InputTitle.default, {

package/lib/Checkbox/CheckItem.js

@@ -13,6 +13,8 @@ var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inh
 
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -47,6 +49,11 @@ function _default(type) {
       var _this;
 
       _this = _PureComponent.call(this, props) || this;
+      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "onClick", function (e) {
+        e.stopPropagation();
+        var onClick = _this.props.onClick;
+        if ((0, _is.isFunc)(onClick)) onClick();
+      });
       _this.state = {
         checked: props.checked
       };
@@ -149,8 +156,7 @@ function _default(type) {
           content = _this$props5.content,
           size = _this$props5.size,
           children = _this$props5.children,
-          inputable = _this$props5.inputable,
-          onClick = _this$props5.onClick;
+          inputable = _this$props5.inputable;
       var rtl = (0, _config.isRTL)();
       var checked = this.getChecked();
       var isSwitch = type === 'switch';
@@ -177,7 +183,7 @@ function _default(type) {
         disabled: disabled,
         tabIndex: -1,
         type: isSwitch ? 'checkbox' : type,
-        onClick: onClick,
+        onClick: this.onClick,
         onChange: this.handleChange,
         checked: checked
       }), _react.default.createElement("i", {

package/lib/DatePicker/Container.js

@@ -25,8 +25,6 @@ var _component = require("../component");
 
 var _styles = require("./styles");
 
-var _styles2 = require("../Input/styles");
-
 var _Icon = _interopRequireDefault(require("./Icon"));
 
 var _utils = _interopRequireDefault(require("./utils"));
@@ -57,7 +55,7 @@ var _config = require("../config");
 
 var _InputTitle = _interopRequireDefault(require("../InputTitle"));
 
-var _styles3 = require("../InputTitle/styles");
+var _styles2 = require("../InputTitle/styles");
 
 var _classname = require("../utils/classname");
 
@@ -491,7 +489,7 @@ function (_PureComponent) {
         formatResult = _this$props4.formatResult,
         disabled = _this$props4.disabled;
     var date = this.parseDate(value);
-    var className = (0, _classnames.default)((0, _styles.datepickerClass)('txt', this.state["picker" + key] && 'text-focus'), _utils.default.isInvalid(date) && (0, _styles2.inputClass)('placeholder'));
+    var className = (0, _classnames.default)((0, _styles.datepickerClass)('txt', this.state["picker" + key] && 'text-focus'));
     var resultFormat = formatResult || this.getFormat();
     return _react.default.createElement(_Text.default, {
       key: key || 'single',
@@ -534,7 +532,7 @@ function (_PureComponent) {
       className: (0, _styles.datepickerClass)('result')
     }, _react.default.createElement(_InputTitle.default, {
       className: (0, _styles.datepickerClass)('title-box'),
-      contentClass: (0, _styles3.inputTitleClass)('hidable'),
+      contentClass: (0, _styles2.inputTitleClass)('hidable'),
       innerTitle: innerTitle,
       open: !isEmpty || inputable && this.state.focus
     }, range ? [this.renderText(value[0], placeholder[0], 0), _react.default.createElement("span", {