@douyinfe/semi-foundation 2.24.2 → 2.25.0-alpha.0

package/lib/cjs/datePicker/monthsGridFoundation.js

@@ -4,34 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
-
 var _isSet2 = _interopRequireDefault(require("lodash/isSet"));
-
 var _includes2 = _interopRequireDefault(require("lodash/includes"));
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _constants = require("./constants");
-
 var _dateFns = require("date-fns");
-
 var _index = require("./_utils/index");
-
 var _getMonthTable = require("./_utils/getMonthTable");
-
 var _parser = require("./_utils/parser");
-
 var _dateFnsExtra = require("../utils/date-fns-extra");
-
 var _getDefaultFormatToken = require("./_utils/getDefaultFormatToken");
-
-var _isNullOrUndefined = _interopRequireDefault(require("../utils/isNullOrUndefined"));
-
+var _isValidTimeZone = _interopRequireDefault(require("./_utils/isValidTimeZone"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* eslint-disable max-len */
 const dateDiffFns = {
   month: _dateFns.differenceInCalendarMonths,
   year: _dateFns.differenceInCalendarYears
@@ -42,34 +27,28 @@ const dateCalcFns = {
   prevYear: _dateFns.subYears,
   nextYear: _dateFns.addYears
 };
-
 class MonthsGridFoundation extends _foundation.default {
   constructor(adapter) {
-    super(Object.assign({}, adapter)); // Date change data when double panels
-
+    super(Object.assign({}, adapter));
+    // Date change data when double panels
     this.newBiMonthPanelDate = [this.getState('monthLeft').pickerDate, this.getState('monthRight').pickerDate];
   }
-
   init() {
     const defaultValue = this.getProp('defaultValue');
     this.initDefaultPickerValue();
     this.updateSelectedFromProps(defaultValue);
   }
-
   initDefaultPickerValue() {
     const defaultPickerValue = (0, _parser.compatibleParse)(this.getProp('defaultPickerValue'));
-
     if (defaultPickerValue && (0, _index.isValidDate)(defaultPickerValue)) {
       this._updatePanelDetail(_constants.strings.PANEL_TYPE_LEFT, {
         pickerDate: defaultPickerValue
       });
-
       this._updatePanelDetail(_constants.strings.PANEL_TYPE_RIGHT, {
         pickerDate: (0, _dateFns.addMonths)(defaultPickerValue, 1)
       });
     }
   }
-
   updateSelectedFromProps(values) {
     let refreshPicker = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     const type = this.getProp('type');
@@ -78,29 +57,20 @@ class MonthsGridFoundation extends _foundation.default {
       rangeStart,
       rangeEnd
     } = this.getStates();
-
-    if (values && values.length) {
+    if (values && (values === null || values === void 0 ? void 0 : values.length)) {
       switch (type) {
         case 'date':
           this._initDatePickerFromValue(values, refreshPicker);
-
           break;
-
         case 'dateRange':
           this._initDateRangePickerFromValue(values);
-
           break;
-
         case 'dateTime':
           this._initDateTimePickerFromValue(values);
-
           break;
-
         case 'dateTimeRange':
           this._initDateTimeRangePickerFormValue(values);
-
           break;
-
         default:
           break;
       }
@@ -109,23 +79,19 @@ class MonthsGridFoundation extends _foundation.default {
       if ((0, _isSet2.default)(selected) && selected.size) {
         this._adapter.updateDaySelected(new Set());
       }
-
       if (rangeStart) {
         this._adapter.setRangeStart('');
       }
-
       if (rangeEnd) {
         this._adapter.setRangeEnd('');
       }
     }
   }
-
   calcDisabledTime(panelType) {
     const {
       disabledTime,
       type
     } = this.getProps();
-
     if (typeof disabledTime === 'function' && panelType && ['dateTime', 'dateTimeRange'].includes(type)) {
       const {
         rangeStart,
@@ -133,91 +99,94 @@ class MonthsGridFoundation extends _foundation.default {
         monthLeft
       } = this.getStates();
       const selected = [];
-
       if (type === 'dateTimeRange') {
         if (rangeStart) {
           selected.push(rangeStart);
         }
-
         if (rangeStart && rangeEnd) {
           selected.push(rangeEnd);
         }
       } else if (monthLeft && monthLeft.showDate) {
         selected.push(monthLeft.showDate);
       }
-
       const selectedDates = selected.map(str => str instanceof Date ? str : (0, _dateFns.parseISO)(str));
       const cbDates = type === 'dateTimeRange' ? selectedDates : selectedDates[0];
       return disabledTime(cbDates, panelType);
     }
   }
-
   _initDatePickerFromValue(values) {
     let refreshPicker = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    const monthLeft = this.getState('monthLeft');
-    const newMonthLeft = Object.assign({}, monthLeft); // REMOVE:
-
+    const {
+      monthLeft
+    } = this._adapter.getStates();
+    const newMonthLeft = Object.assign({}, monthLeft);
+    // REMOVE:
     this._adapter.updateMonthOnLeft(newMonthLeft);
-
     const newSelected = new Set();
-
-    if (!this._isMultiple()) {
+    const isMultiple = this._isMultiple();
+    if (!isMultiple) {
       values[0] && newSelected.add((0, _dateFns.format)(values[0], _constants.strings.FORMAT_FULL_DATE));
     } else {
       values.forEach(date => {
         date && newSelected.add((0, _dateFns.format)(date, _constants.strings.FORMAT_FULL_DATE));
       });
     }
-
     if (refreshPicker) {
-      this.handleShowDateAndTime(_constants.strings.PANEL_TYPE_LEFT, values[0] || newMonthLeft.pickerDate);
+      if (isMultiple) {
+        const leftPickerDateInSelected = values === null || values === void 0 ? void 0 : values.some(item => item && (0, _dateFns.differenceInCalendarMonths)(item, monthLeft.pickerDate) === 0);
+        !leftPickerDateInSelected && this.handleShowDateAndTime(_constants.strings.PANEL_TYPE_LEFT, values[0] || newMonthLeft.pickerDate);
+      } else {
+        this.handleShowDateAndTime(_constants.strings.PANEL_TYPE_LEFT, values[0] || newMonthLeft.pickerDate);
+      }
     } else {
       // FIXME:
       this.handleShowDateAndTime(_constants.strings.PANEL_TYPE_LEFT, newMonthLeft.pickerDate);
     }
-
     this._adapter.updateDaySelected(newSelected);
   }
-
   _initDateRangePickerFromValue(values) {
     let withTime = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     // init month panel
     const monthLeft = this.getState('monthLeft');
     const monthRight = this.getState('monthRight');
-
     const adjustResult = this._autoAdjustMonth(Object.assign(Object.assign({}, monthLeft), {
       pickerDate: values[0] || monthLeft.pickerDate
     }), Object.assign(Object.assign({}, monthRight), {
       pickerDate: values[1] || monthRight.pickerDate
     }));
-
-    this.handleShowDateAndTime(_constants.strings.PANEL_TYPE_LEFT, adjustResult.monthLeft.pickerDate);
-    this.handleShowDateAndTime(_constants.strings.PANEL_TYPE_RIGHT, adjustResult.monthRight.pickerDate); // init range
-
+    const validValue = Array.isArray(values) && values.filter(item => item).length > 1;
+    if (validValue) {
+      this.handleShowDateAndTime(_constants.strings.PANEL_TYPE_LEFT, adjustResult.monthLeft.pickerDate);
+      this.handleShowDateAndTime(_constants.strings.PANEL_TYPE_RIGHT, adjustResult.monthRight.pickerDate);
+    } else {
+      const selectedDate = values.find(item => item);
+      // 如果日期不完整且输入日期不在面板范围内，则更新面板
+      if (selectedDate) {
+        const notLeftPanelDate = Math.abs((0, _dateFns.differenceInCalendarMonths)(selectedDate, monthLeft.pickerDate)) > 0;
+        const notRightPanelDate = Math.abs((0, _dateFns.differenceInCalendarMonths)(selectedDate, monthRight.pickerDate)) > 0;
+        if (notLeftPanelDate && notRightPanelDate) {
+          this.handleShowDateAndTime(_constants.strings.PANEL_TYPE_LEFT, adjustResult.monthLeft.pickerDate);
+          this.handleShowDateAndTime(_constants.strings.PANEL_TYPE_RIGHT, adjustResult.monthRight.pickerDate);
+        }
+      }
+    }
+    // init range
     const formatToken = withTime ? _constants.strings.FORMAT_DATE_TIME : _constants.strings.FORMAT_FULL_DATE;
     let rangeStart = values[0] && (0, _dateFns.format)(values[0], formatToken);
     let rangeEnd = values[1] && (0, _dateFns.format)(values[1], formatToken);
-
     if (this._isNeedSwap(rangeStart, rangeEnd)) {
       [rangeStart, rangeEnd] = [rangeEnd, rangeStart];
     }
-
     this._adapter.setRangeStart(rangeStart);
-
     this._adapter.setRangeEnd(rangeEnd);
-
     this._adapter.setHoverDay(rangeEnd);
   }
-
   _initDateTimePickerFromValue(values) {
     this._initDatePickerFromValue(values);
   }
-
   _initDateTimeRangePickerFormValue(values) {
     this._initDateRangePickerFromValue(values, true);
-  } // eslint-disable-next-line @typescript-eslint/no-empty-function
-
-
+  }
   destroy() {}
   /**
    * sync change another panel month when change months from the else yam panel
@@ -228,23 +197,18 @@ class MonthsGridFoundation extends _foundation.default {
    *  - panelType=right, target=new Date('2022-09-01') and left panel is in '2022-09' => call it, left panel minus one month to '2022-08'
    *  - panelType=left, target=new Date('2021-12-01') and right panel is in '2021-12' => call it, right panel add one month to '2021-01'
    */
-
-
   handleSyncChangeMonths(options) {
     const {
       panelType,
       target
     } = options;
-
     const {
       type
     } = this._adapter.getProps();
-
     const {
       monthLeft,
       monthRight
     } = this._adapter.getStates();
-
     if (this.isRangeType(type)) {
       if (panelType === 'right' && (0, _dateFns.differenceInCalendarMonths)(target, monthLeft.pickerDate) === 0) {
         this.handleYearOrMonthChange('prevMonth', 'left', 1, true);
@@ -256,56 +220,42 @@ class MonthsGridFoundation extends _foundation.default {
   /**
    * Get the target date based on the panel type and switch type
    */
-
-
   getTargetChangeDate(options) {
     const {
       panelType,
       switchType
     } = options;
-
     const {
       monthRight,
       monthLeft
     } = this._adapter.getStates();
-
     const currentDate = panelType === 'left' ? monthLeft.pickerDate : monthRight.pickerDate;
     let target;
-
     switch (switchType) {
       case 'prevMonth':
         target = (0, _dateFns.addMonths)(currentDate, -1);
         break;
-
       case 'nextMonth':
         target = (0, _dateFns.addMonths)(currentDate, 1);
         break;
-
       case 'prevYear':
         target = (0, _dateFns.addYears)(currentDate, -1);
         break;
-
       case 'nextYear':
         target = (0, _dateFns.addYears)(currentDate, 1);
         break;
     }
-
     return target;
   }
   /**
    * Change month by yam panel
    */
-
-
   toMonth(panelType, target) {
     const {
       type
     } = this._adapter.getProps();
-
     const diff = this._getDiff('month', target, panelType);
-
     this.handleYearOrMonthChange(diff < 0 ? 'prevMonth' : 'nextMonth', panelType, Math.abs(diff), false);
-
     if (this.isRangeType(type)) {
       this.handleSyncChangeMonths({
         panelType,
@@ -313,18 +263,14 @@ class MonthsGridFoundation extends _foundation.default {
       });
     }
   }
-
   toYear(panelType, target) {
     const diff = this._getDiff('year', target, panelType);
-
     this.handleYearOrMonthChange(diff < 0 ? 'prevYear' : 'nextYear', panelType, Math.abs(diff), false);
   }
-
   toYearMonth(panelType, target) {
     this.toYear(panelType, target);
     this.toMonth(panelType, target);
   }
-
   isRangeType(type) {
     const {
       type: typeFromProp
@@ -332,14 +278,13 @@ class MonthsGridFoundation extends _foundation.default {
     const realType = type ? type : typeFromProp;
     return typeof realType === 'string' && /range/i.test(realType);
   }
-
   handleSwitchMonthOrYear(switchType, panelType) {
     const {
       type,
       syncSwitchMonth
     } = this.getProps();
-    const rangeType = this.isRangeType(type); // range type and syncSwitchMonth, we should change panels at same time
-
+    const rangeType = this.isRangeType(type);
+    // range type and syncSwitchMonth, we should change panels at same time
     if (rangeType && syncSwitchMonth) {
       this.handleYearOrMonthChange(switchType, 'left', 1, true);
       this.handleYearOrMonthChange(switchType, 'right', 1, true);
@@ -350,7 +295,6 @@ class MonthsGridFoundation extends _foundation.default {
        * In order to prevent the two panels from being the same month, this will confuse the user when selecting the range
        * https://github.com/DouyinFE/semi-design/issues/260
        */
-
       if (rangeType) {
         const target = this.getTargetChangeDate({
           panelType,
@@ -363,34 +307,26 @@ class MonthsGridFoundation extends _foundation.default {
       }
     }
   }
-
   prevMonth(panelType) {
     this.handleSwitchMonthOrYear('prevMonth', panelType);
   }
-
   nextMonth(panelType) {
     this.handleSwitchMonthOrYear('nextMonth', panelType);
   }
-
   prevYear(panelType) {
     this.handleSwitchMonthOrYear('prevYear', panelType);
   }
-
   nextYear(panelType) {
     this.handleSwitchMonthOrYear('nextYear', panelType);
   }
   /**
    * Calculate the year and month difference
    */
-
-
   _getDiff(type, target, panelType) {
     const panelDetail = this._getPanelDetail(panelType);
-
     const diff = dateDiffFns[type] && dateDiffFns[type](target, panelDetail.pickerDate);
     return diff;
   }
-
   _getPanelDetail(panelType) {
     return panelType === _constants.strings.PANEL_TYPE_RIGHT ? this.getState('monthRight') : this.getState('monthLeft');
   }
@@ -401,23 +337,12 @@ class MonthsGridFoundation extends _foundation.default {
    * @param {String} token
    * @returns
    */
-
-
   localeFormat(date, token) {
     const dateFnsLocale = this._adapter.getProp('dateFnsLocale');
-
     return (0, _dateFns.format)(date, token, {
       locale: dateFnsLocale
     });
   }
-
-  isValidTimeZone(timeZone) {
-    const propTimeZone = this.getProp('timeZone');
-
-    const _timeZone = (0, _isNullOrUndefined.default)(timeZone) ? propTimeZone : timeZone;
-
-    return ['string', 'number'].includes(typeof _timeZone) && _timeZone !== '';
-  }
   /**
    * 根据 type 处理 onChange 返回的参数
    *
@@ -445,20 +370,15 @@ class MonthsGridFoundation extends _foundation.default {
    *
    * @param {Date|Date[]} value
    */
-
-
   disposeCallbackArgs(value) {
     let _value = Array.isArray(value) ? value : value && [value] || [];
-
-    if (this.isValidTimeZone()) {
-      const timeZone = this.getProp('timeZone');
+    const timeZone = this.getProp('timeZone');
+    if ((0, _isValidTimeZone.default)(timeZone)) {
       _value = _value.map(date => (0, _dateFnsExtra.zonedTimeToUtc)(date, timeZone));
     }
-
     const type = this.getProp('type');
     const formatToken = this.getProp('format') || (0, _getDefaultFormatToken.getDefaultFormatTokenByType)(type);
     let notifyValue, notifyDate;
-
     switch (type) {
       case 'date':
       case 'dateTime':
@@ -470,25 +390,20 @@ class MonthsGridFoundation extends _foundation.default {
           notifyValue = _value.map(v => v && this.localeFormat(v, formatToken));
           notifyDate = [..._value];
         }
-
         break;
-
       case 'dateRange':
       case 'dateTimeRange':
         notifyValue = _value.map(v => v && this.localeFormat(v, formatToken));
         notifyDate = [..._value];
         break;
-
       default:
         break;
     }
-
     return {
       notifyValue,
       notifyDate
     };
   }
-
   handleYearOrMonthChange(type) {
     let panelType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.strings.PANEL_TYPE_LEFT;
     let step = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
@@ -503,21 +418,17 @@ class MonthsGridFoundation extends _foundation.default {
     } = this.getStates();
     const isRangeType = this.isRangeType(datePanelType);
     const isLeftPanelInRange = isRangeType && panelType === _constants.strings.PANEL_TYPE_LEFT;
-
     const panelDetail = this._getPanelDetail(panelType);
-
     const {
       pickerDate
     } = panelDetail;
     const fn = dateCalcFns[type];
-    const targetMonth = fn(pickerDate, step); // Determine if the date has changed
-
+    const targetMonth = fn(pickerDate, step);
+    // Determine if the date has changed
     const panelDateHasUpdate = panelType === _constants.strings.PANEL_TYPE_LEFT && !(0, _isEqual2.default)(targetMonth, monthLeft.pickerDate) || panelType === _constants.strings.PANEL_TYPE_RIGHT && !(0, _isEqual2.default)(targetMonth, monthRight.pickerDate);
-
     this._updatePanelDetail(panelType, {
       pickerDate: targetMonth
     });
-
     if (panelDateHasUpdate) {
       // When the date changes
       if (!isRangeType) {
@@ -526,7 +437,6 @@ class MonthsGridFoundation extends _foundation.default {
           notifyValue,
           notifyDate
         } = this.disposeCallbackArgs(targetMonth);
-
         this._adapter.notifyPanelChange(notifyDate, notifyValue);
       } else {
         // Double Panel Type
@@ -537,19 +447,16 @@ class MonthsGridFoundation extends _foundation.default {
           // Right panel
           this.newBiMonthPanelDate[1] = targetMonth;
         }
-
         if (!(isLeftPanelInRange && notSeparateInRange)) {
           // Not synchronously switching the left panel in the scene
           const {
             notifyValue,
             notifyDate
           } = this.disposeCallbackArgs(this.newBiMonthPanelDate);
-
           this._adapter.notifyPanelChange(notifyDate, notifyValue);
         }
       }
     }
-
     if (autoSwitchDate) {
       this.updateDateAfterChangeYM(type, targetMonth);
     }
@@ -559,8 +466,6 @@ class MonthsGridFoundation extends _foundation.default {
    * @param {*} type
    * @param {*} targetDate
    */
-
-
   updateDateAfterChangeYM(type, targetDate) {
     const {
       multiple,
@@ -572,13 +477,12 @@ class MonthsGridFoundation extends _foundation.default {
       rangeStart,
       rangeEnd,
       monthLeft
-    } = this.getStates(); // FIXME:
-
+    } = this.getStates();
+    // FIXME:
     const includeRange = ['dateRange', 'dateTimeRange'].includes(type);
     const options = {
       closePanel: false
     };
-
     if (!multiple && !includeRange && selectedSet.size) {
       const selectedStr = Array.from(selectedSet)[0];
       const selectedDate = new Date(selectedStr);
@@ -588,7 +492,6 @@ class MonthsGridFoundation extends _foundation.default {
         year,
         month
       });
-
       if (dateType === 'dateTime') {
         /**
          * 如果是 type dateTime 切换月份要读取只取的time
@@ -596,42 +499,34 @@ class MonthsGridFoundation extends _foundation.default {
          */
         fullDate = this._mergeDateAndTime(fullDate, monthLeft.pickerDate);
       }
-
       if (disabledDate(fullDate, {
         rangeStart,
         rangeEnd
       })) {
         return;
       }
-
       this._adapter.notifySelectedChange([fullDate], options);
     }
   }
-
   _isMultiple() {
     return Boolean(this.getProp('multiple')) && this.getProp('type') === 'date';
   }
-
-  _isRange() {// return this._adapter.getProp('type') === dateRangeTypeKey;
+  _isRange() {
+    // return this._adapter.getProp('type') === dateRangeTypeKey;
   }
-
   handleDayClick(day, panelType) {
     const type = this.getProp('type');
-
     switch (true) {
       case type === 'date' || type === 'dateTime':
         this.handleDateSelected(day, panelType);
         break;
-
       case type === 'dateRange' || type === 'dateTimeRange':
         this.handleRangeSelected(day);
         break;
-
       default:
         break;
     }
   }
-
   handleDateSelected(day, panelType) {
     const {
       max,
@@ -639,22 +534,17 @@ class MonthsGridFoundation extends _foundation.default {
       isControlledComponent,
       dateFnsLocale
     } = this.getProps();
-
     const multiple = this._isMultiple();
-
     const {
       selected
     } = this.getStates();
-
     const monthDetail = this._getPanelDetail(panelType);
-
     const newSelected = new Set(multiple ? [...selected] : []);
     const {
       fullDate
     } = day;
     const time = monthDetail.pickerDate;
     const dateStr = type === 'dateTime' ? this._mergeDateAndTime(fullDate, time) : fullDate;
-
     if (!multiple) {
       newSelected.add(dateStr);
     } else {
@@ -666,24 +556,19 @@ class MonthsGridFoundation extends _foundation.default {
         newSelected.add(dateStr);
       }
     }
-
-    const dateFormat = this.getValidDateFormat(); // When passed to the upper layer, it is converted into a Date object to ensure that the input parameter format of initFormDefaultValue is consistent
-
+    const dateFormat = this.getValidDateFormat();
+    // When passed to the upper layer, it is converted into a Date object to ensure that the input parameter format of initFormDefaultValue is consistent
     const newSelectedDates = [...newSelected].map(_dateStr => (0, _parser.compatibleParse)(_dateStr, dateFormat, undefined, dateFnsLocale));
     this.handleShowDateAndTime(panelType, time);
-
     if (!isControlledComponent) {
       // Uncontrolled components, update internal values when operating, and notify external
       // MonthGrid internally uses string to represent fullDate for easy rendering
       this._adapter.updateDaySelected(newSelected);
     }
-
     this._adapter.notifySelectedChange(newSelectedDates);
   }
-
   handleShowDateAndTime(panelType, pickerDate, showDate) {
     const _showDate = showDate || pickerDate;
-
     this._updatePanelDetail(panelType, {
       showDate: _showDate,
       pickerDate
@@ -696,23 +581,18 @@ class MonthsGridFoundation extends _foundation.default {
    * @param {Date|string} time
    * @returns {Date}
    */
-
-
   _mergeDateAndTime(date, time) {
     const dateFnsLocale = this._adapter.getProp('dateFnsLocale');
-
     const dateStr = (0, _dateFns.format)((0, _index.isValidDate)(date) ? date : (0, _parser.compatibleParse)(date, _constants.strings.FORMAT_FULL_DATE, undefined, dateFnsLocale), _constants.strings.FORMAT_FULL_DATE);
     const timeStr = (0, _dateFns.format)((0, _index.isValidDate)(time) ? time : (0, _parser.compatibleParse)(time, _constants.strings.FORMAT_TIME_PICKER, undefined, dateFnsLocale), _constants.strings.FORMAT_TIME_PICKER);
     const timeFormat = this.getValidTimeFormat();
-    return (0, _parser.compatibleParse)("".concat(dateStr, " ").concat(timeStr), timeFormat, undefined, dateFnsLocale);
+    return (0, _parser.compatibleParse)(`${dateStr} ${timeStr}`, timeFormat, undefined, dateFnsLocale);
   }
-
   handleRangeSelected(day) {
     let {
       rangeStart,
       rangeEnd
     } = this.getStates();
-
     const {
       startDateOffset,
       endDateOffset,
@@ -721,81 +601,70 @@ class MonthsGridFoundation extends _foundation.default {
       rangeInputFocus,
       triggerRender
     } = this._adapter.getProps();
-
     const {
       fullDate
     } = day;
     let rangeStartReset = false;
     let rangeEndReset = false;
     const isDateRangeAndHasOffset = (startDateOffset || endDateOffset) && type === 'dateRange';
-
     if (isDateRangeAndHasOffset) {
       rangeStart = (0, _index.getFullDateOffset)(startDateOffset, fullDate);
       rangeEnd = (0, _index.getFullDateOffset)(endDateOffset, fullDate);
     } else {
       if (rangeInputFocus === 'rangeEnd') {
-        rangeEnd = fullDate; // rangStart Parten in dateTime: 'yyyy-MM-dd HH:MM:SS', rangeEnd parten: 'yyyy-MM-dd'
-
+        rangeEnd = fullDate;
+        // rangStart Parten in dateTime: 'yyyy-MM-dd HH:MM:SS', rangeEnd parten: 'yyyy-MM-dd'
         if (rangeStart && rangeEnd && (0, _index.isBefore)(rangeEnd, rangeStart.trim().split(/\s+/)[0])) {
           rangeStart = null;
           rangeStartReset = true;
-        } // Compatible to select date after opening the panel without click input
-
+        }
+        // Compatible to select date after opening the panel without click input
       } else if (rangeInputFocus === 'rangeStart' || !rangeInputFocus) {
-        rangeStart = fullDate; // rangEnd Parten in dateTime: 'yyyy-MM-dd HH:MM:SS', rangeStart parten: 'yyyy-MM-dd'
-
+        rangeStart = fullDate;
+        // rangEnd Parten in dateTime: 'yyyy-MM-dd HH:MM:SS', rangeStart parten: 'yyyy-MM-dd'
         if (rangeStart && rangeEnd && (0, _index.isBefore)(rangeEnd.trim().split(/\s+/)[0], rangeStart)) {
           rangeEnd = null;
           rangeEndReset = true;
         }
       }
-    } // next focus logic
-
-
+    }
+    // next focus logic
     const isRangeType = /range/i.test(type);
-
     if (isRangeType) {
       if (isDateRangeAndHasOffset) {
         this._adapter.setRangeStart(rangeStart);
-
         this._adapter.setRangeEnd(rangeEnd);
       } else {
         if (rangeInputFocus === 'rangeEnd') {
           this._adapter.setRangeEnd(rangeEnd);
-
           if (rangeStartReset) {
             this._adapter.setRangeStart(rangeStart);
           }
-
           if (!this._adapter.isAnotherPanelHasOpened('rangeEnd') || !rangeStart) {
             this._adapter.setRangeInputFocus('rangeStart');
           }
         } else if (rangeInputFocus === 'rangeStart' || !rangeInputFocus) {
           this._adapter.setRangeStart(rangeStart);
-
           if (rangeEndReset) {
             this._adapter.setRangeEnd(rangeEnd);
           }
-
           if (!this._adapter.isAnotherPanelHasOpened('rangeStart') || !rangeEnd) {
             this._adapter.setRangeInputFocus('rangeEnd');
           }
         }
       }
     }
-
-    const dateFormat = this.getValidDateFormat(); // only notify when choose completed
-
+    const dateFormat = this.getValidDateFormat();
+    // only notify when choose completed
     if (rangeStart || rangeEnd) {
       const [startDate, endDate] = [(0, _parser.compatibleParse)(rangeStart, dateFormat, undefined, dateFnsLocale), (0, _parser.compatibleParse)(rangeEnd, dateFormat, undefined, dateFnsLocale)];
-      let date = [startDate, endDate]; // If the type is dateRangeTime, add the value of time
-
+      let date = [startDate, endDate];
+      // If the type is dateRangeTime, add the value of time
       if (type === 'dateTimeRange') {
         const startTime = this.getState('monthLeft').pickerDate;
         const endTime = this.getState('monthRight').pickerDate;
         const start = rangeStart ? this._mergeDateAndTime(rangeStart, startTime) : null;
         const end = rangeEnd ? this._mergeDateAndTime(rangeEnd, endTime) : null;
-
         if ((0, _dateFns.isSameDay)(startDate, endDate) && (0, _index.isBefore)(end, start)) {
           date = [start, start];
         } else {
@@ -806,16 +675,12 @@ class MonthsGridFoundation extends _foundation.default {
        * no need to check focus then
        *  - dateRange and isDateRangeAndHasOffset
        */
-
-
       const needCheckFocusRecord = !(type === 'dateRange' && isDateRangeAndHasOffset);
-
       this._adapter.notifySelectedChange(date, {
         needCheckFocusRecord
       });
     }
   }
-
   _isNeedSwap(rangeStart, rangeEnd) {
     // Check whether the start and end are reasonable and whether they need to be reversed
     return rangeStart && rangeEnd && (0, _index.isBefore)(rangeEnd, rangeStart);
@@ -824,8 +689,6 @@ class MonthsGridFoundation extends _foundation.default {
    * Day may be empty, this is unhover state
    * @param {*} day
    */
-
-
   handleDayHover() {
     let day = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
       fullDate: ''
@@ -839,25 +702,19 @@ class MonthsGridFoundation extends _foundation.default {
       endDateOffset,
       type
     } = this.getProps();
-
     this._adapter.setHoverDay(fullDate);
-
     if ((startDateOffset || endDateOffset) && type === 'dateRange') {
       const offsetRangeStart = (0, _index.getFullDateOffset)(startDateOffset, fullDate);
       const offsetRangeEnd = (0, _index.getFullDateOffset)(endDateOffset, fullDate);
-
       this._adapter.setOffsetRangeStart(offsetRangeStart);
-
       this._adapter.setOffsetRangeEnd(offsetRangeEnd);
     }
-  } // Guarantee that monthLeft, monthRight will not appear in the same month or monthLeft is greater than MonthRight
-
-
+  }
+  // Guarantee that monthLeft, monthRight will not appear in the same month or monthLeft is greater than MonthRight
   _autoAdjustMonth(monthLeft, monthRight) {
     let newMonthLeft = monthLeft;
     let newMonthRight = monthRight;
     const difference = (0, _dateFns.differenceInCalendarMonths)(monthLeft.pickerDate, monthRight.pickerDate);
-
     if (difference > 0) {
       // The month on the left is larger than the month on the right, swap
       newMonthLeft = Object.assign({}, monthRight);
@@ -869,37 +726,28 @@ class MonthsGridFoundation extends _foundation.default {
         pickerDate: (0, _dateFns.addMonths)(monthRight.pickerDate, 1)
       });
     }
-
     return {
       monthLeft: newMonthLeft,
       monthRight: newMonthRight
     };
   }
-
   getValidTimeFormat() {
     const formatProp = this.getProp('format') || _constants.strings.FORMAT_TIME_PICKER;
-
     const timeFormatTokens = [];
-
     if ((0, _includes2.default)(formatProp, 'h') || (0, _includes2.default)(formatProp, 'H')) {
       timeFormatTokens.push('HH');
     }
-
     if ((0, _includes2.default)(formatProp, 'm')) {
       timeFormatTokens.push('mm');
     }
-
     if ((0, _includes2.default)(formatProp, 's')) {
       timeFormatTokens.push('ss');
     }
-
     return timeFormatTokens.join(':');
   }
-
   getValidDateFormat() {
     return this.getProp('format') || (0, _index.getDefaultFormatToken)(this.getProp('type'));
   }
-
   handleTimeChange(newTime, panelType) {
     const {
       rangeEnd,
@@ -908,21 +756,19 @@ class MonthsGridFoundation extends _foundation.default {
     const dateFnsLocale = this.getProp('dateFnsLocale');
     const ts = newTime.timeStampValue;
     const type = this.getProp('type');
-
     const panelDetail = this._getPanelDetail(panelType);
-
     const {
       showDate
     } = panelDetail;
     const timeDate = new Date(ts);
     const dateFormat = this.getValidDateFormat();
     const destRange = panelType === _constants.strings.PANEL_TYPE_RIGHT ? rangeEnd : rangeStart;
-    let year, monthNo, date; // if (pickerDate && isValidDate(pickerDate)) {
+    let year, monthNo, date;
+    // if (pickerDate && isValidDate(pickerDate)) {
     //     year = pickerDate.getFullYear();
     //     monthNo = pickerDate.getMonth();
     //     date = pickerDate.getDate();
     // } else
-
     if (type === 'dateTimeRange' && destRange) {
       const rangeDate = (0, _parser.compatibleParse)(destRange, dateFormat, undefined, dateFnsLocale);
       year = rangeDate.getFullYear();
@@ -933,17 +779,14 @@ class MonthsGridFoundation extends _foundation.default {
       monthNo = showDate.getMonth();
       date = showDate.getDate();
     }
-
     const hours = timeDate.getHours();
     const minutes = timeDate.getMinutes();
     const seconds = timeDate.getSeconds();
     const milSeconds = timeDate.getMilliseconds();
     const dateArgs = [year, monthNo, date, hours, minutes, seconds, milSeconds];
     const fullValidDate = new Date(...dateArgs);
-
     if (type === 'dateTimeRange') {
       this.handleShowDateAndTime(panelType, fullValidDate, showDate);
-
       this._updateTimeInDateRange(panelType, fullValidDate);
     } else {
       const fullDate = (0, _getMonthTable.formatFullDate)(year, monthNo + 1, date);
@@ -952,7 +795,6 @@ class MonthsGridFoundation extends _foundation.default {
         fullValidDate
       }, panelType);
       this.handleShowDateAndTime(panelType, fullValidDate);
-
       this._adapter.notifySelectedChange([fullValidDate]);
     }
   }
@@ -961,8 +803,6 @@ class MonthsGridFoundation extends _foundation.default {
    * @param {string} panelType
    * @param {Date} timeDate
    */
-
-
   _updateTimeInDateRange(panelType, timeDate) {
     const {
       isControlledComponent,
@@ -970,74 +810,63 @@ class MonthsGridFoundation extends _foundation.default {
     } = this.getProps();
     let rangeStart = this.getState('rangeStart');
     let rangeEnd = this.getState('rangeEnd');
-    const dateFormat = this.getValidDateFormat(); // TODO: Modify a time individually
-
+    const dateFormat = this.getValidDateFormat();
+    // TODO: Modify a time individually
     if (rangeStart && rangeEnd) {
       let startDate = (0, _parser.compatibleParse)(rangeStart, dateFormat, undefined, dateFnsLocale);
-      let endDate = (0, _parser.compatibleParse)(rangeEnd, dateFormat, undefined, dateFnsLocale); // console.log('_updateTimeInDateRange()', rangeStart, rangeEnd, startDate, endDate);
-
+      let endDate = (0, _parser.compatibleParse)(rangeEnd, dateFormat, undefined, dateFnsLocale);
+      // console.log('_updateTimeInDateRange()', rangeStart, rangeEnd, startDate, endDate);
       if (panelType === _constants.strings.PANEL_TYPE_RIGHT) {
         endDate = this._mergeDateAndTime(timeDate, timeDate);
         rangeEnd = (0, _dateFns.format)(endDate, _constants.strings.FORMAT_DATE_TIME);
-
         if (this._isNeedSwap(rangeStart, rangeEnd)) {
           [rangeStart, rangeEnd] = [rangeEnd, rangeStart];
           [startDate, endDate] = [endDate, startDate];
         }
-
         if (!isControlledComponent) {
           this._adapter.setRangeEnd(rangeEnd);
         }
       } else {
         startDate = this._mergeDateAndTime(timeDate, timeDate);
         rangeStart = (0, _dateFns.format)(startDate, _constants.strings.FORMAT_DATE_TIME);
-
         if (this._isNeedSwap(rangeStart, rangeEnd)) {
           [rangeStart, rangeEnd] = [rangeEnd, rangeStart];
           [startDate, endDate] = [endDate, startDate];
         }
-
         if (!isControlledComponent) {
           this._adapter.setRangeStart(rangeStart);
         }
-      } // console.log('_updateTimeInDateRange()', rangeStart, rangeEnd, startDate, endDate);
-
-
+      }
+      // console.log('_updateTimeInDateRange()', rangeStart, rangeEnd, startDate, endDate);
       this._adapter.notifySelectedChange([startDate, endDate]);
     }
   }
-
   _updatePanelDetail(panelType, kvs) {
     const {
       monthLeft,
       monthRight
     } = this.getStates();
-
     if (panelType === _constants.strings.PANEL_TYPE_RIGHT) {
       this._adapter.updateMonthOnRight(Object.assign(Object.assign({}, monthRight), kvs));
     } else {
       this._adapter.updateMonthOnLeft(Object.assign(Object.assign({}, monthLeft), kvs));
     }
   }
-
   showYearPicker(panelType) {
     this._updatePanelDetail(panelType, {
       isTimePickerOpen: false,
       isYearPickerOpen: true
     });
   }
-
   showTimePicker(panelType, opt) {
     if (this.getProp('disabledTimePicker')) {
       return;
     }
-
     this._updatePanelDetail(panelType, {
       isTimePickerOpen: true,
       isYearPickerOpen: false
     });
   }
-
   showDatePanel(panelType) {
     this._updatePanelDetail(panelType, {
       isTimePickerOpen: false,
@@ -1051,17 +880,13 @@ class MonthsGridFoundation extends _foundation.default {
    *  - When yam open type is 'left' or 'right', weeks minHeight should be set
    *    If the minHeight is not set, the change of the number of weeks will cause the scrollList to be unstable
    */
-
-
   getYAMOpenType() {
     const {
       monthLeft,
       monthRight
     } = this._adapter.getStates();
-
     const leftYearPickerOpen = monthLeft.isYearPickerOpen;
     const rightYearPickerOpen = monthRight.isYearPickerOpen;
-
     if (leftYearPickerOpen && rightYearPickerOpen) {
       return 'both';
     } else if (leftYearPickerOpen) {
@@ -1072,7 +897,5 @@ class MonthsGridFoundation extends _foundation.default {
       return 'none';
     }
   }
-
 }
-
 exports.default = MonthsGridFoundation;