@seafile/seafile-calendar 0.0.2 → 0.0.3-Apoi0.1

package/index.d.ts

@@ -4,7 +4,7 @@
 // Definitions: https://github.com/react-component/calendar
 
 import * as React from 'react';
-import { Moment } from 'moment';
+import { Dayjs } from 'dayjs';
 
 export type Mode = 'time' | 'date' | 'month' | 'year' | 'decade';
 
@@ -12,9 +12,9 @@ export interface Props {
   prefixCls?: string;
   className?: string;
   style?: React.CSSProperties;
-  defaultValue?: Moment;
-  value?: Moment;
-  selectedValue?: Moment;
+  defaultValue?: Dayjs;
+  value?: Dayjs;
+  selectedValue?: Dayjs;
   mode?: Mode;
   locale?: object;
   format?: string | string[];
@@ -22,20 +22,21 @@ export interface Props {
   showWeekNumber?: boolean;
   showToday?: boolean;
   showOk?: boolean;
-  onSelect?: (date: Moment) => void;
+  onSelect?: (date: Dayjs) => void;
   onOk?: () => void;
   onKeyDown?: () => void;
+  onClickRightPanelTime?: () => void;
   timePicker?: React.ReactNode;
   dateInputPlaceholder?: string;
   onClear?: () => void;
-  onChange?: (date: Moment | null) => void;
-  onPanelChange?: (date: Moment | null, mode: Mode) => void;
-  disabledDate?: (current: Moment | undefined) => boolean;
-  disabledTime?: (current: Moment | undefined) => object;
-  dateRender?: (current: Moment, value: Moment) => React.ReactNode;
+  onChange?: (date: Dayjs | null) => void;
+  onPanelChange?: (date: Dayjs | null, mode: Mode) => void;
+  disabledDate?: (current: Dayjs | undefined) => boolean;
+  disabledTime?: (current: Dayjs | undefined) => object;
+  dateRender?: (current: Dayjs, value: Dayjs) => React.ReactNode;
   renderFooter?: () => React.ReactNode;
   renderSidebar?: () => React.ReactNode;
-  inputMode?:String
+  inputMode?: string;
 }
 
 export default class ReactCalendar extends React.Component<Props> {}

package/lib/Calendar.js

@@ -36,6 +36,10 @@ var _KeyCode2 = _interopRequireDefault(_KeyCode);
 
 var _reactLifecyclesCompat = require('react-lifecycles-compat');
 
+var _dayjs = require('dayjs');
+
+var _dayjs2 = _interopRequireDefault(_dayjs);
+
 var _DateTable = require('./date/DateTable');
 
 var _DateTable2 = _interopRequireDefault(_DateTable);
@@ -64,16 +68,28 @@ var _util = require('./util');
 
 var _toTime = require('./util/toTime');
 
-var _moment = require('moment');
+var _localeData = require('dayjs/plugin/localeData');
+
+var _localeData2 = _interopRequireDefault(_localeData);
+
+var _utc = require('dayjs/plugin/utc');
 
-var _moment2 = _interopRequireDefault(_moment);
+var _utc2 = _interopRequireDefault(_utc);
+
+var _weekOfYear = require('dayjs/plugin/weekOfYear');
+
+var _weekOfYear2 = _interopRequireDefault(_weekOfYear);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
+_dayjs2['default'].extend(_utc2['default']);
+_dayjs2['default'].extend(_localeData2['default']);
+_dayjs2['default'].extend(_weekOfYear2['default']);
+
 function noop() {}
 
 var getMomentObjectIfValid = function getMomentObjectIfValid(date) {
-  if (_moment2['default'].isMoment(date) && date.isValid()) {
+  if (_dayjs2['default'].isDayjs(date) && date.isValid()) {
     return date;
   }
   return false;
@@ -91,7 +107,7 @@ var Calendar = function (_React$Component) {
 
     _this.state = {
       mode: _this.props.mode || 'date',
-      value: getMomentObjectIfValid(props.value) || getMomentObjectIfValid(props.defaultValue) || (0, _moment2['default'])(),
+      value: getMomentObjectIfValid(props.value) || getMomentObjectIfValid(props.defaultValue) || (0, _dayjs2['default'])(),
       selectedValue: props.selectedValue || props.defaultSelectedValue
     };
     return _this;
@@ -130,11 +146,14 @@ var Calendar = function (_React$Component) {
         disabledDate = props.disabledDate,
         dateInputPlaceholder = props.dateInputPlaceholder,
         timePicker = props.timePicker,
+        onClickRightPanelTime = props.onClickRightPanelTime,
         disabledTime = props.disabledTime,
         clearIcon = props.clearIcon,
         renderFooter = props.renderFooter,
         inputMode = props.inputMode,
-        showTimeAndHour = props.showTimeAndHour;
+        showHourAndMinute = props.showHourAndMinute,
+        firstDayOfWeek = props.firstDayOfWeek,
+        showWeekNumber = props.showWeekNumber;
     var value = state.value,
         selectedValue = state.selectedValue,
         mode = state.mode;
@@ -161,13 +180,14 @@ var Calendar = function (_React$Component) {
 
       timePickerEle = _react2['default'].cloneElement(timePicker, timePickerProps);
     }
+    var calendarInputPlaceholder = dateInputPlaceholder || (Array.isArray(this.getFormat()) ? this.getFormat()[0] : this.getFormat());
 
     var dateInputElement = props.showDateInput ? _react2['default'].createElement(_DateInput2['default'], {
       format: this.getFormat(),
       key: 'date-input',
       value: value,
       locale: locale,
-      placeholder: dateInputPlaceholder,
+      placeholder: calendarInputPlaceholder,
       showClear: true,
       disabledTime: disabledTime,
       disabledDate: disabledDate,
@@ -227,7 +247,8 @@ var Calendar = function (_React$Component) {
               dateRender: props.dateRender,
               onSelect: this.onDateTableSelect,
               disabledDate: disabledDate,
-              showWeekNumber: props.showWeekNumber
+              showWeekNumber: showWeekNumber,
+              firstDayOfWeek: firstDayOfWeek
             })
           ),
           _react2['default'].createElement(_CalendarFooter2['default'], {
@@ -252,10 +273,14 @@ var Calendar = function (_React$Component) {
             onCloseTimePicker: this.closeTimePicker
           })
         ),
-        !showTimeAndHour && _react2['default'].createElement(_CalendarRightPanel2['default'], {
+        showHourAndMinute && _react2['default'].createElement(_CalendarRightPanel2['default'], {
           prefixCls: prefixCls,
           value: value,
-          onSelect: this.onDateTableSelect
+          locale: locale,
+          onSelect: this.onDateTableSelect,
+          onClickRightPanelTime: onClickRightPanelTime,
+          defaultMinutesTime: this.props.defaultMinutesTime,
+          format: this.getFormat()
         })
       )
     ));
@@ -283,6 +308,8 @@ Calendar.propTypes = (0, _extends3['default'])({}, _CalendarMixin.calendarMixinP
   showWeekNumber: _propTypes2['default'].bool,
   showToday: _propTypes2['default'].bool,
   showOk: _propTypes2['default'].bool,
+  showHourAndMinute: _propTypes2['default'].bool,
+  defaultMinutesTime: _propTypes2['default'].string,
   onSelect: _propTypes2['default'].func,
   onOk: _propTypes2['default'].func,
   onKeyDown: _propTypes2['default'].func,
@@ -299,15 +326,20 @@ Calendar.propTypes = (0, _extends3['default'])({}, _CalendarMixin.calendarMixinP
   clearIcon: _propTypes2['default'].node,
   focusablePanel: _propTypes2['default'].bool,
   inputMode: _propTypes2['default'].string,
-  onBlur: _propTypes2['default'].func
+  onBlur: _propTypes2['default'].func,
+  onClickRightPanelTime: _propTypes2['default'].func,
+  firstDayOfWeek: _propTypes2['default'].string
 });
 Calendar.defaultProps = (0, _extends3['default'])({}, _CalendarMixin.calendarMixinDefaultProps, _CommonMixin.defaultProp, {
   showToday: true,
   showDateInput: true,
+  showHourAndMinute: false,
   timePicker: null,
   onOk: noop,
   onPanelChange: noop,
-  focusablePanel: true
+  onClickRightPanelTime: noop,
+  focusablePanel: true,
+  firstDayOfWeek: 'Sunday'
 });
 
 var _initialiseProps = function _initialiseProps() {

package/lib/FullCalendar.js

@@ -44,9 +44,9 @@ var _CalendarHeader = require('./full-calendar/CalendarHeader');
 
 var _CalendarHeader2 = _interopRequireDefault(_CalendarHeader);
 
-var _moment = require('moment');
+var _dayjs = require('./util/dayjs');
 
-var _moment2 = _interopRequireDefault(_moment);
+var _dayjs2 = _interopRequireDefault(_dayjs);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
@@ -69,7 +69,7 @@ var FullCalendar = function (_React$Component) {
 
     _this.state = {
       type: type,
-      value: props.value || props.defaultValue || (0, _moment2['default'])(),
+      value: props.value || props.defaultValue || (0, _dayjs2['default'])(),
       selectedValue: props.selectedValue || props.defaultSelectedValue
     };
     return _this;

package/lib/MonthCalendar.js

@@ -44,9 +44,9 @@ var _CalendarMixin = require('./mixin/CalendarMixin');
 
 var _CommonMixin = require('./mixin/CommonMixin');
 
-var _moment = require('moment');
+var _dayjs = require('./util/dayjs');
 
-var _moment2 = _interopRequireDefault(_moment);
+var _dayjs2 = _interopRequireDefault(_dayjs);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
@@ -68,26 +68,26 @@ var MonthCalendar = function (_React$Component) {
       switch (keyCode) {
         case _KeyCode2['default'].DOWN:
           value = stateValue.clone();
-          value.add(3, 'months');
+          value = value.add(3, 'months');
           break;
         case _KeyCode2['default'].UP:
           value = stateValue.clone();
-          value.add(-3, 'months');
+          value = value.add(-3, 'months');
           break;
         case _KeyCode2['default'].LEFT:
           value = stateValue.clone();
           if (ctrlKey) {
-            value.add(-1, 'years');
+            value = value.add(-1, 'years');
           } else {
-            value.add(-1, 'months');
+            value = value.add(-1, 'months');
           }
           break;
         case _KeyCode2['default'].RIGHT:
           value = stateValue.clone();
           if (ctrlKey) {
-            value.add(1, 'years');
+            value = value.add(1, 'years');
           } else {
-            value.add(1, 'months');
+            value = value.add(1, 'months');
           }
           break;
         case _KeyCode2['default'].ENTER:
@@ -114,7 +114,7 @@ var MonthCalendar = function (_React$Component) {
 
     _this.state = {
       mode: 'month',
-      value: props.value || props.defaultValue || (0, _moment2['default'])(),
+      value: props.value || props.defaultValue || (0, _dayjs2['default'])(),
       selectedValue: props.selectedValue || props.defaultSelectedValue
     };
     return _this;

package/lib/RangeCalendar.js

@@ -26,10 +26,6 @@ var _propTypes = require('prop-types');
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _moment = require('moment');
-
-var _moment2 = _interopRequireDefault(_moment);
-
 var _classnames2 = require('classnames');
 
 var _classnames3 = _interopRequireDefault(_classnames2);
@@ -62,6 +58,10 @@ var _util = require('./util');
 
 var _toTime = require('./util/toTime');
 
+var _dayjs = require('./util/dayjs');
+
+var _dayjs2 = _interopRequireDefault(_dayjs);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
 function noop() {}
@@ -103,7 +103,7 @@ function normalizeAnchor(props, init) {
   var selectedValue = props.selectedValue || init && props.defaultSelectedValue;
   var value = props.value || init && props.defaultValue;
   var normalizedValue = value ? getValueFromSelectedValue(value) : getValueFromSelectedValue(selectedValue);
-  return !isEmptyArray(normalizedValue) ? normalizedValue : init && [(0, _moment2['default'])(), (0, _moment2['default'])().add(1, 'months')];
+  return !isEmptyArray(normalizedValue) ? normalizedValue : init && [(0, _dayjs2['default'])(), (0, _dayjs2['default'])().add(1, 'months')];
 }
 
 function generateOptions(length, extraOptionGen) {
@@ -462,7 +462,7 @@ var _initialiseProps = function _initialiseProps() {
       var nextHoverValue = void 0;
 
       if (!firstSelectedValue) {
-        currentHoverTime = hoverValue[0] || selectedValue[0] || value[0] || (0, _moment2['default'])();
+        currentHoverTime = hoverValue[0] || selectedValue[0] || value[0] || (0, _dayjs2['default'])();
         nextHoverTime = func(currentHoverTime);
         nextHoverValue = [nextHoverTime];
         _this2.fireHoverValueChange(nextHoverValue);
@@ -852,7 +852,7 @@ var _initialiseProps = function _initialiseProps() {
 
     // 尚未选择过时间，直接输入的话
     if (!_this2.state.selectedValue[0] || !_this2.state.selectedValue[1]) {
-      var startValue = selectedValue[0] || (0, _moment2['default'])();
+      var startValue = selectedValue[0] || (0, _dayjs2['default'])();
       var endValue = selectedValue[1] || startValue.clone().add(1, 'months');
       _this2.setState({
         selectedValue: selectedValue,

package/lib/calendar/CalendarHeader.js

@@ -42,13 +42,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'd
 
 function goMonth(direction) {
   var next = this.props.value.clone();
-  next.add(direction, 'months');
+  next = next.add(direction, 'months');
   this.props.onValueChange(next);
 }
 
 function goYear(direction) {
   var next = this.props.value.clone();
-  next.add(direction, 'years');
+  next = next.add(direction, 'years');
   this.props.onValueChange(next);
 }
 

package/lib/calendar/CalendarRightPanel.js

@@ -22,9 +22,11 @@ var _propTypes = require('prop-types');
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _moment = require('moment');
+var _dayjs = require('dayjs');
 
-var _moment2 = _interopRequireDefault(_moment);
+var _dayjs2 = _interopRequireDefault(_dayjs);
+
+var _util = require('../util');
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
@@ -41,6 +43,18 @@ var CalendarRightPanel = function (_React$Component) {
         highlightTime: value
       });
       _this.props.onSelect(value);
+      _this.props.onClickRightPanelTime();
+    };
+
+    _this.getTimes = function () {
+      var times = [];
+      for (var i = 0; i < 24; i++) {
+        var str = (String(i) + ':00').padStart(5, '0');
+        var str1 = (String(i) + ':30').padStart(5, '0');
+        times.push(str);
+        times.push(str1);
+      }
+      return times;
     };
 
     _this.scrollUp = function () {
@@ -51,39 +65,45 @@ var CalendarRightPanel = function (_React$Component) {
       _this.timeRef.current.scrollBy(0, 200);
     };
 
+    var format = Array.isArray(_this.props.format) ? _this.props.format[0] : _this.props.format;
     _this.state = {
-      highlightTime: _this.props.value || null
+      highlightTime: _this.props.value || null,
+      localeFormat: format
     };
     _this.timeRef = _react2['default'].createRef();
+    _this.times = _this.getTimes();
     return _this;
   }
 
+  CalendarRightPanel.prototype.componentDidMount = function componentDidMount() {
+    var defaultMinutesTime = this.props.defaultMinutesTime;
+
+    var showTimeIndex = this.times.findIndex(function (item) {
+      return item >= defaultMinutesTime;
+    });
+    var scrollTimeIndex = showTimeIndex > -1 ? showTimeIndex - 1 : 16;
+    this.timeRef.current.scrollTo(0, 34 * scrollTimeIndex);
+  };
+
   CalendarRightPanel.prototype.render = function render() {
     var _this2 = this;
 
     var _props = this.props,
         value = _props.value,
-        prefixCls = _props.prefixCls;
-
-    var selectedDate = value.format().slice(0, 10);
-    var times = [];
-    for (var i = 0; i < 24; i++) {
-      var str = (String(i) + ':00').padStart(5, '0');
-      var str1 = (String(i) + ':30').padStart(5, '0');
-      times.push(str);
-      times.push(str1);
-    }
+        prefixCls = _props.prefixCls,
+        locale = _props.locale;
+
+    var selectedDate = value.format().slice(0, String(value.format()).indexOf('T'));
+    var highlight = this.state.highlightTime;
+    var highlightTime = highlight ? highlight.format().slice(11, 16) : null;
+    var isZhcn = locale && locale.today === '今天';
     return _react2['default'].createElement(
       'div',
       { className: prefixCls + '-right-panel' },
       _react2['default'].createElement(
         'div',
         { className: prefixCls + '-right-panel-header', onClick: this.scrollUp },
-        _react2['default'].createElement(
-          'span',
-          null,
-          _react2['default'].createElement('i', { className: 'fas fa-chevron-up' })
-        )
+        _react2['default'].createElement('span', null)
       ),
       _react2['default'].createElement(
         'div',
@@ -91,15 +111,16 @@ var CalendarRightPanel = function (_React$Component) {
         _react2['default'].createElement(
           'ul',
           null,
-          times.map(function (time) {
-            var current = (0, _moment2['default'])(selectedDate + ' ' + time);
-            var isHightlight = current.isSame(_this2.state.highlightTime) ? 'highlight' : '';
+          this.times.map(function (time) {
+            var parts = (0, _util.tokenizeFormattedDate)(selectedDate, _this2.state.localeFormat);
+            var current = (0, _dayjs2['default'])(selectedDate + ' ' + time).year(parts[0]).month(parts[1] - 1).date(parts[2]); // eslint-disable-line max-len
+            current = isZhcn ? current.locale('zh-cn') : current.locale('en-gb');
             return _react2['default'].createElement(
               'li',
               {
                 key: time,
-                onClick: _this2.onSelect.bind(null, current),
-                className: '' + isHightlight
+                onClick: _this2.onSelect.bind(_this2, current),
+                className: '' + (highlightTime === time ? prefixCls + '-selected-time' : '')
               },
               time
             );
@@ -109,11 +130,7 @@ var CalendarRightPanel = function (_React$Component) {
       _react2['default'].createElement(
         'div',
         { className: prefixCls + '-right-panel-footer', onClick: this.scrollDown },
-        _react2['default'].createElement(
-          'span',
-          null,
-          _react2['default'].createElement('i', { className: 'fas fa-chevron-down' })
-        )
+        _react2['default'].createElement('span', null)
       )
     );
   };
@@ -124,7 +141,11 @@ var CalendarRightPanel = function (_React$Component) {
 CalendarRightPanel.propTypes = {
   prefixCls: _propTypes2['default'].string,
   value: _propTypes2['default'].object,
-  onSelect: _propTypes2['default'].func
+  onSelect: _propTypes2['default'].func,
+  onClickRightPanelTime: _propTypes2['default'].func,
+  locale: _propTypes2['default'].object,
+  defaultMinutesTime: _propTypes2['default'].string,
+  format: _propTypes2['default'].oneOfType([_propTypes2['default'].string, _propTypes2['default'].arrayOf(_propTypes2['default'].string)])
 };
 exports['default'] = CalendarRightPanel;
 module.exports = exports['default'];

package/lib/date/DateConstants.js

@@ -1,8 +1,23 @@
 "use strict";
 
 exports.__esModule = true;
-exports["default"] = {
+var DATE_ROW_COLUMN_COUNT = {
   DATE_ROW_COUNT: 6,
   DATE_COL_COUNT: 7
 };
+
+var DAY_NAME_TO_INDEX = {
+  Sunday: 0,
+  Monday: 1,
+  Tuesday: 2,
+  Wednesday: 3,
+  Thursday: 4,
+  Friday: 5,
+  Saturday: 6
+};
+
+exports["default"] = {
+  DATE_ROW_COLUMN_COUNT: DATE_ROW_COLUMN_COUNT,
+  DAY_NAME_TO_INDEX: DAY_NAME_TO_INDEX
+};
 module.exports = exports['default'];

package/lib/date/DateInput.js

@@ -32,14 +32,18 @@ var _KeyCode2 = _interopRequireDefault(_KeyCode);
 
 var _reactLifecyclesCompat = require('react-lifecycles-compat');
 
-var _moment = require('moment');
+var _dayjs = require('dayjs');
 
-var _moment2 = _interopRequireDefault(_moment);
+var _dayjs2 = _interopRequireDefault(_dayjs);
 
 var _util = require('../util');
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
+var customParseFormat = require('dayjs/plugin/customParseFormat');
+
+_dayjs2['default'].extend(customParseFormat);
+
 var cachedSelectionStart = void 0;
 var cachedSelectionEnd = void 0;
 var dateInputInstance = void 0;
@@ -58,14 +62,14 @@ var DateInput = function (_React$Component) {
 
     _this.state = {
       str: (0, _util.formatDate)(selectedValue, _this.props.format),
-      invalid: false,
-      hasFocus: false
+      hasFocus: false,
+      localFormat: _this.props.format[0]
     };
     return _this;
   }
 
   DateInput.prototype.componentDidUpdate = function componentDidUpdate() {
-    if (dateInputInstance && this.state.hasFocus && !this.state.invalid && !(cachedSelectionStart === 0 && cachedSelectionEnd === 0)) {
+    if (dateInputInstance && this.state.hasFocus && !(cachedSelectionStart === 0 && cachedSelectionEnd === 0)) {
       dateInputInstance.setSelectionRange(cachedSelectionStart, cachedSelectionEnd);
     }
   };
@@ -80,10 +84,7 @@ var DateInput = function (_React$Component) {
     // when popup show, click body will call this, bug!
     var selectedValue = nextProps.selectedValue;
     if (!state.hasFocus) {
-      newState = {
-        str: (0, _util.formatDate)(selectedValue, nextProps.format),
-        invalid: false
-      };
+      newState = { str: (0, _util.formatDate)(selectedValue, nextProps.format) };
     }
 
     return newState;
@@ -95,16 +96,13 @@ var DateInput = function (_React$Component) {
 
   DateInput.prototype.render = function render() {
     var props = this.props;
-    var _state = this.state,
-        invalid = _state.invalid,
-        str = _state.str;
+    var str = this.state.str;
     var locale = props.locale,
         prefixCls = props.prefixCls,
         placeholder = props.placeholder,
         clearIcon = props.clearIcon,
         inputMode = props.inputMode;
 
-    var invalidClass = invalid ? prefixCls + '-input-invalid' : '';
     return _react2['default'].createElement(
       'div',
       { className: prefixCls + '-input-wrap' },
@@ -113,7 +111,7 @@ var DateInput = function (_React$Component) {
         { className: prefixCls + '-date-input-wrap' },
         _react2['default'].createElement('input', {
           ref: this.saveDateInput,
-          className: prefixCls + '-input ' + invalidClass,
+          className: prefixCls + '-input',
           value: str,
           disabled: props.disabled,
           placeholder: placeholder,
@@ -160,14 +158,13 @@ var _initialiseProps = function _initialiseProps() {
   var _this2 = this;
 
   this.onClear = function () {
-    _this2.setState({
-      str: ''
-    });
+    _this2.setState({ str: '' });
     _this2.props.onClear(null);
   };
 
   this.onInputChange = function (event) {
     var str = event.target.value;
+    var calendarStr = (0, _util.initializeStr)(str, _this2.state.localFormat) || '';
     var _props = _this2.props,
         disabledDate = _props.disabledDate,
         format = _props.format,
@@ -176,41 +173,22 @@ var _initialiseProps = function _initialiseProps() {
 
     // 没有内容，合法并直接退出
 
-    if (!str) {
+    if (!calendarStr) {
       onChange(null);
-      _this2.setState({
-        invalid: false,
-        str: str
-      });
+      _this2.setState({ str: '' });
       return;
     }
-
-    // 不合法直接退出
-    var parsed = (0, _moment2['default'])(str, format, true);
-    if (!parsed.isValid()) {
-      _this2.setState({
-        invalid: true,
-        str: str
-      });
-      return;
-    }
-
+    var parsed = (0, _dayjs2['default'])(calendarStr, format[0]);
     var value = _this2.props.value.clone();
-    value.year(parsed.year()).month(parsed.month()).date(parsed.date()).hour(parsed.hour()).minute(parsed.minute()).second(parsed.second());
+    value = value.year(parsed.year()).month(parsed.month()).date(parsed.date()).hour(parsed.hour()).minute(parsed.minute()).second(parsed.second());
 
     if (!value || disabledDate && disabledDate(value)) {
-      _this2.setState({
-        invalid: true,
-        str: str
-      });
+      _this2.setState({ str: str });
       return;
     }
 
     if (selectedValue !== value || selectedValue && value && !selectedValue.isSame(value)) {
-      _this2.setState({
-        invalid: false,
-        str: str
-      });
+      _this2.setState({ str: str });
       onChange(value);
     }
   };