@king-design/react 3.0.0-beta.0 → 3.0.0-beta.2

package/components/datepicker/index.spec.js

@@ -1,6 +1,7 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
 import _Array$from2 from "@babel/runtime-corejs3/core-js/array/from";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
 import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
@@ -496,7 +497,7 @@ describe('Datepicker', function () {
 
             case 14:
               // remove specified item
-              close = element.querySelector('.k-select-close');
+              close = element.querySelector('.k-tag-close');
               close.click();
               expect(instance.get('date')).have.lengthOf(0);
               _context13.next = 19;
@@ -752,16 +753,18 @@ describe('Datepicker', function () {
       }, _callee17);
     })));
     it('datetime range', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee18() {
-      var _mount16, instance, element, _element$querySelecto9, select, content, _content$querySelecto8, calendar1, calendar2;
+      var _context18;
 
-      return _regeneratorRuntime.wrap(function _callee18$(_context18) {
+      var _mount16, instance, element, _element$querySelecto9, select, content, _content$querySelecto8, calendar1, calendar2, values;
+
+      return _regeneratorRuntime.wrap(function _callee18$(_context19) {
         while (1) {
-          switch (_context18.prev = _context18.next) {
+          switch (_context19.prev = _context19.next) {
             case 0:
               _mount16 = mount(MultipleDemo), instance = _mount16[0], element = _mount16[1];
               _element$querySelecto9 = element.querySelectorAll('.k-datepicker'), select = _element$querySelecto9[5];
               dispatchEvent(select, 'click');
-              _context18.next = 5;
+              _context19.next = 5;
               return wait();
 
             case 5:
@@ -769,24 +772,24 @@ describe('Datepicker', function () {
               _content$querySelecto8 = content.querySelectorAll('.k-datepicker-calendar-wrapper'), calendar1 = _content$querySelecto8[0], calendar2 = _content$querySelecto8[1];
               calendar1.querySelectorAll('.k-calendar-item')[17].click();
               calendar2.querySelectorAll('.k-calendar-item')[17].click();
-              _context18.next = 11;
+              _context19.next = 11;
               return wait();
 
             case 11:
               content.querySelector('.k-btn').click();
-              _context18.next = 14;
+              _context19.next = 14;
               return wait();
 
             case 14:
               expect(instance.get('datetimeRange')).have.lengthOf(1);
               calendar1.querySelectorAll('.k-calendar-item')[18].click();
               calendar2.querySelectorAll('.k-calendar-item')[18].click();
-              _context18.next = 19;
+              _context19.next = 19;
               return wait();
 
             case 19:
               content.querySelector('.k-btn').click();
-              _context18.next = 22;
+              _context19.next = 22;
               return wait();
 
             case 22:
@@ -794,37 +797,52 @@ describe('Datepicker', function () {
 
               calendar1.querySelectorAll('.k-calendar-item')[17].click();
               calendar2.querySelectorAll('.k-calendar-item')[17].click();
-              _context18.next = 27;
+              _context19.next = 27;
               return wait();
 
             case 27:
               content.querySelector('.k-btn').click();
-              _context18.next = 30;
+              _context19.next = 30;
               return wait();
 
             case 30:
               expect(instance.get('datetimeRange')).have.lengthOf(2);
               instance.set('datetimeRange', []);
-              _context18.next = 34;
+              _context19.next = 34;
               return wait();
 
             case 34:
               calendar1.querySelectorAll('.k-calendar-item')[17].click();
               calendar2.querySelectorAll('.k-calendar-item')[17].click();
-              _context18.next = 38;
+              _context19.next = 38;
               return wait();
 
             case 38:
               content.querySelector('.k-btn').click();
-              _context18.next = 41;
+              _context19.next = 41;
               return wait();
 
             case 41:
-              expect(instance.get('datetimeRange')).have.lengthOf(1);
+              expect(instance.get('datetimeRange')).have.lengthOf(1); // select the first value in end panel
+
+              calendar2.querySelectorAll('.k-calendar-item')[17].click();
+              calendar2.querySelectorAll('.k-calendar-item')[17].click();
+              _context19.next = 46;
+              return wait();
+
+            case 46:
+              content.querySelector('.k-btn').click();
+              _context19.next = 49;
+              return wait();
+
+            case 49:
+              values = instance.get('datetimeRange');
+              expect(values).have.lengthOf(2);
+              expect(_includesInstanceProperty(_context18 = values[1][1]).call(_context18, '23:59:59')).to.be.true;
 
-            case 42:
+            case 52:
             case "end":
-              return _context18.stop();
+              return _context19.stop();
           }
         }
       }, _callee18);
@@ -834,15 +852,15 @@ describe('Datepicker', function () {
     it('date', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee19() {
       var _mount17, instance, element, select, content, first, value, value1, second;
 
-      return _regeneratorRuntime.wrap(function _callee19$(_context19) {
+      return _regeneratorRuntime.wrap(function _callee19$(_context20) {
         while (1) {
-          switch (_context19.prev = _context19.next) {
+          switch (_context20.prev = _context20.next) {
             case 0:
               _mount17 = mount(RangeDemo), instance = _mount17[0], element = _mount17[1]; // date
 
               select = element.querySelector('.k-datepicker');
               select.click();
-              _context19.next = 5;
+              _context20.next = 5;
               return wait();
 
             case 5:
@@ -850,27 +868,27 @@ describe('Datepicker', function () {
 
               first = content.querySelector('.k-calendar-item:nth-child(18)');
               first.click();
-              _context19.next = 10;
+              _context20.next = 10;
               return wait();
 
             case 10:
               expect(instance.get('date')).to.be.null; // hover status
 
               dispatchEvent(first.nextElementSibling.nextElementSibling, 'mouseenter');
-              _context19.next = 14;
+              _context20.next = 14;
               return wait();
 
             case 14:
               expect(first.nextElementSibling.classList.contains('k-in-range')).to.be.true;
               dispatchEvent(first.previousElementSibling.previousElementSibling, 'mouseenter');
-              _context19.next = 18;
+              _context20.next = 18;
               return wait();
 
             case 18:
               expect(first.previousElementSibling.classList.contains('k-in-range')).to.be.true;
               expect(first.nextElementSibling.classList.contains('k-in-range')).to.be.false;
               dispatchEvent(first.previousElementSibling.previousElementSibling, 'click');
-              _context19.next = 23;
+              _context20.next = 23;
               return wait();
 
             case 23:
@@ -879,14 +897,14 @@ describe('Datepicker', function () {
               expect(value[0] < value[1]).to.be.true; // select the same date
 
               select.click();
-              _context19.next = 29;
+              _context20.next = 29;
               return wait();
 
             case 29:
               // select the middle date
               first.click();
               first.click();
-              _context19.next = 33;
+              _context20.next = 33;
               return wait();
 
             case 33:
@@ -895,14 +913,14 @@ describe('Datepicker', function () {
               expect(value1[0]).eql(value1[1]); // cancel all of range values and re-select
 
               select.click();
-              _context19.next = 39;
+              _context20.next = 39;
               return wait();
 
             case 39:
               // select the middle date
               first.click();
               dispatchEvent(first.previousElementSibling.previousElementSibling, 'click');
-              _context19.next = 43;
+              _context20.next = 43;
               return wait();
 
             case 43:
@@ -911,14 +929,14 @@ describe('Datepicker', function () {
               expect(instance.get('date')).eql(value); // range cross months
 
               select.click();
-              _context19.next = 49;
+              _context20.next = 49;
               return wait();
 
             case 49:
               first.click();
               second = content.querySelector('.k-datepicker-calendar-wrapper:nth-child(2) .k-calendar-item:nth-child(19)');
               second.click();
-              _context19.next = 54;
+              _context20.next = 54;
               return wait();
 
             case 54:
@@ -926,7 +944,7 @@ describe('Datepicker', function () {
 
             case 55:
             case "end":
-              return _context19.stop();
+              return _context20.stop();
           }
         }
       }, _callee19);
@@ -934,14 +952,14 @@ describe('Datepicker', function () {
     it('datetime', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee20() {
       var _mount18, instance, element, _element$querySelecto10, datetime, content, _content$querySelecto9, calendar1, calendar2, first, second, value2;
 
-      return _regeneratorRuntime.wrap(function _callee20$(_context20) {
+      return _regeneratorRuntime.wrap(function _callee20$(_context21) {
         while (1) {
-          switch (_context20.prev = _context20.next) {
+          switch (_context21.prev = _context21.next) {
             case 0:
               _mount18 = mount(RangeDemo), instance = _mount18[0], element = _mount18[1];
               _element$querySelecto10 = element.querySelectorAll('.k-datepicker'), datetime = _element$querySelecto10[1];
               datetime.click();
-              _context20.next = 5;
+              _context21.next = 5;
               return wait();
 
             case 5:
@@ -951,14 +969,14 @@ describe('Datepicker', function () {
               second = calendar2.querySelectorAll('.k-calendar-item')[17];
               first.click();
               second.click();
-              _context20.next = 13;
+              _context21.next = 13;
               return wait();
 
             case 13:
               dispatchEvent(calendar1.querySelector('.k-scroll-select-wrapper .k-active').nextElementSibling, 'click');
               dispatchEvent(calendar2.querySelector('.k-scroll-select-wrapper .k-active').previousElementSibling, 'click');
               content.querySelector('.k-datepicker-footer .k-btn').click();
-              _context20.next = 18;
+              _context21.next = 18;
               return wait();
 
             case 18:
@@ -966,11 +984,11 @@ describe('Datepicker', function () {
               expect(value2).have.lengthOf(2);
               expect(_mapInstanceProperty(value2).call(value2, function (item) {
                 return item.split(' ')[1];
-              })).eql(['01:00:00', '23:00:00']);
+              })).eql(['01:00:00', '22:59:59']);
 
             case 21:
             case "end":
-              return _context20.stop();
+              return _context21.stop();
           }
         }
       }, _callee20);
@@ -978,14 +996,14 @@ describe('Datepicker', function () {
     it('year', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee21() {
       var _mount19, instance, element, _element$querySelecto11, select, content, _content$querySelecto10, calendar1, calendar2, first, second, value;
 
-      return _regeneratorRuntime.wrap(function _callee21$(_context21) {
+      return _regeneratorRuntime.wrap(function _callee21$(_context22) {
         while (1) {
-          switch (_context21.prev = _context21.next) {
+          switch (_context22.prev = _context22.next) {
             case 0:
               _mount19 = mount(RangeDemo), instance = _mount19[0], element = _mount19[1];
               _element$querySelecto11 = element.querySelectorAll('.k-datepicker'), select = _element$querySelecto11[2];
               select.click();
-              _context21.next = 5;
+              _context22.next = 5;
               return wait();
 
             case 5:
@@ -995,7 +1013,7 @@ describe('Datepicker', function () {
               second = calendar2.querySelector('.k-calendar-item:nth-child(2)');
               first.click();
               second.click();
-              _context21.next = 13;
+              _context22.next = 13;
               return wait();
 
             case 13:
@@ -1004,7 +1022,7 @@ describe('Datepicker', function () {
 
             case 15:
             case "end":
-              return _context21.stop();
+              return _context22.stop();
           }
         }
       }, _callee21);
@@ -1012,14 +1030,14 @@ describe('Datepicker', function () {
     it('month', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee22() {
       var _mount20, instance, element, _element$querySelecto12, select, content, _content$querySelecto11, calendar1, calendar2, first, second, value;
 
-      return _regeneratorRuntime.wrap(function _callee22$(_context22) {
+      return _regeneratorRuntime.wrap(function _callee22$(_context23) {
         while (1) {
-          switch (_context22.prev = _context22.next) {
+          switch (_context23.prev = _context23.next) {
             case 0:
               _mount20 = mount(RangeDemo), instance = _mount20[0], element = _mount20[1];
               _element$querySelecto12 = element.querySelectorAll('.k-datepicker'), select = _element$querySelecto12[3];
               select.click();
-              _context22.next = 5;
+              _context23.next = 5;
               return wait();
 
             case 5:
@@ -1029,7 +1047,7 @@ describe('Datepicker', function () {
               second = calendar2.querySelector('.k-calendar-item:nth-child(1)');
               first.click();
               second.click();
-              _context22.next = 13;
+              _context23.next = 13;
               return wait();
 
             case 13:
@@ -1038,7 +1056,7 @@ describe('Datepicker', function () {
 
             case 15:
             case "end":
-              return _context22.stop();
+              return _context23.stop();
           }
         }
       }, _callee22);
@@ -1046,19 +1064,19 @@ describe('Datepicker', function () {
   });
   describe('Keybord', function () {
     it('single date', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee23() {
-      var _context23;
+      var _context24;
 
       var _mount21, instance, element, now, select, content;
 
-      return _regeneratorRuntime.wrap(function _callee23$(_context24) {
+      return _regeneratorRuntime.wrap(function _callee23$(_context25) {
         while (1) {
-          switch (_context24.prev = _context24.next) {
+          switch (_context25.prev = _context25.next) {
             case 0:
               _mount21 = mount(BasicDemo), instance = _mount21[0], element = _mount21[1];
               now = new Date();
               select = element.querySelector('.k-datepicker');
               select.click();
-              _context24.next = 6;
+              _context25.next = 6;
               return wait();
 
             case 6:
@@ -1067,7 +1085,7 @@ describe('Datepicker', function () {
               dispatchEvent(select, 'keydown', {
                 keyCode: 40
               });
-              _context24.next = 10;
+              _context25.next = 10;
               return wait();
 
             case 10:
@@ -1076,7 +1094,7 @@ describe('Datepicker', function () {
               dispatchEvent(select, 'keydown', {
                 keyCode: 38
               });
-              _context24.next = 14;
+              _context25.next = 14;
               return wait();
 
             case 14:
@@ -1086,7 +1104,7 @@ describe('Datepicker', function () {
               dispatchEvent(select, 'keydown', {
                 keyCode: 39
               });
-              _context24.next = 19;
+              _context25.next = 19;
               return wait();
 
             case 19:
@@ -1096,7 +1114,7 @@ describe('Datepicker', function () {
               dispatchEvent(select, 'keydown', {
                 keyCode: 37
               });
-              _context24.next = 24;
+              _context25.next = 24;
               return wait();
 
             case 24:
@@ -1106,23 +1124,23 @@ describe('Datepicker', function () {
               dispatchEvent(select, 'keydown', {
                 keyCode: 13
               });
-              _context24.next = 29;
+              _context25.next = 29;
               return wait();
 
             case 29:
-              expect(_mapInstanceProperty(_context23 = instance.get('date').split('-')).call(_context23, function (v) {
+              expect(_mapInstanceProperty(_context24 = instance.get('date').split('-')).call(_context24, function (v) {
                 return +v;
               })).to.eql([now.getFullYear(), now.getMonth() + 1, now.getDate()]); // again
 
               select.click();
-              _context24.next = 33;
+              _context25.next = 33;
               return wait();
 
             case 33:
               dispatchEvent(select, 'keydown', {
                 keyCode: 40
               });
-              _context24.next = 36;
+              _context25.next = 36;
               return wait();
 
             case 36:
@@ -1130,7 +1148,7 @@ describe('Datepicker', function () {
 
             case 37:
             case "end":
-              return _context24.stop();
+              return _context25.stop();
           }
         }
       }, _callee23);
@@ -1138,14 +1156,14 @@ describe('Datepicker', function () {
     it('range date', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee24() {
       var _mount22, instance, element, select, value, _value;
 
-      return _regeneratorRuntime.wrap(function _callee24$(_context25) {
+      return _regeneratorRuntime.wrap(function _callee24$(_context26) {
         while (1) {
-          switch (_context25.prev = _context25.next) {
+          switch (_context26.prev = _context26.next) {
             case 0:
               _mount22 = mount(RangeDemo), instance = _mount22[0], element = _mount22[1];
               select = element.querySelector('.k-datepicker');
               select.click();
-              _context25.next = 5;
+              _context26.next = 5;
               return wait();
 
             case 5:
@@ -1161,7 +1179,7 @@ describe('Datepicker', function () {
               dispatchEvent(select, 'keydown', {
                 keyCode: 13
               });
-              _context25.next = 11;
+              _context26.next = 11;
               return wait();
 
             case 11:
@@ -1169,7 +1187,7 @@ describe('Datepicker', function () {
               expect(value).have.lengthOf(2); // again
 
               select.click();
-              _context25.next = 16;
+              _context26.next = 16;
               return wait();
 
             case 16:
@@ -1182,7 +1200,7 @@ describe('Datepicker', function () {
               dispatchEvent(select, 'keydown', {
                 keyCode: 13
               });
-              _context25.next = 21;
+              _context26.next = 21;
               return wait();
 
             case 21:
@@ -1191,23 +1209,23 @@ describe('Datepicker', function () {
 
             case 23:
             case "end":
-              return _context25.stop();
+              return _context26.stop();
           }
         }
       }, _callee24);
     })));
   });
   describe('Event', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee26() {
-    return _regeneratorRuntime.wrap(function _callee26$(_context28) {
+    return _regeneratorRuntime.wrap(function _callee26$(_context29) {
       while (1) {
-        switch (_context28.prev = _context28.next) {
+        switch (_context29.prev = _context29.next) {
           case 0:
             it('selecting', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee25() {
               var fn, Demo, _mount23, instance, element, content, _content$querySelecto12, calendar1, calendar2, first, second;
 
-              return _regeneratorRuntime.wrap(function _callee25$(_context27) {
+              return _regeneratorRuntime.wrap(function _callee25$(_context28) {
                 while (1) {
-                  switch (_context27.prev = _context27.next) {
+                  switch (_context28.prev = _context28.next) {
                     case 0:
                       fn = sinon.spy(function (v) {
                         return console.log(v);
@@ -1217,7 +1235,7 @@ describe('Datepicker', function () {
                         _inheritsLoose(Demo, _Component);
 
                         function Demo() {
-                          var _context26;
+                          var _context27;
 
                           var _this;
 
@@ -1225,7 +1243,7 @@ describe('Datepicker', function () {
                             args[_key] = arguments[_key];
                           }
 
-                          _this = _Component.call.apply(_Component, _concatInstanceProperty(_context26 = [this]).call(_context26, args)) || this;
+                          _this = _Component.call.apply(_Component, _concatInstanceProperty(_context27 = [this]).call(_context27, args)) || this;
                           _this.Datepicker = Datepicker;
                           return _this;
                         }
@@ -1242,7 +1260,7 @@ describe('Datepicker', function () {
                       Demo.template = "\n                    const {Datepicker} = this;\n                    <Datepicker ev-selecting={this.onSelecting} range type=\"datetime\" />\n                ";
                       _mount23 = mount(Demo), instance = _mount23[0], element = _mount23[1];
                       element.click();
-                      _context27.next = 7;
+                      _context28.next = 7;
                       return wait();
 
                     case 7:
@@ -1256,7 +1274,7 @@ describe('Datepicker', function () {
                       second.click();
                       expect(fn.callCount).to.eql(2);
                       expect(fn.lastCall.args[0]).have.lengthOf(2);
-                      _context27.next = 19;
+                      _context28.next = 19;
                       return wait();
 
                     case 19:
@@ -1267,7 +1285,7 @@ describe('Datepicker', function () {
                       expect(fn.callCount).to.eql(4);
                       expect(fn.lastCall.args[0]).have.lengthOf(2);
                       content.querySelector('.k-datepicker-footer .k-btn').click();
-                      _context27.next = 28;
+                      _context28.next = 28;
                       return wait();
 
                     case 28:
@@ -1275,7 +1293,7 @@ describe('Datepicker', function () {
 
                     case 29:
                     case "end":
-                      return _context27.stop();
+                      return _context28.stop();
                   }
                 }
               }, _callee25);
@@ -1283,7 +1301,7 @@ describe('Datepicker', function () {
 
           case 1:
           case "end":
-            return _context28.stop();
+            return _context29.stop();
         }
       }
     }, _callee26);
@@ -1291,21 +1309,21 @@ describe('Datepicker', function () {
   it('should disable some time pickers', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee27() {
     var _mount24, instance, element, input, content;
 
-    return _regeneratorRuntime.wrap(function _callee27$(_context29) {
+    return _regeneratorRuntime.wrap(function _callee27$(_context30) {
       while (1) {
-        switch (_context29.prev = _context29.next) {
+        switch (_context30.prev = _context30.next) {
           case 0:
             _mount24 = mount(DatetimeDemo), instance = _mount24[0], element = _mount24[1];
             input = element.querySelectorAll('.k-input')[1];
             input.click();
-            _context29.next = 5;
+            _context30.next = 5;
             return wait();
 
           case 5:
             content = getElement('.k-datepicker-content'); // change to time panel
 
             content.querySelector('.k-calendar-item').click();
-            _context29.next = 9;
+            _context30.next = 9;
             return wait();
 
           case 9:
@@ -1315,7 +1333,7 @@ describe('Datepicker', function () {
 
           case 12:
           case "end":
-            return _context29.stop();
+            return _context30.stop();
         }
       }
     }, _callee27);
@@ -1323,51 +1341,51 @@ describe('Datepicker', function () {
   it('format', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee28() {
     var _mount25, instance, element, _element$querySelecto13, input1, input2, input3, content;
 
-    return _regeneratorRuntime.wrap(function _callee28$(_context30) {
+    return _regeneratorRuntime.wrap(function _callee28$(_context31) {
       while (1) {
-        switch (_context30.prev = _context30.next) {
+        switch (_context31.prev = _context31.next) {
           case 0:
             _mount25 = mount(FormatDemo), instance = _mount25[0], element = _mount25[1];
             _element$querySelecto13 = element.querySelectorAll('.k-input-inner'), input1 = _element$querySelecto13[0], input2 = _element$querySelecto13[1], input3 = _element$querySelecto13[2];
             input1.click();
-            _context30.next = 5;
+            _context31.next = 5;
             return wait();
 
           case 5:
             content = getElement('.k-datepicker-content');
             content.querySelector('.k-today').click();
-            _context30.next = 9;
+            _context31.next = 9;
             return wait();
 
           case 9:
             expect(instance.get('date1')).to.eql(dayjs().format('MM/DD/YYYY'));
             expect(input1.value).to.eql(dayjs().format('MM/DD/YYYY'));
             input2.click();
-            _context30.next = 14;
+            _context31.next = 14;
             return wait();
 
           case 14:
             content = getElement('.k-datepicker-content');
             content.querySelector('.k-today').click();
-            _context30.next = 18;
+            _context31.next = 18;
             return wait();
 
           case 18:
             expect(instance.get('date2')).to.eql(dayjs().format('YYYY-MM-DD'));
             expect(input2.value).to.eql(dayjs().format('YYYY年M月D日'));
             input3.click();
-            _context30.next = 23;
+            _context31.next = 23;
             return wait();
 
           case 23:
             content = getElement('.k-datepicker-content');
             content.querySelector('.k-today').click();
-            _context30.next = 27;
+            _context31.next = 27;
             return wait();
 
           case 27:
             content.querySelector('.k-btn').click();
-            _context30.next = 30;
+            _context31.next = 30;
             return wait();
 
           case 30:
@@ -1376,7 +1394,7 @@ describe('Datepicker', function () {
 
           case 32:
           case "end":
-            return _context30.stop();
+            return _context31.stop();
         }
       }
     }, _callee28);
@@ -1385,15 +1403,15 @@ describe('Datepicker', function () {
     it('date', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee29() {
       var _mount26, instance, element, now, content, dateDoms;
 
-      return _regeneratorRuntime.wrap(function _callee29$(_context31) {
+      return _regeneratorRuntime.wrap(function _callee29$(_context32) {
         while (1) {
-          switch (_context31.prev = _context31.next) {
+          switch (_context32.prev = _context32.next) {
             case 0:
               _mount26 = mount(MaxMinDemo), instance = _mount26[0], element = _mount26[1];
               now = dayjs().format('YYYY-MM-DD');
               instance.set('to', now);
               element.querySelector('.k-datepicker').click();
-              _context31.next = 6;
+              _context32.next = 6;
               return wait();
 
             case 6:
@@ -1404,7 +1422,7 @@ describe('Datepicker', function () {
 
             case 10:
             case "end":
-              return _context31.stop();
+              return _context32.stop();
           }
         }
       }, _callee29);
@@ -1412,21 +1430,21 @@ describe('Datepicker', function () {
     it('datetime', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee30() {
       var _mount27, instance, element, now, content;
 
-      return _regeneratorRuntime.wrap(function _callee30$(_context32) {
+      return _regeneratorRuntime.wrap(function _callee30$(_context33) {
         while (1) {
-          switch (_context32.prev = _context32.next) {
+          switch (_context33.prev = _context33.next) {
             case 0:
               _mount27 = mount(MaxMinDemo), instance = _mount27[0], element = _mount27[1];
               now = dayjs().format('YYYY-MM-DD') + '00:00:00';
               instance.set('toTime', now);
               element.querySelectorAll('.k-datepicker')[2].click();
-              _context32.next = 6;
+              _context33.next = 6;
               return wait();
 
             case 6:
               content = getElement('.k-datepicker-content');
               content.querySelector('.k-today').click();
-              _context32.next = 10;
+              _context33.next = 10;
               return wait();
 
             case 10:
@@ -1434,7 +1452,7 @@ describe('Datepicker', function () {
 
             case 11:
             case "end":
-              return _context32.stop();
+              return _context33.stop();
           }
         }
       }, _callee30);
@@ -1442,9 +1460,9 @@ describe('Datepicker', function () {
     it('should auto place scrollSeelct to the time that equal to the minDate after selecting the date in datetime picker', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee31() {
       var _mount28, instance, element, date, time, fromTime, endTimeTrigger, content;
 
-      return _regeneratorRuntime.wrap(function _callee31$(_context33) {
+      return _regeneratorRuntime.wrap(function _callee31$(_context34) {
         while (1) {
-          switch (_context33.prev = _context33.next) {
+          switch (_context34.prev = _context34.next) {
             case 0:
               _mount28 = mount(MaxMinDemo), instance = _mount28[0], element = _mount28[1];
               date = dayjs().format('YYYY-MM-DD');
@@ -1453,18 +1471,18 @@ describe('Datepicker', function () {
               instance.set('fromTime', fromTime);
               endTimeTrigger = element.querySelectorAll('.k-datepicker')[3];
               endTimeTrigger.click();
-              _context33.next = 9;
+              _context34.next = 9;
               return wait();
 
             case 9:
               content = getElement('.k-datepicker-content');
               content.querySelector('.k-today').click();
-              _context33.next = 13;
+              _context34.next = 13;
               return wait();
 
             case 13:
               content.querySelector('.k-btn').click();
-              _context33.next = 16;
+              _context34.next = 16;
               return wait();
 
             case 16:
@@ -1472,7 +1490,7 @@ describe('Datepicker', function () {
 
             case 17:
             case "end":
-              return _context33.stop();
+              return _context34.stop();
           }
         }
       }, _callee31);
@@ -1486,7 +1504,7 @@ describe('Datepicker', function () {
         _inheritsLoose(Demo, _Component2);
 
         function Demo() {
-          var _context34;
+          var _context35;
 
           var _this2;
 
@@ -1494,7 +1512,7 @@ describe('Datepicker', function () {
             args[_key2] = arguments[_key2];
           }
 
-          _this2 = _Component2.call.apply(_Component2, _concatInstanceProperty(_context34 = [this]).call(_context34, args)) || this;
+          _this2 = _Component2.call.apply(_Component2, _concatInstanceProperty(_context35 = [this]).call(_context35, args)) || this;
           _this2.Datepicker = Datepicker;
           return _this2;
         }
@@ -1512,13 +1530,13 @@ describe('Datepicker', function () {
       globalInput = input;
       return /*#__PURE__*/function () {
         var _ref32 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee32(value, result) {
-          return _regeneratorRuntime.wrap(function _callee32$(_context35) {
+          return _regeneratorRuntime.wrap(function _callee32$(_context36) {
             while (1) {
-              switch (_context35.prev = _context35.next) {
+              switch (_context36.prev = _context36.next) {
                 case 0:
                   input.value = value;
                   dispatchEvent(input, 'input');
-                  _context35.next = 4;
+                  _context36.next = 4;
                   return wait();
 
                 case 4:
@@ -1526,7 +1544,7 @@ describe('Datepicker', function () {
 
                 case 5:
                 case "end":
-                  return _context35.stop();
+                  return _context36.stop();
               }
             }
           }, _callee32);
@@ -1540,165 +1558,165 @@ describe('Datepicker', function () {
 
     it('basic', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee33() {
       var myTest;
-      return _regeneratorRuntime.wrap(function _callee33$(_context36) {
+      return _regeneratorRuntime.wrap(function _callee33$(_context37) {
         while (1) {
-          switch (_context36.prev = _context36.next) {
+          switch (_context37.prev = _context37.next) {
             case 0:
               myTest = test("<Datepicker v-model=\"value\" max=\"2021-11-11\" min=\"2020-01-01\" />"); // input incorrect value
 
-              _context36.next = 3;
+              _context37.next = 3;
               return myTest('2020', undefined);
 
             case 3:
-              _context36.next = 5;
+              _context37.next = 5;
               return myTest('2020-02-02', '2020-02-02');
 
             case 5:
-              _context36.next = 7;
+              _context37.next = 7;
               return myTest('', null);
 
             case 7:
-              _context36.next = 9;
+              _context37.next = 9;
               return myTest('1999-01-01', null);
 
             case 9:
             case "end":
-              return _context36.stop();
+              return _context37.stop();
           }
         }
       }, _callee33);
     })));
     it('multiple', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee34() {
       var myTest;
-      return _regeneratorRuntime.wrap(function _callee34$(_context37) {
+      return _regeneratorRuntime.wrap(function _callee34$(_context38) {
         while (1) {
-          switch (_context37.prev = _context37.next) {
+          switch (_context38.prev = _context38.next) {
             case 0:
               myTest = test("<Datepicker v-model=\"value\" multiple />"); // input incorrect value
 
-              _context37.next = 3;
+              _context38.next = 3;
               return myTest('2', undefined);
 
             case 3:
-              _context37.next = 5;
+              _context38.next = 5;
               return myTest('2020-02-02', ['2020-02-02']);
 
             case 5:
-              _context37.next = 7;
+              _context38.next = 7;
               return myTest('2', ['2020-02-02']);
 
             case 7:
-              _context37.next = 9;
+              _context38.next = 9;
               return myTest('2020-03-03', ['2020-02-02', '2020-03-03']);
 
             case 9:
             case "end":
-              return _context37.stop();
+              return _context38.stop();
           }
         }
       }, _callee34);
     })));
     it('range', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee35() {
       var myTest;
-      return _regeneratorRuntime.wrap(function _callee35$(_context38) {
+      return _regeneratorRuntime.wrap(function _callee35$(_context39) {
         while (1) {
-          switch (_context38.prev = _context38.next) {
+          switch (_context39.prev = _context39.next) {
             case 0:
               myTest = test("<Datepicker v-model=\"value\" range max=\"2021-11-11\" min=\"2020-01-01\" />");
-              _context38.next = 3;
+              _context39.next = 3;
               return myTest('2020-03-03', undefined);
 
             case 3:
-              _context38.next = 5;
+              _context39.next = 5;
               return myTest('2020-03-03~', undefined);
 
             case 5:
               // input correct value
               dispatchEvent(globalInput, 'click'); // show calendar
 
-              _context38.next = 8;
+              _context39.next = 8;
               return wait();
 
             case 8:
-              _context38.next = 10;
+              _context39.next = 10;
               return myTest('2020-03-03~2020-03-04', ['2020-03-03', '2020-03-04']);
 
             case 10:
               expect(getElement('.k-datepicker-content').querySelector('.k-datepicker-calendar-wrapper:nth-child(1)').innerHTML).to.matchSnapshot(); // clear value
 
-              _context38.next = 13;
+              _context39.next = 13;
               return myTest('', null);
 
             case 13:
-              _context38.next = 15;
+              _context39.next = 15;
               return myTest('1999-01-01~2020-03-04', null);
 
             case 15:
             case "end":
-              return _context38.stop();
+              return _context39.stop();
           }
         }
       }, _callee35);
     })));
     it('datetime', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee36() {
       var myTest;
-      return _regeneratorRuntime.wrap(function _callee36$(_context39) {
+      return _regeneratorRuntime.wrap(function _callee36$(_context40) {
         while (1) {
-          switch (_context39.prev = _context39.next) {
+          switch (_context40.prev = _context40.next) {
             case 0:
               myTest = test("<Datepicker v-model=\"value\" type=\"datetime\" />");
-              _context39.next = 3;
+              _context40.next = 3;
               return myTest('2020-03-03', undefined);
 
             case 3:
-              _context39.next = 5;
+              _context40.next = 5;
               return myTest('2020-03-03 02:02:02', '2020-03-03 02:02:02');
 
             case 5:
             case "end":
-              return _context39.stop();
+              return _context40.stop();
           }
         }
       }, _callee36);
     })));
     it('datetime range', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee37() {
       var myTest;
-      return _regeneratorRuntime.wrap(function _callee37$(_context40) {
+      return _regeneratorRuntime.wrap(function _callee37$(_context41) {
         while (1) {
-          switch (_context40.prev = _context40.next) {
+          switch (_context41.prev = _context41.next) {
             case 0:
               myTest = test('<Datepicker v-model="value" type="datetime" range />');
-              _context40.next = 3;
+              _context41.next = 3;
               return myTest('2020-08-11 00:00:00 ~ 2020-08-11 01:00:00', ['2020-08-11 00:00:00', '2020-08-11 01:00:00']);
 
             case 3:
-              _context40.next = 5;
+              _context41.next = 5;
               return myTest('2020-08-11 00:01:00 ~ 2020-08-11 01:00:00', ['2020-08-11 00:01:00', '2020-08-11 01:00:00']);
 
             case 5:
-              _context40.next = 7;
+              _context41.next = 7;
               return myTest('2020-08-11 00:01:00 ~ 2020-08-11 01:01:00', ['2020-08-11 00:01:00', '2020-08-11 01:01:00']);
 
             case 7:
             case "end":
-              return _context40.stop();
+              return _context41.stop();
           }
         }
       }, _callee37);
     })));
     it('date format', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee38() {
       var myTest;
-      return _regeneratorRuntime.wrap(function _callee38$(_context41) {
+      return _regeneratorRuntime.wrap(function _callee38$(_context42) {
         while (1) {
-          switch (_context41.prev = _context41.next) {
+          switch (_context42.prev = _context42.next) {
             case 0:
               myTest = test("<Datepicker v-model=\"value\" showFormat=\"YYYY\u5E74M\u6708D\u65E5\" />");
-              _context41.next = 3;
+              _context42.next = 3;
               return myTest('2020年2月19日', '2020-02-19');
 
             case 3:
             case "end":
-              return _context41.stop();
+              return _context42.stop();
           }
         }
       }, _callee38);