npm - evui - Versions diffs - 3.1.41 → 3.1.42 - Mend

evui 3.1.41 → 3.1.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/dist/evui.common.js +1287 -554
package/dist/evui.common.js.map +1 -1
package/dist/evui.umd.js +1287 -554
package/dist/evui.umd.js.map +1 -1
package/dist/evui.umd.min.js +1 -1
package/dist/evui.umd.min.js.map +1 -1
package/package.json +1 -1
package/src/components/calendar/Calendar.vue +194 -82
package/src/components/calendar/uses.js +457 -138
package/src/components/datePicker/DatePicker.vue +91 -29
package/src/components/datePicker/uses.js +231 -21
package/src/components/treeGrid/TreeGrid.vue +24 -2
package/src/components/treeGrid/TreeGridNode.vue +10 -1
package/src/components/treeGrid/treeGrid.toolbar.vue +4 -4

package/dist/evui.common.js CHANGED Viewed

@@ -87,6 +87,21 @@ module.exports =
 /************************************************************************/
 /******/ ({
+/***/ "009e":
+/***/ (function(module, exports, __webpack_require__) {
+// style-loader: Adds some css to the DOM by adding a <style> tag
+// load the styles
+var content = __webpack_require__("e6c4");
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("81deadbc", content, true, {"sourceMap":false,"shadowMode":false});
+/***/ }),
 /***/ "00ee":
 /***/ (function(module, exports, __webpack_require__) {
@@ -100,6 +115,17 @@ test[TO_STRING_TAG] = 'z';
 module.exports = String(test) === '[object z]';
+/***/ }),
+/***/ "016b":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGridNode_vue_vue_type_style_index_0_id_73f06bf6_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("009e");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGridNode_vue_vue_type_style_index_0_id_73f06bf6_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGridNode_vue_vue_type_style_index_0_id_73f06bf6_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
 /***/ }),
 /***/ "0366":
@@ -4189,20 +4215,6 @@ module.exports = function (url, options) {
   return url;
 };
-/***/ }),
-/***/ "1e0f":
-/***/ (function(module, exports, __webpack_require__) {
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".table[data-v-4eddcfbc]{position:relative;width:100%;height:100%;padding-top:33px}.table.non-header[data-v-4eddcfbc]{padding-top:0}.table .table-header[data-v-4eddcfbc]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .table .table-header[data-v-4eddcfbc]{border-top:2px solid;border-bottom:1px solid}.column-list[data-v-4eddcfbc]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-4eddcfbc],.column-list[data-v-4eddcfbc]{position:relative;height:100%}.column[data-v-4eddcfbc]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-4eddcfbc]{border-right:1px solid}.column[data-v-4eddcfbc]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-4eddcfbc]{cursor:default!important}.column .sort-icon[data-v-4eddcfbc]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-4eddcfbc]{font-size:13px;color:#005cc8}.column-name[data-v-4eddcfbc]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-4eddcfbc]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-4eddcfbc]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-4eddcfbc]{display:block;cursor:pointer}.column-filter-status[data-v-4eddcfbc]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-4eddcfbc]{font-size:10px;vertical-align:top}.column-resize[data-v-4eddcfbc]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-4eddcfbc]:hover{cursor:col-resize}.table-body[data-v-4eddcfbc]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-4eddcfbc]{clear:both;width:inherit;border-spacing:0;border-collapse:collapse}.table-body.stripe tr[data-v-4eddcfbc]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-4eddcfbc]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-4eddcfbc]{border-bottom:1px solid}.table-body .row[data-v-4eddcfbc]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-4eddcfbc]{border-bottom:1px solid}.table-body .row.selected[data-v-4eddcfbc]{background:rgba(219,240,249,.6)!important;color:inherit!important}.dark .table-body .row.selected[data-v-4eddcfbc]{background:!important;color:inherit!important}.table-body .row.highlight[data-v-4eddcfbc]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-4eddcfbc]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-4eddcfbc]{border-right:1px solid}.table-body .cell div[data-v-4eddcfbc]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-4eddcfbc]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-4eddcfbc]{overflow:initial}.table-body .cell.float[data-v-4eddcfbc],.table-body .cell.number[data-v-4eddcfbc]{text-align:right}.table-body .cell.string[data-v-4eddcfbc],.table-body .cell.stringnumber[data-v-4eddcfbc]{text-align:left}.table-body .cell.center[data-v-4eddcfbc]{text-align:center}.table-body .cell.left[data-v-4eddcfbc]{text-align:left}.table-body .cell.left .wrap[data-v-4eddcfbc]{justify-content:flex-start}.table-body .cell.right[data-v-4eddcfbc]{text-align:right}.table-body .cell.right .wrap[data-v-4eddcfbc]{justify-content:flex-end}.table-body .cell[data-v-4eddcfbc]:last-child{border-right:0}.table-body .cell.tree-td[data-v-4eddcfbc]{text-align:left!important}.table-resize-line[data-v-4eddcfbc]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-4eddcfbc]{border-right:1px solid}.vscroll-spacer[data-v-4eddcfbc]{opacity:0;clear:both}[v-cloak][data-v-4eddcfbc]{display:none}.ev-checkbox[data-v-4eddcfbc]{margin:0}.non-border[data-v-4eddcfbc]{border:none!important}.is-empty[data-v-4eddcfbc]{height:30px;text-align:center}", ""]);
-// Exports
-module.exports = exports;
 /***/ }),
 /***/ "2266":
@@ -4613,6 +4625,20 @@ exports.push([module.i, ".ev-toggle{display:inline-block;position:relative;width
 module.exports = exports;
+/***/ }),
+/***/ "2ce0":
+/***/ (function(module, exports, __webpack_require__) {
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".ev-date-picker{display:block;position:relative;width:100%;min-height:35px}.ev-date-picker .ev-input,.ev-date-picker .ev-textarea{width:100%;outline:0;background-color:transparent;border-radius:4px;transition:border .3s ease-in-out;border:1px solid #b2b2b2;color:#0d0d0d}.dark .ev-date-picker .ev-input,.dark .ev-date-picker .ev-textarea{border:1px solid #666;color:#fff}.ev-date-picker .ev-input:focus,.ev-date-picker .ev-input:hover,.ev-date-picker .ev-textarea:focus,.ev-date-picker .ev-textarea:hover{border:1px solid #1a6afe}.dark .ev-date-picker .ev-input:focus,.dark .ev-date-picker .ev-input:hover,.dark .ev-date-picker .ev-textarea:focus,.dark .ev-date-picker .ev-textarea:hover{border:1px solid #007aff}.ev-date-picker .ev-input{height:35px;padding:0 15px}.ev-date-picker .ev-textarea{height:100px;padding:5px;resize:none}.ev-date-picker.readonly .ev-input,.ev-date-picker.readonly .ev-select,.ev-date-picker.readonly .ev-textarea{background-color:hsla(0,0%,69.8%,.1)}.dark .ev-date-picker.readonly .ev-input,.dark .ev-date-picker.readonly .ev-select,.dark .ev-date-picker.readonly .ev-textarea{background-color:hsla(0,0%,40%,.3)}.ev-date-picker.readonly .ev-input:focus,.ev-date-picker.readonly .ev-input:hover,.ev-date-picker.readonly .ev-select:focus,.ev-date-picker.readonly .ev-select:hover,.ev-date-picker.readonly .ev-textarea:focus,.ev-date-picker.readonly .ev-textarea:hover{border:1px solid hsla(0,0%,69.8%,.5)}.dark .ev-date-picker.readonly .ev-input:focus,.dark .ev-date-picker.readonly .ev-input:hover,.dark .ev-date-picker.readonly .ev-select:focus,.dark .ev-date-picker.readonly .ev-select:hover,.dark .ev-date-picker.readonly .ev-textarea:focus,.dark .ev-date-picker.readonly .ev-textarea:hover{border:1px solid hsla(0,0%,40%,.5)}.ev-date-picker.readonly.ev-input-number:hover .ev-input,.ev-date-picker.readonly.ev-input-number:hover .ev-textarea,.ev-date-picker.readonly.ev-select:hover .ev-input,.ev-date-picker.readonly.ev-select:hover .ev-textarea,.ev-date-picker.readonly.ev-text-field:hover .ev-input,.ev-date-picker.readonly.ev-text-field:hover .ev-textarea{border:1px solid hsla(0,0%,69.8%,.5)}.dark .ev-date-picker.readonly.ev-input-number:hover .ev-input,.dark .ev-date-picker.readonly.ev-input-number:hover .ev-textarea,.dark .ev-date-picker.readonly.ev-select:hover .ev-input,.dark .ev-date-picker.readonly.ev-select:hover .ev-textarea,.dark .ev-date-picker.readonly.ev-text-field:hover .ev-input,.dark .ev-date-picker.readonly.ev-text-field:hover .ev-textarea{border:1px solid hsla(0,0%,40%,.5)}.ev-date-picker.disabled.ev-input-number,.ev-date-picker.disabled.ev-input-number *,.ev-date-picker.disabled.ev-select,.ev-date-picker.disabled.ev-select *,.ev-date-picker.disabled.ev-text-field,.ev-date-picker.disabled.ev-text-field *{cursor:not-allowed!important}.ev-date-picker.disabled.ev-input-number:hover .ev-input,.ev-date-picker.disabled.ev-input-number:hover .ev-textarea,.ev-date-picker.disabled.ev-select:hover .ev-input,.ev-date-picker.disabled.ev-select:hover .ev-textarea,.ev-date-picker.disabled.ev-text-field:hover .ev-input,.ev-date-picker.disabled.ev-text-field:hover .ev-textarea{border:1px solid #ff3b30}.dark .ev-date-picker.disabled.ev-input-number:hover .ev-input,.dark .ev-date-picker.disabled.ev-input-number:hover .ev-textarea,.dark .ev-date-picker.disabled.ev-select:hover .ev-input,.dark .ev-date-picker.disabled.ev-select:hover .ev-textarea,.dark .ev-date-picker.disabled.ev-text-field:hover .ev-input,.dark .ev-date-picker.disabled.ev-text-field:hover .ev-textarea{border:1px solid #ff453a}.ev-date-picker.disabled .ev-input,.ev-date-picker.disabled .ev-textarea{border:1px solid #b2b2b2;background-color:hsla(0,0%,69.8%,.1);color:#b2b2b2}.dark .ev-date-picker.disabled .ev-input,.dark .ev-date-picker.disabled .ev-textarea{border:1px solid #555;background-color:hsla(0,0%,40%,.3);color:#555}.ev-date-picker.disabled .ev-input:focus,.ev-date-picker.disabled .ev-input:hover,.ev-date-picker.disabled .ev-textarea:focus,.ev-date-picker.disabled .ev-textarea:hover{border:1px solid #ff3b30}.dark .ev-date-picker.disabled .ev-input:focus,.dark .ev-date-picker.disabled .ev-input:hover,.dark .ev-date-picker.disabled .ev-textarea:focus,.dark .ev-date-picker.disabled .ev-textarea:hover{border:1px solid #ff453a}.ev-date-picker.error .ev-input,.ev-date-picker.error .ev-textarea{border:1px solid #ff3b30}.dark .ev-date-picker.error .ev-input,.dark .ev-date-picker.error .ev-textarea{border:1px solid #ff453a}.ev-date-picker.error .ev-input:focus,.ev-date-picker.error .ev-input:hover,.ev-date-picker.error .ev-textarea:focus,.ev-date-picker.error .ev-textarea:hover{border:1px solid rgba(255,59,48,.5)}.dark .ev-date-picker.error .ev-input:focus,.dark .ev-date-picker.error .ev-input:hover,.dark .ev-date-picker.error .ev-textarea:focus,.dark .ev-date-picker.error .ev-textarea:hover{border:1px solid rgba(255,69,58,.5)}.ev-date-picker.error.ev-input-number:hover .ev-input,.ev-date-picker.error.ev-input-number:hover .ev-textarea,.ev-date-picker.error.ev-text-field:hover .ev-input,.ev-date-picker.error.ev-text-field:hover .ev-textarea{border:1px solid rgba(255,59,48,.5)}.dark .ev-date-picker.error.ev-input-number:hover .ev-input,.dark .ev-date-picker.error.ev-input-number:hover .ev-textarea,.dark .ev-date-picker.error.ev-text-field:hover .ev-input,.dark .ev-date-picker.error.ev-text-field:hover .ev-textarea{border:1px solid rgba(255,69,58,.5)}.ev-date-picker .ev-input{position:absolute;left:0;height:100%;padding:0 15px 0 30px}.ev-date-picker .ev-input.readonly{cursor:pointer}.ev-date-picker.disabled .ev-input{cursor:not-allowed}.ev-date-picker .ev-input-suffix{display:flex;position:absolute;top:0;right:5px;height:100%;align-items:center;cursor:pointer}.ev-date-picker .ev-input-suffix:hover{color:#409eff}.ev-date-picker .ev-date-picker-tag-wrapper{display:flex;width:100%;height:100%;min-height:35px;padding:3px 30px 3px 30px;flex-wrap:wrap;align-items:center}.ev-date-picker-prefix-icon{display:flex;position:absolute;top:0;left:8px;height:100%;align-items:center;color:#c2c5cd}.ev-date-picker-dropdown{position:absolute;top:0;left:0;background-color:#fff;border:1px solid #e4e7ed;color:#606266;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:4px;box-sizing:content-box;z-index:100}.ev-select-tag{display:flex;position:relative;height:24px;padding:0 19px 0 8px;margin:2px 0 2px 6px;background-color:#f4f4f5;align-items:center;border:1px solid #e9e9eb;border-radius:4px;color:#909399;font-size:12px;cursor:auto}.ev-select-tag.num{padding-right:8px}.ev-select-tag .ev-tag-suffix{display:flex;position:absolute;top:0;right:3px;height:100%;align-items:center;color:#0d0d0d;cursor:pointer}.ev-select-tag .ev-tag-suffix:hover{color:#409eff}.ev-date-picker-dropbox-wrapper{height:0;z-index:100}.ev-date-picker-dropbox__button-layout{margin:5px}.ev-date-picker-dropbox__divider{width:100%;height:2px;margin:8px 0;background-color:#e5e5e5}.ev-date-picker-dropbox__calendar{height:100%;margin:5px}", ""]);
+// Exports
+module.exports = exports;
 /***/ }),
 /***/ "2cf4":
@@ -4871,17 +4897,6 @@ module.exports = function (it) {
 /* unused harmony reexport * */
-/***/ }),
-/***/ "3740":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_treeGrid_toolbar_vue_vue_type_style_index_0_id_3ad2a4b3_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e6a7");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_treeGrid_toolbar_vue_vue_type_style_index_0_id_3ad2a4b3_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_treeGrid_toolbar_vue_vue_type_style_index_0_id_3ad2a4b3_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
 /***/ }),
 /***/ "3785":
@@ -4931,6 +4946,21 @@ module.exports = DESCRIPTORS ? Object.defineProperties : function defineProperti
 /* unused harmony reexport * */
+/***/ }),
+/***/ "38b3":
+/***/ (function(module, exports, __webpack_require__) {
+// style-loader: Adds some css to the DOM by adding a <style> tag
+// load the styles
+var content = __webpack_require__("ee4e");
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("290f76c2", content, true, {"sourceMap":false,"shadowMode":false});
 /***/ }),
 /***/ "3965":
@@ -4942,6 +4972,17 @@ module.exports = DESCRIPTORS ? Object.defineProperties : function defineProperti
 /* unused harmony reexport * */
+/***/ }),
+/***/ "39f6":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGrid_vue_vue_type_style_index_0_id_65af2d7c_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("9523");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGrid_vue_vue_type_style_index_0_id_65af2d7c_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGrid_vue_vue_type_style_index_0_id_65af2d7c_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
 /***/ }),
 /***/ "3bbe":
@@ -6012,18 +6053,14 @@ fixRegExpWellKnownSymbolLogic('replace', 2, function (REPLACE, nativeReplace, ma
 /***/ }),
-/***/ "53ab":
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "53ef":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
-// style-loader: Adds some css to the DOM by adding a <style> tag
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Calendar_vue_vue_type_style_index_0_id_5852b296_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7eb4");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Calendar_vue_vue_type_style_index_0_id_5852b296_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Calendar_vue_vue_type_style_index_0_id_5852b296_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
-// load the styles
-var content = __webpack_require__("8bfe");
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("6b12fe25", content, true, {"sourceMap":false,"shadowMode":false});
 /***/ }),
@@ -7117,20 +7154,6 @@ module.exports = [
 ];
-/***/ }),
-/***/ "7a88":
-/***/ (function(module, exports, __webpack_require__) {
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".treeGridToolbar{margin-bottom:10px;overflow:hidden}.treeGridToolbar>.search{float:right;margin-right:0}.treeGridToolbar>.ev-button{margin:0 2px 0 2px}", ""]);
-// Exports
-module.exports = exports;
 /***/ }),
 /***/ "7b0b":
@@ -7427,6 +7450,21 @@ module.exports = function (Iterable, NAME, IteratorConstructor, next, DEFAULT, I
 /* unused harmony reexport * */
+/***/ }),
+/***/ "7eb4":
+/***/ (function(module, exports, __webpack_require__) {
+// style-loader: Adds some css to the DOM by adding a <style> tag
+// load the styles
+var content = __webpack_require__("c7c9");
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("2efdb5e2", content, true, {"sourceMap":false,"shadowMode":false});
 /***/ }),
 /***/ "7f9a":
@@ -7532,17 +7570,6 @@ module.exports = function (object, key, value) {
 /* unused harmony reexport * */
-/***/ }),
-/***/ "84c6":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGridNode_vue_vue_type_style_index_0_id_037d34f4_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("53ab");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGridNode_vue_vue_type_style_index_0_id_037d34f4_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGridNode_vue_vue_type_style_index_0_id_037d34f4_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
 /***/ }),
 /***/ "861d":
@@ -7638,20 +7665,6 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 }));
-/***/ }),
-/***/ "88e8":
-/***/ (function(module, exports, __webpack_require__) {
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".ev-calendar-wrapper{display:inline-flex;height:100%;box-sizing:border-box;flex-direction:row}.ev-calendar-date-area:not(:first-child){border-left:1px solid}.ev-calendar-header{display:flex;height:40px;padding:10px}.ev-calendar-header div{width:20px;flex:1;text-align:center}.ev-calendar-header .move-month-arrow{width:20px;height:20px;line-height:20px;color:#606266;text-align:center;cursor:pointer}.ev-calendar-header .move-month-arrow:hover{color:#3c81f6}.ev-calendar-header .move-month-arrow.disabled{color:#c0c4cc}.ev-calendar-header span{flex:2;text-align:center}.ev-calendar-body{padding:10px;flex:1}.ev-calendar-table{width:280px;table-layout:fixed;font-size:12px;border-collapse:collapse;border-spacing:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ev-calendar-table th{height:30px;color:#606266;font-weight:400;border-bottom:1px solid #ebeef5}.ev-calendar-table td{height:40px;color:#606266}.ev-calendar-date-td{color:#606266}.ev-calendar-date-td div{height:30px;line-height:30px;padding:3px 0;margin:5px auto}.ev-calendar-date-td.next,.ev-calendar-date-td.prev{color:#c0c4cc}.ev-calendar-date-td.today{font-weight:700;color:#409eff}.ev-calendar-date-td span{display:block;width:24px;height:24px;line-height:24px;margin:auto;border-radius:50%;text-align:center}.ev-calendar-date-td.selected span{color:#fff;background-color:#409eff}.ev-calendar-date-td.selected.start-date>div{width:35px;margin:5px 0 5px auto;padding-right:5px;border-top-left-radius:30px;border-bottom-left-radius:30px}.ev-calendar-date-td.selected.end-date>div{width:35px;margin:5px auto 5px 0;padding-left:5px;border-top-right-radius:30px;border-bottom-right-radius:30px}.ev-calendar-date-td.selected.start-end-date>div{width:30px;margin:5px auto;border-radius:30px}.ev-calendar-date-td:hover{color:#409eff;cursor:pointer}.ev-calendar-date-td.disabled{background-color:#eef0f3;opacity:1;color:#c0c4cc}.ev-calendar-date-td.disabled:hover{cursor:not-allowed}.ev-calendar-date-td.disabled.selected:hover{cursor:pointer!important}.ev-calendar-date-td.in-range:not(.next):not(.prev) div{background-color:#f2f6fc}.ev-calendar-time-area{display:flex;width:300px;flex-direction:row;font-size:12px;border-left:1px solid #ebeef5;color:#606266;box-sizing:content-box}.ev-calendar-time-110{height:110px;line-height:110px}.ev-calendar-time-55{height:55px;line-height:55px}.ev-calendar-time-55:hover,.ev-calendar-time-td:hover{color:#409eff;cursor:pointer}.ev-calendar-time-td.selected{display:flex;height:100%;justify-content:center;align-items:center}.ev-calendar-time-td.selected div{width:24px;height:24px;line-height:24px;border-radius:50%;color:#fff;background-color:#409eff;text-align:center}.ev-calendar-time-side{width:50px;text-align:center;background-color:#e5e5e5}.ev-calendar-time-side div:not(:last-child){border-bottom:1px solid #ebeef5}.ev-calendar-time-center{width:200px;height:100%;text-align:center}.ev-calendar-time-center table:not(:last-child){border-bottom:1px solid #ebeef5}.ev-calendar-time-table{width:200px;height:110px;table-layout:fixed;border-collapse:collapse;border-spacing:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ev-calendar-time-table tr{height:55px}", ""]);
-// Exports
-module.exports = exports;
 /***/ }),
 /***/ "8925":
@@ -7709,23 +7722,6 @@ $({ target: 'Number', stat: true }, {
 module.exports = require("vue");
-/***/ }),
-/***/ "8bfe":
-/***/ (function(module, exports, __webpack_require__) {
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-var ___CSS_LOADER_GET_URL_IMPORT___ = __webpack_require__("1de5");
-var ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__("fe56");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
-// Module
-exports.push([module.i, ".table[data-v-037d34f4]{position:relative;width:100%;height:100%;padding-top:33px}.table.non-header[data-v-037d34f4]{padding-top:0}.table .table-header[data-v-037d34f4]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .table .table-header[data-v-037d34f4]{border-top:2px solid;border-bottom:1px solid}.column-list[data-v-037d34f4]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-037d34f4],.column-list[data-v-037d34f4]{position:relative;height:100%}.column[data-v-037d34f4]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-037d34f4]{border-right:1px solid}.column[data-v-037d34f4]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-037d34f4]{cursor:default!important}.column .sort-icon[data-v-037d34f4]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-037d34f4]{font-size:13px;color:#005cc8}.column-name[data-v-037d34f4]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-037d34f4]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-037d34f4]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-037d34f4]{display:block;cursor:pointer}.column-filter-status[data-v-037d34f4]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-037d34f4]{font-size:10px;vertical-align:top}.column-resize[data-v-037d34f4]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-037d34f4]:hover{cursor:col-resize}.table-body[data-v-037d34f4]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-037d34f4]{clear:both;width:inherit;border-spacing:0;border-collapse:collapse}.table-body.stripe tr[data-v-037d34f4]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-037d34f4]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-037d34f4]{border-bottom:1px solid}.table-body .row[data-v-037d34f4]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-037d34f4]{border-bottom:1px solid}.table-body .row.selected[data-v-037d34f4]{background:rgba(219,240,249,.6)!important;color:inherit!important}.dark .table-body .row.selected[data-v-037d34f4]{background:!important;color:inherit!important}.table-body .row.highlight[data-v-037d34f4]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-037d34f4]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-037d34f4]{border-right:1px solid}.table-body .cell div[data-v-037d34f4]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-037d34f4]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-037d34f4]{overflow:initial}.table-body .cell.float[data-v-037d34f4],.table-body .cell.number[data-v-037d34f4]{text-align:right}.table-body .cell.string[data-v-037d34f4],.table-body .cell.stringnumber[data-v-037d34f4]{text-align:left}.table-body .cell.center[data-v-037d34f4]{text-align:center}.table-body .cell.left[data-v-037d34f4]{text-align:left}.table-body .cell.left .wrap[data-v-037d34f4]{justify-content:flex-start}.table-body .cell.right[data-v-037d34f4]{text-align:right}.table-body .cell.right .wrap[data-v-037d34f4]{justify-content:flex-end}.table-body .cell[data-v-037d34f4]:last-child{border-right:0}.table-body .cell.tree-td[data-v-037d34f4]{text-align:left!important}.table-resize-line[data-v-037d34f4]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-037d34f4]{border-right:1px solid}.vscroll-spacer[data-v-037d34f4]{opacity:0;clear:both}[v-cloak][data-v-037d34f4]{display:none}.ev-checkbox[data-v-037d34f4]{margin:0}.non-border[data-v-037d34f4]{border:none!important}.is-empty[data-v-037d34f4]{height:30px;text-align:center}.ev-tree-toggle[data-v-037d34f4]{display:inline-block;width:13px;margin-right:4px;text-align:center;vertical-align:middle}.ev-tree-toggle .tree-expand-icon[data-v-037d34f4]{border:none;background:transparent;outline:none;cursor:pointer}.ev-tree-toggle .tree-expand-icon i[data-v-037d34f4]{display:inline-block;top:-3px;width:11px;height:10px;background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat -43px -61px}.ev-tree-toggle.expand>.tree-expand-icon i[data-v-037d34f4]{height:8px;background-position:-15px -63px}.ev-tree-toggle .tree-child-icon i[data-v-037d34f4],.ev-tree-toggle .tree-parent-icon i[data-v-037d34f4]{display:inline-block;top:-3px;width:14px;height:14px}.ev-tree-toggle .tree-parent-icon i[data-v-037d34f4]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat -39px -35px}.ev-tree-toggle.expand>.tree-parent-icon i[data-v-037d34f4]{background-position:-65px -35px}.ev-tree-toggle .tree-child-icon i[data-v-037d34f4]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat -14px -35px}", ""]);
-// Exports
-module.exports = exports;
 /***/ }),
 /***/ "8c39":
@@ -7814,7 +7810,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
-module.exports = JSON.parse("{\"a\":\"3.1.41\"}");
+module.exports = JSON.parse("{\"a\":\"3.1.42\"}");
 /***/ }),
@@ -7939,6 +7935,21 @@ var POLYFILL = isForced.POLYFILL = 'P';
 module.exports = isForced;
+/***/ }),
+/***/ "9523":
+/***/ (function(module, exports, __webpack_require__) {
+// style-loader: Adds some css to the DOM by adding a <style> tag
+// load the styles
+var content = __webpack_require__("98fa");
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("0560ddc4", content, true, {"sourceMap":false,"shadowMode":false});
 /***/ }),
 /***/ "95b6":
@@ -8737,6 +8748,20 @@ if(content.locals) module.exports = content.locals;
 var add = __webpack_require__("499e").default
 var update = add("6e9caba0", content, true, {"sourceMap":false,"shadowMode":false});
+/***/ }),
+/***/ "98fa":
+/***/ (function(module, exports, __webpack_require__) {
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".table[data-v-65af2d7c]{position:relative;width:100%;height:100%;padding-top:33px}.table.non-header[data-v-65af2d7c]{padding-top:0}.table .table-header[data-v-65af2d7c]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .table .table-header[data-v-65af2d7c]{border-top:2px solid;border-bottom:1px solid}.column-list[data-v-65af2d7c]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-65af2d7c],.column-list[data-v-65af2d7c]{position:relative;height:100%}.column[data-v-65af2d7c]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-65af2d7c]{border-right:1px solid}.column[data-v-65af2d7c]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-65af2d7c]{cursor:default!important}.column .sort-icon[data-v-65af2d7c]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-65af2d7c]{font-size:13px;color:#005cc8}.column-name[data-v-65af2d7c]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-65af2d7c]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-65af2d7c]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-65af2d7c]{display:block;cursor:pointer}.column-filter-status[data-v-65af2d7c]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-65af2d7c]{font-size:10px;vertical-align:top}.column-resize[data-v-65af2d7c]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-65af2d7c]:hover{cursor:col-resize}.table-body[data-v-65af2d7c]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-65af2d7c]{clear:both;width:inherit;border-spacing:0;border-collapse:collapse}.table-body.stripe tr[data-v-65af2d7c]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-65af2d7c]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-65af2d7c]{border-bottom:1px solid}.table-body .row[data-v-65af2d7c]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-65af2d7c]{border-bottom:1px solid}.table-body .row.selected[data-v-65af2d7c]{background:rgba(219,240,249,.6)!important;color:inherit!important}.dark .table-body .row.selected[data-v-65af2d7c]{background:!important;color:inherit!important}.table-body .row.highlight[data-v-65af2d7c]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-65af2d7c]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-65af2d7c]{border-right:1px solid}.table-body .cell div[data-v-65af2d7c]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-65af2d7c]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-65af2d7c]{overflow:initial}.table-body .cell.float[data-v-65af2d7c],.table-body .cell.number[data-v-65af2d7c]{text-align:right}.table-body .cell.string[data-v-65af2d7c],.table-body .cell.stringnumber[data-v-65af2d7c]{text-align:left}.table-body .cell.center[data-v-65af2d7c]{text-align:center}.table-body .cell.left[data-v-65af2d7c]{text-align:left}.table-body .cell.left .wrap[data-v-65af2d7c]{justify-content:flex-start}.table-body .cell.right[data-v-65af2d7c]{text-align:right}.table-body .cell.right .wrap[data-v-65af2d7c]{justify-content:flex-end}.table-body .cell[data-v-65af2d7c]:last-child{border-right:0}.table-body .cell.tree-td[data-v-65af2d7c]{text-align:left!important}.table-resize-line[data-v-65af2d7c]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-65af2d7c]{border-right:1px solid}.vscroll-spacer[data-v-65af2d7c]{opacity:0;clear:both}[v-cloak][data-v-65af2d7c]{display:none}.ev-checkbox[data-v-65af2d7c]{margin:0}.non-border[data-v-65af2d7c]{border:none!important}.is-empty[data-v-65af2d7c]{height:30px;text-align:center}", ""]);
+// Exports
+module.exports = exports;
 /***/ }),
 /***/ "99af":
@@ -8877,6 +8902,21 @@ exports.f = DESCRIPTORS ? nativeDefineProperty : function defineProperty(O, P, A
 };
+/***/ }),
+/***/ "9dc9":
+/***/ (function(module, exports, __webpack_require__) {
+// style-loader: Adds some css to the DOM by adding a <style> tag
+// load the styles
+var content = __webpack_require__("2ce0");
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("2bc98fbe", content, true, {"sourceMap":false,"shadowMode":false});
 /***/ }),
 /***/ "9e42":
@@ -8915,17 +8955,6 @@ module.exports = function (IteratorConstructor, NAME, next) {
 };
-/***/ }),
-/***/ "9f6d":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Calendar_vue_vue_type_style_index_0_id_4d16ba3f_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b1b3");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Calendar_vue_vue_type_style_index_0_id_4d16ba3f_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Calendar_vue_vue_type_style_index_0_id_4d16ba3f_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
 /***/ }),
 /***/ "9f7f":
@@ -9475,6 +9504,17 @@ module.exports = function (argument) {
 };
+/***/ }),
+/***/ "a854":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_treeGrid_toolbar_vue_vue_type_style_index_0_id_b55880ba_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("38b3");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_treeGrid_toolbar_vue_vue_type_style_index_0_id_b55880ba_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_treeGrid_toolbar_vue_vue_type_style_index_0_id_b55880ba_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
 /***/ }),
 /***/ "a884":
@@ -9727,21 +9767,6 @@ var update = add("08a8c69e", content, true, {"sourceMap":false,"shadowMode":fals
 /***/ }),
-/***/ "af45":
-/***/ (function(module, exports, __webpack_require__) {
-// style-loader: Adds some css to the DOM by adding a <style> tag
-// load the styles
-var content = __webpack_require__("b4e2");
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("0189d16a", content, true, {"sourceMap":false,"shadowMode":false});
-/***/ }),
 /***/ "b041":
 /***/ (function(module, exports, __webpack_require__) {
@@ -9786,35 +9811,6 @@ if (DESCRIPTORS && !(NAME in FunctionPrototype)) {
 }
-/***/ }),
-/***/ "b1b3":
-/***/ (function(module, exports, __webpack_require__) {
-// style-loader: Adds some css to the DOM by adding a <style> tag
-// load the styles
-var content = __webpack_require__("88e8");
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("d799af30", content, true, {"sourceMap":false,"shadowMode":false});
-/***/ }),
-/***/ "b4e2":
-/***/ (function(module, exports, __webpack_require__) {
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".ev-date-picker{display:block;position:relative;width:100%;min-height:35px}.ev-date-picker .ev-input,.ev-date-picker .ev-textarea{width:100%;outline:0;background-color:transparent;border-radius:4px;transition:border .3s ease-in-out;border:1px solid #b2b2b2;color:#0d0d0d}.dark .ev-date-picker .ev-input,.dark .ev-date-picker .ev-textarea{border:1px solid #666;color:#fff}.ev-date-picker .ev-input:focus,.ev-date-picker .ev-input:hover,.ev-date-picker .ev-textarea:focus,.ev-date-picker .ev-textarea:hover{border:1px solid #1a6afe}.dark .ev-date-picker .ev-input:focus,.dark .ev-date-picker .ev-input:hover,.dark .ev-date-picker .ev-textarea:focus,.dark .ev-date-picker .ev-textarea:hover{border:1px solid #007aff}.ev-date-picker .ev-input{height:35px;padding:0 15px}.ev-date-picker .ev-textarea{height:100px;padding:5px;resize:none}.ev-date-picker.readonly .ev-input,.ev-date-picker.readonly .ev-select,.ev-date-picker.readonly .ev-textarea{background-color:hsla(0,0%,69.8%,.1)}.dark .ev-date-picker.readonly .ev-input,.dark .ev-date-picker.readonly .ev-select,.dark .ev-date-picker.readonly .ev-textarea{background-color:hsla(0,0%,40%,.3)}.ev-date-picker.readonly .ev-input:focus,.ev-date-picker.readonly .ev-input:hover,.ev-date-picker.readonly .ev-select:focus,.ev-date-picker.readonly .ev-select:hover,.ev-date-picker.readonly .ev-textarea:focus,.ev-date-picker.readonly .ev-textarea:hover{border:1px solid hsla(0,0%,69.8%,.5)}.dark .ev-date-picker.readonly .ev-input:focus,.dark .ev-date-picker.readonly .ev-input:hover,.dark .ev-date-picker.readonly .ev-select:focus,.dark .ev-date-picker.readonly .ev-select:hover,.dark .ev-date-picker.readonly .ev-textarea:focus,.dark .ev-date-picker.readonly .ev-textarea:hover{border:1px solid hsla(0,0%,40%,.5)}.ev-date-picker.readonly.ev-input-number:hover .ev-input,.ev-date-picker.readonly.ev-input-number:hover .ev-textarea,.ev-date-picker.readonly.ev-select:hover .ev-input,.ev-date-picker.readonly.ev-select:hover .ev-textarea,.ev-date-picker.readonly.ev-text-field:hover .ev-input,.ev-date-picker.readonly.ev-text-field:hover .ev-textarea{border:1px solid hsla(0,0%,69.8%,.5)}.dark .ev-date-picker.readonly.ev-input-number:hover .ev-input,.dark .ev-date-picker.readonly.ev-input-number:hover .ev-textarea,.dark .ev-date-picker.readonly.ev-select:hover .ev-input,.dark .ev-date-picker.readonly.ev-select:hover .ev-textarea,.dark .ev-date-picker.readonly.ev-text-field:hover .ev-input,.dark .ev-date-picker.readonly.ev-text-field:hover .ev-textarea{border:1px solid hsla(0,0%,40%,.5)}.ev-date-picker.disabled.ev-input-number,.ev-date-picker.disabled.ev-input-number *,.ev-date-picker.disabled.ev-select,.ev-date-picker.disabled.ev-select *,.ev-date-picker.disabled.ev-text-field,.ev-date-picker.disabled.ev-text-field *{cursor:not-allowed!important}.ev-date-picker.disabled.ev-input-number:hover .ev-input,.ev-date-picker.disabled.ev-input-number:hover .ev-textarea,.ev-date-picker.disabled.ev-select:hover .ev-input,.ev-date-picker.disabled.ev-select:hover .ev-textarea,.ev-date-picker.disabled.ev-text-field:hover .ev-input,.ev-date-picker.disabled.ev-text-field:hover .ev-textarea{border:1px solid #ff3b30}.dark .ev-date-picker.disabled.ev-input-number:hover .ev-input,.dark .ev-date-picker.disabled.ev-input-number:hover .ev-textarea,.dark .ev-date-picker.disabled.ev-select:hover .ev-input,.dark .ev-date-picker.disabled.ev-select:hover .ev-textarea,.dark .ev-date-picker.disabled.ev-text-field:hover .ev-input,.dark .ev-date-picker.disabled.ev-text-field:hover .ev-textarea{border:1px solid #ff453a}.ev-date-picker.disabled .ev-input,.ev-date-picker.disabled .ev-textarea{border:1px solid #b2b2b2;background-color:hsla(0,0%,69.8%,.1);color:#b2b2b2}.dark .ev-date-picker.disabled .ev-input,.dark .ev-date-picker.disabled .ev-textarea{border:1px solid #555;background-color:hsla(0,0%,40%,.3);color:#555}.ev-date-picker.disabled .ev-input:focus,.ev-date-picker.disabled .ev-input:hover,.ev-date-picker.disabled .ev-textarea:focus,.ev-date-picker.disabled .ev-textarea:hover{border:1px solid #ff3b30}.dark .ev-date-picker.disabled .ev-input:focus,.dark .ev-date-picker.disabled .ev-input:hover,.dark .ev-date-picker.disabled .ev-textarea:focus,.dark .ev-date-picker.disabled .ev-textarea:hover{border:1px solid #ff453a}.ev-date-picker.error .ev-input,.ev-date-picker.error .ev-textarea{border:1px solid #ff3b30}.dark .ev-date-picker.error .ev-input,.dark .ev-date-picker.error .ev-textarea{border:1px solid #ff453a}.ev-date-picker.error .ev-input:focus,.ev-date-picker.error .ev-input:hover,.ev-date-picker.error .ev-textarea:focus,.ev-date-picker.error .ev-textarea:hover{border:1px solid rgba(255,59,48,.5)}.dark .ev-date-picker.error .ev-input:focus,.dark .ev-date-picker.error .ev-input:hover,.dark .ev-date-picker.error .ev-textarea:focus,.dark .ev-date-picker.error .ev-textarea:hover{border:1px solid rgba(255,69,58,.5)}.ev-date-picker.error.ev-input-number:hover .ev-input,.ev-date-picker.error.ev-input-number:hover .ev-textarea,.ev-date-picker.error.ev-text-field:hover .ev-input,.ev-date-picker.error.ev-text-field:hover .ev-textarea{border:1px solid rgba(255,59,48,.5)}.dark .ev-date-picker.error.ev-input-number:hover .ev-input,.dark .ev-date-picker.error.ev-input-number:hover .ev-textarea,.dark .ev-date-picker.error.ev-text-field:hover .ev-input,.dark .ev-date-picker.error.ev-text-field:hover .ev-textarea{border:1px solid rgba(255,69,58,.5)}.ev-date-picker .ev-input{position:absolute;left:0;height:100%;padding:0 15px 0 30px}.ev-date-picker .ev-input.readonly{cursor:pointer}.ev-date-picker.disabled .ev-input{cursor:not-allowed}.ev-date-picker .ev-input-suffix{display:flex;position:absolute;top:0;right:5px;height:100%;align-items:center;cursor:pointer}.ev-date-picker .ev-input-suffix:hover{color:#409eff}.ev-date-picker .ev-date-picker-tag-wrapper{display:flex;width:100%;height:100%;min-height:35px;padding:3px 30px 3px 30px;flex-wrap:wrap;align-items:center}.ev-date-picker-prefix-icon{display:flex;position:absolute;top:0;left:8px;height:100%;align-items:center;color:#c2c5cd}.ev-date-picker-dropdown{position:absolute;top:0;left:0;background-color:#fff;border:1px solid #e4e7ed;color:#606266;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:4px;box-sizing:content-box;z-index:100}.ev-select-tag{display:flex;position:relative;height:24px;padding:0 19px 0 8px;margin:2px 0 2px 6px;background-color:#f4f4f5;align-items:center;border:1px solid #e9e9eb;border-radius:4px;color:#909399;font-size:12px;cursor:auto}.ev-select-tag.num{padding-right:8px}.ev-select-tag .ev-tag-suffix{display:flex;position:absolute;top:0;right:3px;height:100%;align-items:center;color:#0d0d0d;cursor:pointer}.ev-select-tag .ev-tag-suffix:hover{color:#409eff}.ev-date-picker-dropbox-wrapper{height:0;z-index:100}", ""]);
-// Exports
-module.exports = exports;
 /***/ }),
 /***/ "b575":
@@ -10220,17 +10216,6 @@ module.exports = function (input, PREFERRED_STRING) {
 };
-/***/ }),
-/***/ "c1a6":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_DatePicker_vue_vue_type_style_index_0_id_f0ca1c08_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("af45");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_DatePicker_vue_vue_type_style_index_0_id_f0ca1c08_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_DatePicker_vue_vue_type_style_index_0_id_f0ca1c08_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
 /***/ }),
 /***/ "c430":
@@ -10348,6 +10333,20 @@ $({ target: 'Array', proto: true, forced: SKIPS_HOLES || !USES_TO_LENGTH }, {
 addToUnscopables(FIND_INDEX);
+/***/ }),
+/***/ "c7c9":
+/***/ (function(module, exports, __webpack_require__) {
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".ev-calendar-wrapper{display:inline-flex;height:100%;box-sizing:border-box;flex-direction:row}.ev-calendar-date-area:not(:first-child){border-left:1px solid}.ev-calendar-header{display:flex;height:40px;padding:10px 8px}.ev-calendar-header div{width:20px;flex:1;text-align:center}.ev-calendar-header .move-month-arrow{width:20px;height:20px;line-height:20px;color:#606266;text-align:center;cursor:pointer}.ev-calendar-header .move-month-arrow:hover{color:#3c81f6}.ev-calendar-header .move-month-arrow.disabled{color:#c0c4cc}.ev-calendar-header span{flex:2;text-align:center}.ev-calendar-body{padding:10px 8px 8px;flex:1}.ev-calendar-table{width:280px;table-layout:fixed;font-size:12px;border-collapse:collapse;border-spacing:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ev-calendar-table th{height:30px;color:#606266;font-weight:400;border-bottom:1px solid #ebeef5}.ev-calendar-table td{height:40px;color:#606266}.ev-calendar-date-td{color:#606266}.ev-calendar-date-td div{height:30px;line-height:30px;padding:3px 0;margin:5px auto}.ev-calendar-date-td.next,.ev-calendar-date-td.prev{color:#c0c4cc}.ev-calendar-date-td.today{font-weight:700;color:#409eff}.ev-calendar-date-td span{display:block;width:24px;height:24px;line-height:24px;margin:auto;border-radius:50%;text-align:center}.ev-calendar-date-td.selected span{color:#fff;background-color:#409eff}.ev-calendar-date-td.selected.start-date>div{width:35px;margin:5px 0 5px auto;padding-right:5px;border-top-left-radius:30px;border-bottom-left-radius:30px}.ev-calendar-date-td.selected.end-date>div{width:35px;margin:5px auto 5px 0;padding-left:5px;border-top-right-radius:30px;border-bottom-right-radius:30px}.ev-calendar-date-td.selected.start-end-date>div{width:30px;margin:5px auto;border-radius:30px}.ev-calendar-date-td:hover{color:#409eff;cursor:pointer}.ev-calendar-date-td.disabled{background-color:#eef0f3;opacity:1;color:#c0c4cc}.ev-calendar-date-td.disabled:hover{cursor:not-allowed}.ev-calendar-date-td.disabled.selected:hover{cursor:pointer!important}.ev-calendar-date-td.in-range:not(.next):not(.prev) div{background-color:#f2f6fc}.ev-calendar-time-area{display:flex;width:195px;flex-direction:row;border-left:1px solid #ebeef5;color:#606266;box-sizing:content-box}.ev-calendar-time-td:hover{color:#409eff;cursor:pointer}.ev-calendar-time-td.selected{display:flex;height:100%;justify-content:center;align-items:center}.ev-calendar-time-td.selected div{width:24px;height:24px;line-height:24px;border-radius:50%;color:#fff;background-color:#409eff;text-align:center}.ev-calendar-time-td.disabled{background-color:#eef0f3;opacity:1;color:#c0c4cc}.ev-calendar-time-td.disabled:hover{cursor:not-allowed}.ev-calendar-time-td.disabled.selected:hover{cursor:pointer!important}.ev-calendar-time-side{font-size:10px;text-align:center;background-color:#e5e5e5}.ev-calendar-time-side:first-child{width:35px}.ev-calendar-time-side:first-child div{height:110px;line-height:110px}.ev-calendar-time-side:last-child{width:30px}.ev-calendar-time-side:last-child:hover{color:#409eff;cursor:pointer}.ev-calendar-time-side:last-child div{height:55px;line-height:55px}.ev-calendar-time-side div:not(:last-child){border-bottom:1px solid #ebeef5}.ev-calendar-time-side div>.disabled,.ev-calendar-time-side div>.disabled:hover{color:#c0c4cc}.ev-calendar-time-center{width:132px;height:100%;text-align:center;font-size:12px}.ev-calendar-time-center table:not(:last-child){border-bottom:1px solid #ebeef5}.ev-calendar-time-table{width:132px;height:110px;table-layout:fixed;border-collapse:collapse;border-spacing:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ev-calendar-time-table tr{height:33px}", ""]);
+// Exports
+module.exports = exports;
 /***/ }),
 /***/ "c8ba":
@@ -10539,17 +10538,6 @@ $({ target: 'Object', stat: true, forced: Object.assign !== assign }, {
 });
-/***/ }),
-/***/ "cd5d":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGrid_vue_vue_type_style_index_0_id_4eddcfbc_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e167");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGrid_vue_vue_type_style_index_0_id_4eddcfbc_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGrid_vue_vue_type_style_index_0_id_4eddcfbc_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
 /***/ }),
 /***/ "cdf9":
@@ -11334,21 +11322,6 @@ module.exports = CORRECT_PROTOTYPE_GETTER ? Object.getPrototypeOf : function (O)
 };
-/***/ }),
-/***/ "e167":
-/***/ (function(module, exports, __webpack_require__) {
-// style-loader: Adds some css to the DOM by adding a <style> tag
-// load the styles
-var content = __webpack_require__("1e0f");
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("67f43f4b", content, true, {"sourceMap":false,"shadowMode":false});
 /***/ }),
 /***/ "e177":
@@ -11649,18 +11622,20 @@ module.exports = function (exec) {
 /***/ }),
-/***/ "e6a7":
+/***/ "e6c4":
 /***/ (function(module, exports, __webpack_require__) {
-// style-loader: Adds some css to the DOM by adding a <style> tag
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+var ___CSS_LOADER_GET_URL_IMPORT___ = __webpack_require__("1de5");
+var ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__("fe56");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+// Module
+exports.push([module.i, ".table[data-v-73f06bf6]{position:relative;width:100%;height:100%;padding-top:33px}.table.non-header[data-v-73f06bf6]{padding-top:0}.table .table-header[data-v-73f06bf6]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .table .table-header[data-v-73f06bf6]{border-top:2px solid;border-bottom:1px solid}.column-list[data-v-73f06bf6]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-73f06bf6],.column-list[data-v-73f06bf6]{position:relative;height:100%}.column[data-v-73f06bf6]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-73f06bf6]{border-right:1px solid}.column[data-v-73f06bf6]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-73f06bf6]{cursor:default!important}.column .sort-icon[data-v-73f06bf6]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-73f06bf6]{font-size:13px;color:#005cc8}.column-name[data-v-73f06bf6]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-73f06bf6]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-73f06bf6]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-73f06bf6]{display:block;cursor:pointer}.column-filter-status[data-v-73f06bf6]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-73f06bf6]{font-size:10px;vertical-align:top}.column-resize[data-v-73f06bf6]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-73f06bf6]:hover{cursor:col-resize}.table-body[data-v-73f06bf6]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-73f06bf6]{clear:both;width:inherit;border-spacing:0;border-collapse:collapse}.table-body.stripe tr[data-v-73f06bf6]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-73f06bf6]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-73f06bf6]{border-bottom:1px solid}.table-body .row[data-v-73f06bf6]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-73f06bf6]{border-bottom:1px solid}.table-body .row.selected[data-v-73f06bf6]{background:rgba(219,240,249,.6)!important;color:inherit!important}.dark .table-body .row.selected[data-v-73f06bf6]{background:!important;color:inherit!important}.table-body .row.highlight[data-v-73f06bf6]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-73f06bf6]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-73f06bf6]{border-right:1px solid}.table-body .cell div[data-v-73f06bf6]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-73f06bf6]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-73f06bf6]{overflow:initial}.table-body .cell.float[data-v-73f06bf6],.table-body .cell.number[data-v-73f06bf6]{text-align:right}.table-body .cell.string[data-v-73f06bf6],.table-body .cell.stringnumber[data-v-73f06bf6]{text-align:left}.table-body .cell.center[data-v-73f06bf6]{text-align:center}.table-body .cell.left[data-v-73f06bf6]{text-align:left}.table-body .cell.left .wrap[data-v-73f06bf6]{justify-content:flex-start}.table-body .cell.right[data-v-73f06bf6]{text-align:right}.table-body .cell.right .wrap[data-v-73f06bf6]{justify-content:flex-end}.table-body .cell[data-v-73f06bf6]:last-child{border-right:0}.table-body .cell.tree-td[data-v-73f06bf6]{text-align:left!important}.table-resize-line[data-v-73f06bf6]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-73f06bf6]{border-right:1px solid}.vscroll-spacer[data-v-73f06bf6]{opacity:0;clear:both}[v-cloak][data-v-73f06bf6]{display:none}.ev-checkbox[data-v-73f06bf6]{margin:0}.non-border[data-v-73f06bf6]{border:none!important}.is-empty[data-v-73f06bf6]{height:30px;text-align:center}.ev-tree-toggle[data-v-73f06bf6]{display:inline-block;width:13px;margin-right:4px;text-align:center;vertical-align:middle}.ev-tree-toggle .tree-expand-icon[data-v-73f06bf6]{border:none;background:transparent;outline:none;cursor:pointer}.ev-tree-toggle .tree-expand-icon i[data-v-73f06bf6]{display:inline-block;top:-3px;width:11px;height:10px;background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat -43px -61px}.ev-tree-toggle.expand>.tree-expand-icon i[data-v-73f06bf6]{height:8px;background-position:-15px -63px}.ev-tree-toggle .tree-child-icon i[data-v-73f06bf6],.ev-tree-toggle .tree-parent-icon i[data-v-73f06bf6]{display:inline-block;top:-3px;width:14px;height:14px}.ev-tree-toggle .tree-parent-icon i[data-v-73f06bf6]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat -39px -35px}.ev-tree-toggle.expand>.tree-parent-icon i[data-v-73f06bf6]{background-position:-65px -35px}.ev-tree-toggle .tree-child-icon i[data-v-73f06bf6]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat -14px -35px}", ""]);
+// Exports
+module.exports = exports;
-// load the styles
-var content = __webpack_require__("7a88");
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("635c3f2f", content, true, {"sourceMap":false,"shadowMode":false});
 /***/ }),
@@ -12175,6 +12150,20 @@ exports.push([module.i, ".ev-slider{position:relative;box-sizing:border-box;-web
 module.exports = exports;
+/***/ }),
+/***/ "ee4e":
+/***/ (function(module, exports, __webpack_require__) {
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".tree-grid-toolbar{margin-bottom:10px;overflow:hidden}.tree-grid-toolbar>.search{float:right;margin-right:0}.tree-grid-toolbar>.ev-button{margin:0 2px 0 2px}", ""]);
+// Exports
+module.exports = exports;
 /***/ }),
 /***/ "ef38":
@@ -18793,79 +18782,93 @@ Icon.install = function (app) {
 };
 /* harmony default export */ var components_icon = (Icon);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/calendar/Calendar.vue?vue&type=template&id=4d16ba3f
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/calendar/Calendar.vue?vue&type=template&id=5852b296
-var Calendarvue_type_template_id_4d16ba3f_hoisted_1 = {
+var Calendarvue_type_template_id_5852b296_hoisted_1 = {
   class: "ev-calendar-wrapper"
 };
-var Calendarvue_type_template_id_4d16ba3f_hoisted_2 = {
+var Calendarvue_type_template_id_5852b296_hoisted_2 = {
   class: "ev-calendar-date-area"
 };
-var Calendarvue_type_template_id_4d16ba3f_hoisted_3 = {
+var Calendarvue_type_template_id_5852b296_hoisted_3 = {
   class: "ev-calendar-header"
 };
-var Calendarvue_type_template_id_4d16ba3f_hoisted_4 = {
+var Calendarvue_type_template_id_5852b296_hoisted_4 = {
   class: "ev-calendar-year"
 };
-var Calendarvue_type_template_id_4d16ba3f_hoisted_5 = {
+var Calendarvue_type_template_id_5852b296_hoisted_5 = {
   class: "ev-calendar-month"
 };
-var Calendarvue_type_template_id_4d16ba3f_hoisted_6 = {
+var Calendarvue_type_template_id_5852b296_hoisted_6 = {
   class: "ev-calendar-body"
 };
-var Calendarvue_type_template_id_4d16ba3f_hoisted_7 = {
+var Calendarvue_type_template_id_5852b296_hoisted_7 = {
   key: 'main_calendar_table',
   class: "ev-calendar-table"
 };
-var Calendarvue_type_template_id_4d16ba3f_hoisted_8 = {
+var Calendarvue_type_template_id_5852b296_hoisted_8 = {
   key: 0,
+  class: "ev-calendar-time-area"
+};
+var Calendarvue_type_template_id_5852b296_hoisted_9 = {
+  class: "ev-calendar-time-side"
+};
+var Calendarvue_type_template_id_5852b296_hoisted_10 = {
+  class: "ev-calendar-time-center"
+};
+var Calendarvue_type_template_id_5852b296_hoisted_11 = {
+  class: "ev-calendar-time-side"
+};
+var Calendarvue_type_template_id_5852b296_hoisted_12 = {
+  key: 1,
   class: "ev-calendar-date-area"
 };
-var Calendarvue_type_template_id_4d16ba3f_hoisted_9 = {
+var Calendarvue_type_template_id_5852b296_hoisted_13 = {
   class: "ev-calendar-header"
 };
-var Calendarvue_type_template_id_4d16ba3f_hoisted_10 = {
+var Calendarvue_type_template_id_5852b296_hoisted_14 = {
   class: "ev-calendar-year"
 };
-var Calendarvue_type_template_id_4d16ba3f_hoisted_11 = {
+var _hoisted_15 = {
   class: "ev-calendar-month"
 };
-var Calendarvue_type_template_id_4d16ba3f_hoisted_12 = {
+var _hoisted_16 = {
   class: "ev-calendar-body"
 };
-var Calendarvue_type_template_id_4d16ba3f_hoisted_13 = {
+var _hoisted_17 = {
   key: 'expanded_calendar_table',
   class: "ev-calendar-table"
 };
-var Calendarvue_type_template_id_4d16ba3f_hoisted_14 = {
-  key: 1,
+var _hoisted_18 = {
+  key: 2,
   class: "ev-calendar-time-area"
 };
-var _hoisted_15 = {
+var _hoisted_19 = {
   class: "ev-calendar-time-side"
 };
-var _hoisted_16 = {
+var _hoisted_20 = {
   class: "ev-calendar-time-center"
 };
-var _hoisted_17 = {
+var _hoisted_21 = {
   class: "ev-calendar-time-side"
 };
-function Calendarvue_type_template_id_4d16ba3f_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Calendarvue_type_template_id_4d16ba3f_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_4d16ba3f_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_4d16ba3f_hoisted_3, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
+function Calendarvue_type_template_id_5852b296_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Calendarvue_type_template_id_5852b296_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_5852b296_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_5852b296_hoisted_3, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
     class: "ev-icon-s-arrow-left move-month-arrow",
     onClick: _cache[1] || (_cache[1] = function ($event) {
       return $setup.clickPrevNextBtn('main', 'prev');
     })
-  })]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Calendarvue_type_template_id_4d16ba3f_hoisted_4, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.mainCalendarPageInfo.year), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Calendarvue_type_template_id_4d16ba3f_hoisted_5, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.mainCalendarMonth), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
+  })]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Calendarvue_type_template_id_5852b296_hoisted_4, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.mainCalendarPageInfo.year), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Calendarvue_type_template_id_5852b296_hoisted_5, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.mainCalendarMonth), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
     class: ["ev-icon-s-arrow-right move-month-arrow", {
       disabled: $setup.isContinuousMonths
     }],
     onClick: _cache[2] || (_cache[2] = function ($event) {
       return $setup.clickPrevNextBtn('main', 'next');
     })
-  }, null, 2)])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_4d16ba3f_hoisted_6, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("table", Calendarvue_type_template_id_4d16ba3f_hoisted_7, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("thead", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tr", null, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($setup.dayOfTheWeekList, function (dayOfTheWeek) {
+  }, null, 2)])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_5852b296_hoisted_6, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("table", Calendarvue_type_template_id_5852b296_hoisted_7, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("thead", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tr", null, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($setup.dayOfTheWeekList, function (dayOfTheWeek) {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("th", {
       key: dayOfTheWeek
     }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(dayOfTheWeek), 1);
@@ -18891,19 +18894,63 @@ function Calendarvue_type_template_id_4d16ba3f_render(_ctx, _cache, $props, $set
         return $setup.onMousemoveDate('main', $event);
       })), [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(dateInfo.date), 1)])], 16, ["onClick"]);
     }), 128))]);
-  }), 128))], 32)]))])]), $props.mode === 'dateRange' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Calendarvue_type_template_id_4d16ba3f_hoisted_8, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_4d16ba3f_hoisted_9, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
+  }), 128))], 32)]))])]), ['dateTime', 'dateTimeRange'].includes($props.mode) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Calendarvue_type_template_id_5852b296_hoisted_8, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_5852b296_hoisted_9, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['HOUR', 'MIN', 'SEC'], function (hmsType) {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+      key: "".concat(hmsType, "_TITLE")
+    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(hmsType), 1);
+  }), 64))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_5852b296_hoisted_10, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['hour', 'min', 'sec'], function (timeType) {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("table", {
+      key: "".concat(timeType, "_table"),
+      class: "ev-calendar-time-table"
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tbody", {
+      onWheel: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function ($event) {
+        return $setup.wheelTime('main', timeType, $event);
+      }, ["prevent"])
+    }, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(3, function (i) {
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tr", {
+        key: "".concat(timeType, "_").concat(i, "_tr")
+      }, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(4, function (j) {
+        return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", {
+          key: "".concat(timeType, "_").concat(i, "_").concat(j, "_td"),
+          class: ["ev-calendar-time-td", {
+            selected: $setup.getTimeInfo(timeType, i, j, 'main').isSelected,
+            disabled: $setup.preventTimeEventType.main[timeType] || $setup.getTimeInfo(timeType, i, j, 'main').isDisabled
+          }],
+          onClick: function onClick($event) {
+            return $setup.clickTime('main', timeType, i, j);
+          }
+        }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.getTimeInfo(timeType, i, j, 'main').num), 1)], 10, ["onClick"]);
+      }), 64))]);
+    }), 64))], 40, ["onWheel"])]);
+  }), 64))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_5852b296_hoisted_11, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['hour', 'min', 'sec'], function (hmsType) {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
+      key: "".concat(hmsType, "_btn_area")
+    }, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['up', 'down'], function (arrowType) {
+      return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+        key: "".concat(hmsType, "_").concat(arrowType, "_btn"),
+        class: hmsType === 'hour' ? 'arrow-hour' : 'arrow-other',
+        onClick: function onClick($event) {
+          return $setup.clickHmsBtn('main', hmsType, arrowType);
+        }
+      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
+        class: ["ev-icon-arrow-".concat(arrowType), {
+          disabled: $setup.preventTimeEventType.main[hmsType]
+        }]
+      }, null, 2)], 10, ["onClick"]);
+    }), 64))], 64);
+  }), 64))])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), ['dateRange', 'dateTimeRange'].includes($props.mode) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Calendarvue_type_template_id_5852b296_hoisted_12, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_5852b296_hoisted_13, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
     class: ["ev-icon-s-arrow-left move-month-arrow", {
       disabled: $setup.isContinuousMonths
     }],
     onClick: _cache[5] || (_cache[5] = function ($event) {
       return $setup.clickPrevNextBtn('expanded', 'prev');
     })
-  }, null, 2)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Calendarvue_type_template_id_4d16ba3f_hoisted_10, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.expandedCalendarPageInfo.year), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Calendarvue_type_template_id_4d16ba3f_hoisted_11, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.expandedCalendarMonth), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
+  }, null, 2)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Calendarvue_type_template_id_5852b296_hoisted_14, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.expandedCalendarPageInfo.year), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", _hoisted_15, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.expandedCalendarMonth), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
     class: "ev-icon-s-arrow-right move-month-arrow",
     onClick: _cache[6] || (_cache[6] = function ($event) {
       return $setup.clickPrevNextBtn('expanded', 'next');
     })
-  })])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_4d16ba3f_hoisted_12, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("table", Calendarvue_type_template_id_4d16ba3f_hoisted_13, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("thead", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tr", null, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($setup.dayOfTheWeekList, function (dayOfTheWeek) {
+  })])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", _hoisted_16, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("table", _hoisted_17, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("thead", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tr", null, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($setup.dayOfTheWeekList, function (dayOfTheWeek) {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("th", {
       key: dayOfTheWeek
     }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(dayOfTheWeek), 1);
@@ -18929,51 +18976,53 @@ function Calendarvue_type_template_id_4d16ba3f_render(_ctx, _cache, $props, $set
         return $setup.onMousemoveDate('expanded', $event);
       })), [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(dateInfo.date), 1)])], 16, ["onClick"]);
     }), 128))]);
-  }), 128))], 32)]))])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $props.mode === 'dateTime' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Calendarvue_type_template_id_4d16ba3f_hoisted_14, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", _hoisted_15, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['HOUR', 'MIN', 'SEC'], function (hmsType) {
+  }), 128))], 32)]))])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $props.mode === 'dateTimeRange' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", _hoisted_18, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", _hoisted_19, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['HOUR', 'MIN', 'SEC'], function (hmsType) {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
-      key: "".concat(hmsType, "_TITLE"),
-      class: "ev-calendar-time-110"
+      key: "".concat(hmsType, "_TITLE")
     }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(hmsType), 1);
-  }), 64))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", _hoisted_16, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['hour', 'min', 'sec'], function (timeType) {
+  }), 64))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", _hoisted_20, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['hour', 'min', 'sec'], function (timeType) {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("table", {
       key: "".concat(timeType, "_table"),
       class: "ev-calendar-time-table"
     }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tbody", {
       onWheel: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function ($event) {
-        return $setup.wheelTime(timeType, $event);
+        return $setup.wheelTime('expanded', timeType, $event);
       }, ["prevent"])
-    }, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(2, function (i) {
+    }, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(3, function (i) {
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tr", {
         key: "".concat(timeType, "_").concat(i, "_tr")
-      }, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(6, function (j) {
+      }, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(4, function (j) {
         return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", {
           key: "".concat(timeType, "_").concat(i, "_").concat(j, "_td"),
           class: ["ev-calendar-time-td", {
-            selected: $setup.getTimeInfo(timeType, i, j).isSelected
+            selected: $setup.getTimeInfo(timeType, i, j, 'expanded').isSelected,
+            disabled: $setup.preventTimeEventType.expanded[timeType] || $setup.getTimeInfo(timeType, i, j, 'expanded').isDisabled
           }],
           onClick: function onClick($event) {
-            return $setup.clickTime(timeType, i, j);
+            return $setup.clickTime('expanded', timeType, i, j);
           }
-        }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.getTimeInfo(timeType, i, j).num), 1)], 10, ["onClick"]);
+        }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.getTimeInfo(timeType, i, j, 'expanded').num), 1)], 10, ["onClick"]);
       }), 64))]);
     }), 64))], 40, ["onWheel"])]);
-  }), 64))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", _hoisted_17, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['hour', 'min', 'sec'], function (hmsType) {
+  }), 64))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", _hoisted_21, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['hour', 'min', 'sec'], function (hmsType) {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
       key: "".concat(hmsType, "_btn_area")
     }, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['up', 'down'], function (arrowType) {
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
         key: "".concat(hmsType, "_").concat(arrowType, "_btn"),
-        class: "ev-calendar-time-55",
+        class: hmsType === 'hour' ? 'arrow-hour' : 'arrow-other',
         onClick: function onClick($event) {
-          return $setup.clickHmsBtn(hmsType, arrowType);
+          return $setup.clickHmsBtn('expanded', hmsType, arrowType);
         }
       }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
-        class: "ev-icon-arrow-".concat(arrowType)
-      }, null, 2)], 8, ["onClick"]);
+        class: ["ev-icon-arrow-".concat(arrowType), {
+          disabled: $setup.preventTimeEventType.expanded[hmsType]
+        }]
+      }, null, 2)], 10, ["onClick"]);
     }), 64))], 64);
   }), 64))])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)]);
 }
-// CONCATENATED MODULE: ./src/components/calendar/Calendar.vue?vue&type=template&id=4d16ba3f
+// CONCATENATED MODULE: ./src/components/calendar/Calendar.vue?vue&type=template&id=5852b296
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.constructor.js
 var es_regexp_constructor = __webpack_require__("4d63");
@@ -19391,6 +19440,8 @@ function throttle(func, wait, options) {
 var CALENDAR_ROWS = 6;
@@ -19400,7 +19451,7 @@ var HOUR_CNT = 24;
 var MIN_CNT = 60;
 var SEC_CNT = 60;
 var CELL_CNT_IN_ONE_PAGE = 12;
-var CELL_CNT_IN_ONE_ROW = 6;
+var CELL_CNT_IN_ONE_ROW = 4;
 var MONTH_NAME_LIST = {
   fullName: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
   numberName: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
@@ -19443,7 +19494,7 @@ var getSideDateStr = function getSideDateStr(arr, sideDirection) {
  */
-var lpadToTwoDigits = function lpadToTwoDigits(num) {
+var uses_lpadToTwoDigits = function lpadToTwoDigits(num) {
   if (num === null) {
     return '00';
   } else if (+num < 10) {
@@ -19459,7 +19510,6 @@ var lpadToTwoDigits = function lpadToTwoDigits(num) {
  * @returns {Array} - [row][col]
  */
 var getMatrixArr = function getMatrixArr(row, col) {
   return Array.from(Array(row), function () {
     return Array(col).fill(false);
@@ -19524,7 +19574,7 @@ var getLastDateOfMonth = function getLastDateOfMonth(y, m) {
  */
-var formatDateTime = function formatDateTime(_ref) {
+var uses_formatDateTime = function formatDateTime(_ref) {
   var year = _ref.year,
       month = _ref.month,
       date = _ref.date,
@@ -19533,10 +19583,10 @@ var formatDateTime = function formatDateTime(_ref) {
       sec = _ref.sec;
   if (hour !== undefined && min !== undefined && sec !== undefined) {
-    return "".concat(year, "-").concat(lpadToTwoDigits(month), "-").concat(lpadToTwoDigits(date), " ").concat(lpadToTwoDigits(hour), ":").concat(lpadToTwoDigits(min), ":").concat(lpadToTwoDigits(sec));
+    return "".concat(year, "-").concat(uses_lpadToTwoDigits(month), "-").concat(uses_lpadToTwoDigits(date), " ").concat(uses_lpadToTwoDigits(hour), ":").concat(uses_lpadToTwoDigits(min), ":").concat(uses_lpadToTwoDigits(sec));
   }
-  return "".concat(year, "-").concat(lpadToTwoDigits(month), "-").concat(lpadToTwoDigits(date));
+  return "".concat(year, "-").concat(uses_lpadToTwoDigits(month), "-").concat(uses_lpadToTwoDigits(date));
 };
 /**
  * 첫번째 인자로 받은 날짜 형식 String ('YYYY-MM-DD' || 'YYYY-MM-DD HH:MI:SS')이나
@@ -19596,6 +19646,58 @@ var getSideMonthCalendarInfo = function getSideMonthCalendarInfo(prevNext, year,
     month: (month - 1) % 12 || 12
   };
 };
+/**
+ * timeFormat을 체크하여 timeFormat이 있으면 format에 맞는 형식으로 반환
+ * @param timeFormat -- props.option?.timeFormat
+ * @param dateTimeValue
+ * @param typeToImport
+ * @returns {Object|number}
+ */
+var getTimeInfoByTimeFormat = function getTimeInfoByTimeFormat(timeFormat, dateTimeValue, typeToImport) {
+  var value = uses_getDateTimeInfoByType(dateTimeValue, typeToImport);
+  if (timeFormat) {
+    var hour = timeFormat === null || timeFormat === void 0 ? void 0 : timeFormat.split(':')[0];
+    var min = timeFormat === null || timeFormat === void 0 ? void 0 : timeFormat.split(':')[1];
+    var sec = timeFormat === null || timeFormat === void 0 ? void 0 : timeFormat.split(':')[2];
+    if (typeToImport === 'hour') {
+      return hour === 'HH' ? value : +hour;
+    } else if (typeToImport === 'min') {
+      return min === 'mm' ? value : +min;
+    } else if (typeToImport === 'sec') {
+      return sec === 'ss' ? value : +sec;
+    }
+  }
+  return value;
+};
+/**
+ * 초기 timeFormat에 따른 modelValue update 함수
+ * @param timeFormat - props.options.timeFormat
+ * @param modelValue
+ * @returns string
+ */
+var getChangedValueByTimeFormat = function getChangedValueByTimeFormat(timeFormat, modelValue) {
+  var hourByTimeFormat = uses_lpadToTwoDigits(getTimeInfoByTimeFormat(timeFormat, modelValue, 'hour'));
+  var minByTimeFormat = uses_lpadToTwoDigits(getTimeInfoByTimeFormat(timeFormat, modelValue, 'min'));
+  var secByTimeFormat = uses_lpadToTwoDigits(getTimeInfoByTimeFormat(timeFormat, modelValue, 'sec'));
+  return "".concat(modelValue.split(' ')[0], " ").concat(hourByTimeFormat, ":").concat(minByTimeFormat, ":").concat(secByTimeFormat);
+};
+var compareFromAndToDate = function compareFromAndToDate(calendarType, targetDate, modelValue) {
+  if (!modelValue.length) {
+    return false;
+  }
+  var fromDate = calendarType === 'main' ? targetDate : modelValue[0];
+  var toDate = calendarType === 'expanded' ? targetDate : modelValue[1];
+  return +new Date(fromDate) > +new Date(toDate);
+};
 /**
  * date string 값의 MS 값 구하기
  * @param dateStr
@@ -19604,31 +19706,52 @@ var getSideMonthCalendarInfo = function getSideMonthCalendarInfo(prevNext, year,
 var getDateMs = function getDateMs(dateStr) {
-  return new Date("".concat(dateStr, " 00:00:00")).getTime();
+  return new Date("".concat(dateStr)).getTime();
 };
 var calendar_uses_useModel = function useModel() {
+  var _props$options;
   var _getCurrentInstance = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["getCurrentInstance"])(),
       props = _getCurrentInstance.props;
-  /**
-   * 현재 선택된 값, 배열인 경우 반응형을 끊기위해 rest 사용
-   * 1) props.mode: 'date' or 'dateTime' > String
-   * 2) props.mode: 'dateMulti' or 'dateRange' > [...Array]
-   */
+  var timeFormat = (_props$options = props.options) === null || _props$options === void 0 ? void 0 : _props$options.timeFormat;
+  /**
+  * 현재 선택된 값, 배열인 경우 반응형을 끊기위해 rest 사용
+  * selectValue ref로 변환하기 전 modelValue timeFormat에 따라 fetch
+  * 1) props.mode: 'date' or 'dateTime' > String
+  * 2) props.mode: 'dateMulti' or 'dateRange' > [...Array]
+  */
   var selectedValue;
-  if (props.mode !== 'dateMulti' && props.mode !== 'dateRange') {
-    if (!props.modelValue || props.modelValue.length === 10 && dateReg.exec(props.modelValue) || props.modelValue.length === 19 && dateTimeReg.exec(props.modelValue)) {
-      selectedValue = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(props.modelValue);
+  if (props.mode !== 'dateMulti' && props.mode !== 'dateRange' && props.mode !== 'dateTimeRange') {
+    var _props$modelValue, _props$modelValue2;
+    if (props.modelValue && (props.modelValue.length === 10 && dateReg.exec((_props$modelValue = props.modelValue) === null || _props$modelValue === void 0 ? void 0 : _props$modelValue.toString()) || props.modelValue.length === 19 && dateTimeReg.exec((_props$modelValue2 = props.modelValue) === null || _props$modelValue2 === void 0 ? void 0 : _props$modelValue2.toString()))) {
+      if (props.mode === 'dateTime' && timeFormat) {
+        var modelValue = getChangedValueByTimeFormat(timeFormat, props.modelValue);
+        selectedValue = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(modelValue);
+      } else {
+        selectedValue = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(props.modelValue);
+      }
     } else {
       selectedValue = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])('');
     }
   } else if (Array.isArray(props.modelValue) && props.modelValue.every(function (v) {
-    return !v || v.length === 10 && dateReg.exec(v);
+    return !v || v.length === 10 && dateReg.exec(v) || v.length === 19 && dateTimeReg.exec(v);
   })) {
-    selectedValue = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(_toConsumableArray(props.modelValue));
+    if (props.mode === 'dateTimeRange' && props.modelValue.length === 2 && timeFormat) {
+      var _modelValue = [];
+      _modelValue.push(getChangedValueByTimeFormat(timeFormat[0], props.modelValue[0]));
+      _modelValue.push(getChangedValueByTimeFormat(timeFormat[1], props.modelValue[1]));
+      selectedValue = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])([].concat(_modelValue));
+    } else {
+      selectedValue = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(_toConsumableArray(props.modelValue));
+    }
   } else {
     selectedValue = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])([]);
   }
@@ -19649,6 +19772,14 @@ var calendar_uses_useModel = function useModel() {
         console.warn('[EVUI][Calendar] When mode is \'dateRange\', v-model must be \'Array\' type.');
       } else if (props.modelValue.length !== 0 && props.modelValue.length !== 2) {
         console.warn('[EVUI][Calendar] When mode is \'dateRange\', v-model\'s length is 0 or 2.');
+      } else if (getDateMs("".concat(props.modelValue[0], " 00:00:00")) > getDateMs("".concat(props.modelValue[1], " 00:00:00"))) {
+        console.warn('[EVUI][Calendar] When mode is \'dateRange\', fromDate must be less than toDate.');
+      }
+    } else if (props.mode === 'dateTimeRange' && props.modelValue) {
+      if (!Array.isArray(props.modelValue)) {
+        console.warn('[EVUI][Calendar] When mode is \'dateTimeRange\', v-model must be \'Array\' type.');
+      } else if (props.modelValue.length !== 0 && props.modelValue.length !== 2) {
+        console.warn('[EVUI][Calendar] When mode is \'dateRange\', v-model\'s length is 0 or 2.');
       } else if (getDateMs(props.modelValue[0]) > getDateMs(props.modelValue[1])) {
         console.warn('[EVUI][Calendar] When mode is \'dateRange\', fromDate must be less than toDate.');
       }
@@ -19657,47 +19788,56 @@ var calendar_uses_useModel = function useModel() {
   var mainCalendarPageInfo;
+  var mainValue = !['dateRange', 'dateTimeRange'].includes(props.mode) ? selectedValue.value : selectedValue.value[0];
-  if (props.mode !== 'dateRange') {
+  if (props.mode) {
     mainCalendarPageInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
-      year: uses_getDateTimeInfoByType(selectedValue.value, 'year') || new Date().getFullYear(),
-      month: uses_getDateTimeInfoByType(selectedValue.value, 'month') || new Date().getMonth() + 1,
-      hour: Math.floor(uses_getDateTimeInfoByType(selectedValue.value, 'hour') / CELL_CNT_IN_ONE_PAGE) + 1 || 1,
-      min: Math.floor(uses_getDateTimeInfoByType(selectedValue.value, 'min') / CELL_CNT_IN_ONE_PAGE) + 1 || 1,
-      sec: Math.floor(uses_getDateTimeInfoByType(selectedValue.value, 'sec') / CELL_CNT_IN_ONE_PAGE) + 1 || 1
-    });
-  } else if (Array.isArray(selectedValue.value) && selectedValue.value[0]) {
-    mainCalendarPageInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
-      year: uses_getDateTimeInfoByType(selectedValue.value[0], 'year'),
-      month: uses_getDateTimeInfoByType(selectedValue.value[0], 'month')
+      year: uses_getDateTimeInfoByType(mainValue, 'year') || new Date().getFullYear(),
+      month: uses_getDateTimeInfoByType(mainValue, 'month') || new Date().getMonth() + 1,
+      hour: Math.floor(uses_getDateTimeInfoByType(mainValue, 'hour') / CELL_CNT_IN_ONE_PAGE) + 1 || 1,
+      min: Math.floor(uses_getDateTimeInfoByType(mainValue, 'min') / CELL_CNT_IN_ONE_PAGE) + 1 || 1,
+      sec: Math.floor(uses_getDateTimeInfoByType(mainValue, 'sec') / CELL_CNT_IN_ONE_PAGE) + 1 || 1
     });
   } else {
     mainCalendarPageInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
       year: new Date().getFullYear(),
       month: new Date().getMonth() + 1
     });
-  } // 'mode: dateRange'인 경우 확장된 달력(연, 월) 페이징 정보
+  } // 'mode: dateRange || dateTimeRange', 인 경우 확장된 달력(연, 월) 페이징 정보
   var expandedCalendarPageInfo;
-  if (props.mode === 'dateRange' && Array.isArray(selectedValue.value) && selectedValue.value[1]) {
+  if (['dateRange', 'dateTimeRange'].includes(props.mode) && Array.isArray(selectedValue.value) && selectedValue.value[1]) {
+    var expandedValue = selectedValue.value[1];
     var fromDate = {
       year: uses_getDateTimeInfoByType(selectedValue.value[0], 'year'),
       month: uses_getDateTimeInfoByType(selectedValue.value[0], 'month')
     };
     var toDate = {
-      year: uses_getDateTimeInfoByType(selectedValue.value[1], 'year'),
-      month: uses_getDateTimeInfoByType(selectedValue.value[1], 'month')
+      year: uses_getDateTimeInfoByType(expandedValue, 'year'),
+      month: uses_getDateTimeInfoByType(expandedValue, 'month')
     }; // fromDate, toDate의 연, 월이 같은 경우의 확장된 달력 페이징 정보는 다음달로 세팅
-    if (fromDate.year === toDate.year && fromDate.month === toDate.month) {
+    if (props.mode === 'dateRange' && fromDate.year === toDate.year && fromDate.month === toDate.month) {
       expandedCalendarPageInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])(getSideMonthCalendarInfo('next', mainCalendarPageInfo.year, mainCalendarPageInfo.month));
     } else {
       expandedCalendarPageInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])(toDate);
     }
+    if (props.mode === 'dateTimeRange') {
+      expandedCalendarPageInfo.hour = Math.floor(uses_getDateTimeInfoByType(expandedValue, 'hour') / CELL_CNT_IN_ONE_PAGE) + 1 || 1;
+      expandedCalendarPageInfo.min = Math.floor(uses_getDateTimeInfoByType(expandedValue, 'min') / CELL_CNT_IN_ONE_PAGE) + 1 || 1;
+      expandedCalendarPageInfo.sec = Math.floor(uses_getDateTimeInfoByType(expandedValue, 'sec') / CELL_CNT_IN_ONE_PAGE) + 1 || 1;
+    }
   } else {
     expandedCalendarPageInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])(getSideMonthCalendarInfo('next', mainCalendarPageInfo.year, mainCalendarPageInfo.month));
+    if (props.mode === 'dateTimeRange') {
+      expandedCalendarPageInfo.hour = 1;
+      expandedCalendarPageInfo.min = 1;
+      expandedCalendarPageInfo.sec = 1;
+    }
   } // 현재 달력이 표현되는 월
@@ -19714,7 +19854,7 @@ var calendar_uses_useModel = function useModel() {
   }); // mode: dateRange에 두 달력이 연속적인 경우
   var isContinuousMonths = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-    return props.mode === 'dateRange' && getSideMonthCalendarInfo('next', mainCalendarPageInfo.year, mainCalendarPageInfo.month).year === expandedCalendarPageInfo.year && getSideMonthCalendarInfo('next', mainCalendarPageInfo.year, mainCalendarPageInfo.month).month === expandedCalendarPageInfo.month;
+    return props.mode === 'dateRange' && getSideMonthCalendarInfo('next', mainCalendarPageInfo.year, mainCalendarPageInfo.month).year === expandedCalendarPageInfo.year && getSideMonthCalendarInfo('next', mainCalendarPageInfo.year, mainCalendarPageInfo.month).month === expandedCalendarPageInfo.month || props.mode === 'dateTimeRange' && mainCalendarPageInfo.year === expandedCalendarPageInfo.year && mainCalendarPageInfo.month === expandedCalendarPageInfo.month;
   });
   Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onBeforeMount"])(function () {
     validateModelValue();
@@ -19741,7 +19881,13 @@ var uses_useCalendarDate = function useCalendarDate(param) {
   var expandedCalendarTableInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])(getMatrixArr(CALENDAR_ROWS, CALENDAR_COLS)); // 시간박스 정보
-  var timeTableInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
+  var mainTimeTableInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
+    hour: [],
+    min: [],
+    sec: []
+  }); // dateTimeRange 모드의 확장된 달력 테이블의 시간 박스 정보
+  var expandedTimeTableInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
     hour: [],
     min: [],
     sec: []
@@ -19755,7 +19901,7 @@ var uses_useCalendarDate = function useCalendarDate(param) {
     var calendarPageInfo = calendarType === 'expanded' ? expandedCalendarPageInfo : mainCalendarPageInfo;
     var calendarTableInfo = calendarType === 'expanded' ? expandedCalendarTableInfo : mainCalendarTableInfo;
     var disabledDate = props.options.disabledDate;
-    var TODAY_YMD = formatDateTime({
+    var TODAY_YMD = uses_formatDateTime({
       year: new Date().getFullYear(),
       month: new Date().getMonth() + 1,
       date: new Date().getDate()
@@ -19770,7 +19916,7 @@ var uses_useCalendarDate = function useCalendarDate(param) {
       return calendarPageInfo.month === 1 ? calendarPageInfo.year - 1 : calendarPageInfo.year;
     });
     var YEAR_OF_NEXT_MONTH = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-      return mainCalendarPageInfo.month === 12 ? calendarPageInfo.year + 1 : calendarPageInfo.year;
+      return calendarPageInfo.month === 12 ? calendarPageInfo.year + 1 : calendarPageInfo.year;
     }); // 이번달 1일의 요일
     var dayOfWeekOnThe1stOfThisMonth = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
@@ -19793,16 +19939,17 @@ var uses_useCalendarDate = function useCalendarDate(param) {
     var setDateInfo = function setDateInfo(monthType, i, j) {
       var _selectedValue$value, _selectedValue$value2;
-      currDate = formatDateTime({
+      currDate = uses_formatDateTime({
         year: year,
         month: month,
         date: date
       });
       var isDisabled = disabledDate ? disabledDate(new Date(currDate)) : false;
+      var isInvalidDate = props.mode === 'dateTimeRange' && compareFromAndToDate(calendarType, "".concat(currDate, " 00:00:00"), selectedValue.value);
       var inRangeCls = function inRangeCls() {
-        if (props.mode === 'dateRange' && selectedValue.value.length === 2) {
-          if (getDateMs(selectedValue.value[0]) <= getDateMs(currDate) && getDateMs(currDate) <= getDateMs(selectedValue.value[1])) {
+        if (['dateRange'].includes(props.mode) && selectedValue.value.length === 2) {
+          if (getDateMs(selectedValue.value[0].split(' ')[0]) <= getDateMs(currDate) && getDateMs(currDate) <= getDateMs(selectedValue.value[1].split(' ')[0])) {
             if (getDateMs(selectedValue.value[0]) === getDateMs(selectedValue.value[1])) {
               return ' in-range start-end-date';
             } else if (getDateMs(selectedValue.value[0]) === getDateMs(currDate)) {
@@ -19818,13 +19965,19 @@ var uses_useCalendarDate = function useCalendarDate(param) {
         }
         return '';
-      }; // mode가 dateRange일 때는 이전, 다음달에 selected 를 하지 않는다.
+      };
+      var isDateRangeSelected = props.mode === 'dateRange' && ((_selectedValue$value = selectedValue.value) === null || _selectedValue$value === void 0 ? void 0 : _selectedValue$value.map(function (v) {
+        return v.split(' ')[0];
+      }).includes(currDate)); // mode:dateTimeRange인 경우는 한 달력에 from, to 선택 못함
+      var index = calendarType !== 'main' | 0;
+      var isDateTimeRangeSelected = props.mode === 'dateTimeRange' && selectedValue.value.length > index && selectedValue.value[index].split(' ')[0].includes(currDate); // mode가 dateRange일 때는 이전, 다음달에 selected 를 하지 않는다.
       calendarTableInfo[i][j] = {
-        monthType: "".concat(monthType).concat(isDisabled ? ' disabled' : '').concat(inRangeCls()),
+        monthType: "".concat(monthType).concat(isDisabled || isInvalidDate ? ' disabled' : '').concat(inRangeCls()),
         isToday: TODAY_YMD === currDate,
-        isSelected: props.mode !== 'dateRange' ? (_selectedValue$value = selectedValue.value) === null || _selectedValue$value === void 0 ? void 0 : _selectedValue$value.includes(currDate) : monthType === '' && ((_selectedValue$value2 = selectedValue.value) === null || _selectedValue$value2 === void 0 ? void 0 : _selectedValue$value2.includes(currDate)),
+        isSelected: !['dateRange', 'dateTimeRange'].includes(props.mode) ? (_selectedValue$value2 = selectedValue.value) === null || _selectedValue$value2 === void 0 ? void 0 : _selectedValue$value2.includes(currDate) : monthType === '' && (isDateRangeSelected || isDateTimeRangeSelected),
         year: year,
         month: month,
         date: date
@@ -19878,6 +20031,38 @@ var uses_useCalendarDate = function useCalendarDate(param) {
   var setHmsTime = function setHmsTime() {
+    var _props$options2;
+    var timeFormat = (_props$options2 = props.options) === null || _props$options2 === void 0 ? void 0 : _props$options2.timeFormat;
+    var mainTimeFormat = Array.isArray(timeFormat) ? timeFormat[0] : timeFormat;
+    var expandedTimeFormat = Array.isArray(timeFormat) ? timeFormat[1] : '';
+    var mainDateTimeValue = props.mode === 'dateTimeRange' ? selectedValue.value[0] : selectedValue.value;
+    var expandedDateTimeValue = props.mode === 'dateTimeRange' ? selectedValue.value[1] : '';
+    var compareDateTimeValue = function compareDateTimeValue(calendarType, timeType, value) {
+      var dateTimeValue = calendarType === 'main' ? mainDateTimeValue : expandedDateTimeValue;
+      if (!dateTimeValue) {
+        return false;
+      }
+      var date = dateTimeValue.split(' ')[0];
+      var hour = uses_getDateTimeInfoByType(dateTimeValue, 'hour');
+      var min = uses_getDateTimeInfoByType(dateTimeValue, 'min');
+      var sec = uses_getDateTimeInfoByType(dateTimeValue, 'sec');
+      if (timeType === 'hour') {
+        hour = value;
+      } else if (timeType === 'min') {
+        min = value;
+      } else if (timeType === 'sec') {
+        sec = value;
+      }
+      var targetDateTimeValue = "".concat(date, " ").concat(uses_lpadToTwoDigits(hour), ":").concat(uses_lpadToTwoDigits(min), ":").concat(uses_lpadToTwoDigits(sec));
+      return compareFromAndToDate(calendarType, targetDateTimeValue, selectedValue.value);
+    };
     ['hour', 'min', 'sec'].forEach(function (v) {
       var cnt = SEC_CNT;
@@ -19887,12 +20072,25 @@ var uses_useCalendarDate = function useCalendarDate(param) {
         cnt = MIN_CNT;
       }
+      var mainTimeValue = mainDateTimeValue && mainDateTimeValue.length > 0 ? getTimeInfoByTimeFormat(mainTimeFormat, mainDateTimeValue, v) : -1;
+      var expandedTimeValue = expandedDateTimeValue && expandedDateTimeValue.length > 0 ? getTimeInfoByTimeFormat(expandedTimeFormat, expandedDateTimeValue, v) : -1;
       for (var i = 0; i < cnt; i++) {
-        timeTableInfo[v][i] = {
+        mainTimeTableInfo[v][i] = {
           timeType: v,
           num: i,
-          isSelected: selectedValue.value && selectedValue.value.length > 0 ? uses_getDateTimeInfoByType(selectedValue, v) === i : false
+          isSelected: mainTimeValue === i,
+          isDisabled: props.mode === 'dateTimeRange' && compareDateTimeValue('main', v, i)
         };
+        if (props.mode === 'dateTimeRange') {
+          expandedTimeTableInfo[v][i] = {
+            timeType: v,
+            num: i,
+            isSelected: expandedTimeValue === i,
+            isDisabled: compareDateTimeValue('expanded', v, i)
+          };
+        }
       }
     });
   };
@@ -19901,49 +20099,40 @@ var uses_useCalendarDate = function useCalendarDate(param) {
    * @param timeType - {'hour'|'min'|'sec'}
    * @param i - rows
    * @param j - cols
-   * @returns {object - cellInfo}
+   * @param calendarType - {'main'|'expanded'}
+   * @returns {object} - cellInfo
    */
-  var getTimeInfo = function getTimeInfo(timeType, i, j) {
-    var currPage = mainCalendarPageInfo[timeType] - 1;
+  var getTimeInfo = function getTimeInfo(timeType, i, j, calendarType) {
+    var pageInfo = calendarType === 'main' ? mainCalendarPageInfo : expandedCalendarPageInfo;
+    var timeInfo = calendarType === 'main' ? mainTimeTableInfo : expandedTimeTableInfo;
+    var currPage = pageInfo[timeType] - 1;
     var currRowIdx = i - 1;
     var currColIdx = j - 1;
     var currIdx = currPage * CELL_CNT_IN_ONE_PAGE + currRowIdx * CELL_CNT_IN_ONE_ROW + currColIdx;
-    return timeTableInfo[timeType][currIdx];
+    return timeInfo[timeType][currIdx];
   };
-  Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
-    return props.modelValue;
-  }, function (curr) {
-    selectedValue.value = curr;
-    if (props.mode !== 'dateRange') {
-      setCalendarDate('main');
-      if (props.mode === 'dateTime') {
-        setHmsTime();
-      }
-    } else {
-      setCalendarDate('main');
-      setCalendarDate('expanded');
-    }
-  });
   return {
     mainCalendarTableInfo: mainCalendarTableInfo,
     expandedCalendarTableInfo: expandedCalendarTableInfo,
-    timeTableInfo: timeTableInfo,
+    mainTimeTableInfo: mainTimeTableInfo,
+    expandedTimeTableInfo: expandedTimeTableInfo,
     setCalendarDate: setCalendarDate,
     setHmsTime: setHmsTime,
     getTimeInfo: getTimeInfo
   };
 };
 var calendar_uses_useEvent = function useEvent(param) {
+  var _props$options3;
   var _getCurrentInstance3 = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["getCurrentInstance"])(),
       props = _getCurrentInstance3.props,
       emit = _getCurrentInstance3.emit;
   var disabledDate = props.options.disabledDate;
+  var timeFormat = (_props$options3 = props.options) === null || _props$options3 === void 0 ? void 0 : _props$options3.timeFormat;
   var selectedValue = param.selectedValue,
       mainCalendarPageInfo = param.mainCalendarPageInfo,
       expandedCalendarPageInfo = param.expandedCalendarPageInfo,
@@ -19952,7 +20141,22 @@ var calendar_uses_useEvent = function useEvent(param) {
   var dateRangeClickedDate = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(''); // dateRange mode에서 클릭한번 후 커서에 따라 날짜를 마우스오버하는 경우 dynamic argument로 이벤트명 설정
-  var calendarEventName = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(null);
+  var calendarEventName = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(null); // dateTime 또는 dateTimeRange에서 timeFormat이 있는 경우 event 막음
+  var mainTimeFormat = Array.isArray(timeFormat) ? timeFormat[0] : timeFormat;
+  var expandedTimeFormat = Array.isArray(timeFormat) ? timeFormat[1] : '';
+  var preventTimeEventType = {
+    main: {
+      hour: mainTimeFormat && mainTimeFormat.split(':')[0] !== 'HH',
+      min: mainTimeFormat && mainTimeFormat.split(':')[1] !== 'mm',
+      sec: mainTimeFormat && mainTimeFormat.split(':')[2] !== 'ss'
+    },
+    expanded: {
+      hour: expandedTimeFormat && expandedTimeFormat.split(':')[0] !== 'HH',
+      min: expandedTimeFormat && expandedTimeFormat.split(':')[1] !== 'mm',
+      sec: expandedTimeFormat && expandedTimeFormat.split(':')[2] !== 'ss'
+    }
+  };
   /**
    * 입력받은 dateTime object에 calendar date, time 영역 페이지 세팅
    * @param calendarType - 달력 종류 ('main'|'expanded')
@@ -19976,17 +20180,36 @@ var calendar_uses_useEvent = function useEvent(param) {
     }
     if (hour) {
-      mainCalendarPageInfo.hour = hour;
+      calendarPageInfo.hour = hour;
     }
     if (min) {
-      mainCalendarPageInfo.min = min;
+      calendarPageInfo.min = min;
     }
     if (sec) {
-      mainCalendarPageInfo.sec = sec;
+      calendarPageInfo.sec = sec;
     }
   };
+  /**
+   * page를 Array로 담아 페이지 세팅
+   * @param pageList
+   */
+  var updatePageList = function updatePageList(pageList) {
+    pageList === null || pageList === void 0 ? void 0 : pageList.forEach(function (currValue, index) {
+      var changeCalendarType = index === 0 ? 'main' : 'expanded';
+      setCalendarPageInfo(changeCalendarType, {
+        year: uses_getDateTimeInfoByType(currValue, 'year'),
+        month: uses_getDateTimeInfoByType(currValue, 'month'),
+        hour: Math.floor(uses_getDateTimeInfoByType(currValue, 'hour') / CELL_CNT_IN_ONE_PAGE) + 1,
+        min: Math.floor(uses_getDateTimeInfoByType(currValue, 'min') / CELL_CNT_IN_ONE_PAGE) + 1,
+        sec: Math.floor(uses_getDateTimeInfoByType(currValue, 'sec') / CELL_CNT_IN_ONE_PAGE) + 1
+      });
+      setCalendarDate(changeCalendarType);
+    });
+  };
   /**
    * Calendar 의 Month 이동시키기 (이전, 이후)
    * expandedCalendar가 존재하는 경우(mode: timeRange)
@@ -19998,7 +20221,7 @@ var calendar_uses_useEvent = function useEvent(param) {
   var moveMonth = function moveMonth(calendarType, type) {
-    var isDateRangeMode = props.mode === 'dateRange';
+    var isDateRangeMode = ['dateRange', 'dateTimeRange'].includes(props.mode);
     var calendarPageInfo = mainCalendarPageInfo;
     if (!isDateRangeMode) {
@@ -20018,11 +20241,12 @@ var calendar_uses_useEvent = function useEvent(param) {
     } else {
       calendarPageInfo = calendarType === 'expanded' ? expandedCalendarPageInfo : mainCalendarPageInfo; // 메인 달력 날짜 + 1Month
-      var nextYearMonth = getSideMonthCalendarInfo('next', mainCalendarPageInfo.year, mainCalendarPageInfo.month); // 두 달력간의 연속 여부 (메인 달력 + 1Month === 확장된 달력)
+      var nextYearMonth = getSideMonthCalendarInfo('next', mainCalendarPageInfo.year, mainCalendarPageInfo.month);
+      var targetYearMonth = props.mode === 'dateRange' ? nextYearMonth : mainCalendarPageInfo; // 두 달력간의 연속 여부 (메인 달력 + 1Month === 확장된 달력)
       // 연속된 경우 mainCalendar와 expandedCalendar는 서로 같은 달로 이동 불가
       // mainCalendar Month < expandedCalendar Month
-      var isContinuousMonths = expandedCalendarPageInfo.year === nextYearMonth.year && expandedCalendarPageInfo.month === nextYearMonth.month;
+      var isContinuousMonths = expandedCalendarPageInfo.year === targetYearMonth.year && expandedCalendarPageInfo.month === targetYearMonth.month;
       if (type === 'prev') {
         if (isContinuousMonths && calendarType === 'expanded') {
@@ -20062,23 +20286,26 @@ var calendar_uses_useEvent = function useEvent(param) {
   };
   /**
    * Calendar Date 일자 클릭 이벤트
+   * @param calendarType - {main|expanded}
    * @param dateInfo
    */
   var clickDate = function clickDate(calendarType, dateInfo) {
-    var _props$modelValue;
+    var _props$modelValue3;
     var year = dateInfo.year,
         month = dateInfo.month,
         date = dateInfo.date,
         monthType = dateInfo.monthType;
-    var CURR_DATE_STR = formatDateTime({
+    var CURR_DATE_STR = uses_formatDateTime({
       year: year,
       month: month,
       date: date
     });
-    var isExistCurrDate = (_props$modelValue = props.modelValue) === null || _props$modelValue === void 0 ? void 0 : _props$modelValue.includes(CURR_DATE_STR); // 제한된 날짜는 선택할 수 없다.
+    var isExistCurrDate = props.modelValue ? (Array.isArray(props.modelValue) ? (_props$modelValue3 = props.modelValue) === null || _props$modelValue3 === void 0 ? void 0 : _props$modelValue3.map(function (v) {
+      return v.split(' ')[0];
+    }) : props.modelValue.split(' ')[0]).includes(CURR_DATE_STR) : false; // 제한된 날짜는 선택할 수 없다.
     if (disabledDate && disabledDate(new Date(CURR_DATE_STR)) && !isExistCurrDate) {
       return;
@@ -20114,16 +20341,17 @@ var calendar_uses_useEvent = function useEvent(param) {
           var isExistTime = !!((_selectedValue$value3 = selectedValue.value) !== null && _selectedValue$value3 !== void 0 && _selectedValue$value3.split(' ')[1]);
           var CURR_TIME_HMS = isExistTime ? (_selectedValue$value4 = selectedValue.value) === null || _selectedValue$value4 === void 0 ? void 0 : _selectedValue$value4.split(' ')[1] : '00:00:00';
-          selectedValue.value = "".concat(CURR_DATE_STR, " ").concat(CURR_TIME_HMS);
+          selectedValue.value = getChangedValueByTimeFormat(timeFormat, "".concat(CURR_DATE_STR, " ").concat(CURR_TIME_HMS));
           moveDispCalendarMonth();
-          emit('update:modelValue', "".concat(CURR_DATE_STR, " ").concat(CURR_TIME_HMS));
+          emit('update:modelValue', selectedValue.value);
           setCalendarDate('main');
           if (!isExistTime) {
+            var currTime = selectedValue.value.split(' ')[1].split(':');
             setCalendarPageInfo('main', {
-              hour: 1,
-              min: 1,
-              sec: 1
+              hour: Math.floor(currTime[0] / CELL_CNT_IN_ONE_PAGE) + 1,
+              min: Math.floor(currTime[1] / CELL_CNT_IN_ONE_PAGE) + 1,
+              sec: Math.floor(currTime[2] / CELL_CNT_IN_ONE_PAGE) + 1
             });
             setHmsTime();
           }
@@ -20161,7 +20389,7 @@ var calendar_uses_useEvent = function useEvent(param) {
               var loopYear = new Date(theLastDayTime - i * ONE_DAY_MS).getFullYear();
               var loopMonth = new Date(theLastDayTime - i * ONE_DAY_MS).getMonth() + 1;
               var loopDate = new Date(theLastDayTime - i * ONE_DAY_MS).getDate();
-              var dateStr = "".concat(loopYear, "-").concat(lpadToTwoDigits(loopMonth), "-").concat(lpadToTwoDigits(loopDate));
+              var dateStr = "".concat(loopYear, "-").concat(uses_lpadToTwoDigits(loopMonth), "-").concat(uses_lpadToTwoDigits(loopDate));
               if (i === 0) {
                 if (selectedValue.value.includes(dateStr)) {
@@ -20211,114 +20439,219 @@ var calendar_uses_useEvent = function useEvent(param) {
           break;
         }
+      case 'dateTimeRange':
+        {
+          var currIndex = calendarType !== 'main' | 0;
+          if (!selectedValue.value.length) {
+            var _selectedValue$value5;
+            var fromDate = "".concat(CURR_DATE_STR, " 00:00:00");
+            var toDate = "".concat(CURR_DATE_STR, " 00:00:00");
+            if (timeFormat && timeFormat.length) {
+              fromDate = getChangedValueByTimeFormat(timeFormat[0], fromDate);
+              toDate = getChangedValueByTimeFormat(timeFormat[1], toDate);
+            }
+            selectedValue.value.push(fromDate);
+            selectedValue.value.push(toDate);
+            (_selectedValue$value5 = selectedValue.value) === null || _selectedValue$value5 === void 0 ? void 0 : _selectedValue$value5.forEach(function (currValue, index) {
+              setCalendarPageInfo(index === 0 ? 'main' : 'expanded', {
+                year: uses_getDateTimeInfoByType(currValue, 'year'),
+                month: uses_getDateTimeInfoByType(currValue, 'month'),
+                hour: Math.floor(uses_getDateTimeInfoByType(currValue, 'hour') / CELL_CNT_IN_ONE_PAGE) + 1,
+                min: Math.floor(uses_getDateTimeInfoByType(currValue, 'min') / CELL_CNT_IN_ONE_PAGE) + 1,
+                sec: Math.floor(uses_getDateTimeInfoByType(currValue, 'sec') / CELL_CNT_IN_ONE_PAGE) + 1
+              });
+            });
+            setCalendarDate('main');
+            setCalendarDate('expanded');
+            setHmsTime();
+          } else {
+            var _selectedValue$value$;
+            var _CURR_TIME_HMS = ((_selectedValue$value$ = selectedValue.value[currIndex]) === null || _selectedValue$value$ === void 0 ? void 0 : _selectedValue$value$.split(' ')[1]) || '00:00:00';
+            var currDate = "".concat(CURR_DATE_STR, " ").concat(_CURR_TIME_HMS);
+            if (timeFormat && timeFormat.length) {
+              currDate = getChangedValueByTimeFormat(timeFormat[currIndex], currDate);
+            }
+            var _fromDate = currIndex ? selectedValue.value[0] : currDate;
+            var _toDate = currIndex ? currDate : selectedValue.value[1];
+            if (new Date(_fromDate).getTime() > new Date(_toDate).getTime()) {
+              break;
+            }
+            selectedValue.value[currIndex] = currDate;
+            moveDispCalendarMonth();
+            setCalendarDate(calendarType);
+          }
+          emit('update:modelValue', _toConsumableArray(selectedValue.value));
+          break;
+        }
       default:
         break;
     }
   };
   /**
    * Calendar mode: dateTime인 경우 HMS 이동 화살표 클릭 이벤트
+   * @param calendarType - {main|expanded}
    * @param timeType - {hour|min|sec}
    * @param arrow - {up|down}
    */
-  var clickHmsBtn = function clickHmsBtn(timeType, arrow) {
+  var clickHmsBtn = function clickHmsBtn(calendarType, timeType, arrow) {
+    if (preventTimeEventType[calendarType][timeType]) {
+      return;
+    }
+    var calendarPageInfo = calendarType === 'expanded' ? expandedCalendarPageInfo : mainCalendarPageInfo;
     var FIRST_PAGE = 1;
     var HOUR_MAX_PAGE = 2;
     var MINUTE_MAX_PAGE = 5;
     var SECOND_MAX_PAGE = 5;
     if (timeType === 'hour') {
-      if (arrow === 'down' && mainCalendarPageInfo.hour < HOUR_MAX_PAGE) {
-        mainCalendarPageInfo.hour++;
-      } else if (arrow === 'up' && mainCalendarPageInfo.hour > FIRST_PAGE) {
-        mainCalendarPageInfo.hour--;
+      if (arrow === 'down' && calendarPageInfo.hour < HOUR_MAX_PAGE) {
+        calendarPageInfo.hour++;
+      } else if (arrow === 'up' && calendarPageInfo.hour > FIRST_PAGE) {
+        calendarPageInfo.hour--;
       }
     } else if (timeType === 'min') {
-      if (arrow === 'down' && mainCalendarPageInfo.min < MINUTE_MAX_PAGE) {
-        mainCalendarPageInfo.min++;
-      } else if (arrow === 'up' && mainCalendarPageInfo.min > FIRST_PAGE) {
-        mainCalendarPageInfo.min--;
+      if (arrow === 'down' && calendarPageInfo.min < MINUTE_MAX_PAGE) {
+        calendarPageInfo.min++;
+      } else if (arrow === 'up' && calendarPageInfo.min > FIRST_PAGE) {
+        calendarPageInfo.min--;
       }
     } else if (timeType === 'sec') {
-      if (arrow === 'down' && mainCalendarPageInfo.sec < SECOND_MAX_PAGE) {
-        mainCalendarPageInfo.sec++;
-      } else if (arrow === 'up' && mainCalendarPageInfo.sec > FIRST_PAGE) {
-        mainCalendarPageInfo.sec--;
+      if (arrow === 'down' && calendarPageInfo.sec < SECOND_MAX_PAGE) {
+        calendarPageInfo.sec++;
+      } else if (arrow === 'up' && calendarPageInfo.sec > FIRST_PAGE) {
+        calendarPageInfo.sec--;
       }
     }
   };
   /**
    * Click cell In HMS area
+   * @param calendarType - {main|expanded}
    * @param timeType - {hour|min|sec}
    * @param i - row
    * @param j - col
    */
-  var clickTime = function clickTime(timeType, i, j) {
-    var currPage = mainCalendarPageInfo[timeType] - 1;
+  var clickTime = function clickTime(calendarType, timeType, i, j) {
+    if (preventTimeEventType[calendarType][timeType]) {
+      return;
+    }
+    var calendarPageInfo = calendarType === 'expanded' ? expandedCalendarPageInfo : mainCalendarPageInfo;
+    var currPage = calendarPageInfo[timeType] - 1;
     var currRowIdx = i - 1;
     var currColIdx = j - 1;
     var clickedNum = currPage * CELL_CNT_IN_ONE_PAGE + currRowIdx * CELL_CNT_IN_ONE_ROW + currColIdx;
+    var TODAY = new Date();
+    var TODAY_INFO = {
+      year: TODAY.getFullYear(),
+      month: TODAY.getMonth() + 1,
+      date: TODAY.getDate()
+    };
+    var EXIST_MODEL = true;
+    var pageUpdateList = [];
-    if (props.mode === 'dateTime') {
-      var _props$modelValue2;
-      var EXIST_YMD = !!((_props$modelValue2 = props.modelValue) !== null && _props$modelValue2 !== void 0 && _props$modelValue2.split(' ')[0]);
-      var TODAY = new Date();
-      var TODAY_INFO = {
-        year: TODAY.getFullYear(),
-        month: TODAY.getMonth() + 1,
-        date: TODAY.getDate()
-      };
+    var getTimeValueByType = function getTimeValueByType() {
+      var targetTimeValue;
+      if (timeType === 'hour') {
+        targetTimeValue = "".concat(uses_lpadToTwoDigits(clickedNum), ":00:00'");
+      } else if (timeType === 'min') {
+        targetTimeValue = "00:".concat(uses_lpadToTwoDigits(clickedNum), ":00");
+      } else if (timeType === 'sec') {
+        targetTimeValue = "00:00:".concat(uses_lpadToTwoDigits(clickedNum));
+      }
+      return "".concat(uses_formatDateTime(TODAY_INFO), " ").concat(targetTimeValue);
+    };
+    var getChangedValue = function getChangedValue(targetValue) {
+      var HOUR_START_IDX = 11;
+      var MIN_START_IDX = 14;
+      var SEC_START_IDX = 17;
+      var REPLACE_TEXT_SIZE = 2;
+      var START_IDX = HOUR_START_IDX;
+      if (timeType === 'min') {
+        START_IDX = MIN_START_IDX;
+      } else if (timeType === 'sec') {
+        START_IDX = SEC_START_IDX;
+      }
+      return "".concat(targetValue === null || targetValue === void 0 ? void 0 : targetValue.substr(0, START_IDX)).concat(uses_lpadToTwoDigits(clickedNum)).concat(targetValue === null || targetValue === void 0 ? void 0 : targetValue.substr(START_IDX + REPLACE_TEXT_SIZE));
+    };
+    if (props.mode === 'dateTime') {
       if (!props.modelValue) {
-        if (timeType === 'hour') {
-          selectedValue.value = "".concat(formatDateTime(TODAY_INFO), " ").concat(lpadToTwoDigits(clickedNum), ":00:00");
-          emit('update:modelValue', "".concat(formatDateTime(TODAY_INFO), " ").concat(lpadToTwoDigits(clickedNum), ":00:00"));
-        } else if (timeType === 'min') {
-          selectedValue.value = "".concat(formatDateTime(TODAY_INFO), " 00:").concat(lpadToTwoDigits(clickedNum), ":00");
-          emit('update:modelValue', "".concat(formatDateTime(TODAY_INFO), " 00:").concat(lpadToTwoDigits(clickedNum), ":00"));
-        } else if (timeType === 'sec') {
-          selectedValue.value = "".concat(formatDateTime(TODAY_INFO), " 00:00:").concat(lpadToTwoDigits(clickedNum));
-          emit('update:modelValue', "".concat(formatDateTime(TODAY_INFO), " 00:00:").concat(lpadToTwoDigits(clickedNum)));
+        EXIST_MODEL = false;
+        selectedValue.value = getChangedValueByTimeFormat(timeFormat, getTimeValueByType());
+        emit('update:modelValue', selectedValue.value);
+      } else {
+        selectedValue.value = getChangedValueByTimeFormat(timeFormat, getChangedValue(props.modelValue));
+        emit('update:modelValue', selectedValue.value);
+      }
+      pageUpdateList.push(selectedValue.value);
+    } else {
+      var index = calendarType !== 'main' | 0;
+      if (!props.modelValue.length) {
+        var timeValue = getTimeValueByType();
+        selectedValue.value = [timeValue, timeValue];
+        if (timeFormat && timeFormat.length) {
+          selectedValue.value = _toConsumableArray(selectedValue.value.map(function (v, idx) {
+            return getChangedValueByTimeFormat(timeFormat[idx], v);
+          }));
         }
+        EXIST_MODEL = false;
+        pageUpdateList = selectedValue.value;
       } else {
-        var HOUR_START_IDX = 11;
-        var MIN_START_IDX = 14;
-        var SEC_START_IDX = 17;
-        var REPLACE_TEXT_SIZE = 2;
-        var START_IDX = HOUR_START_IDX;
-        if (timeType === 'min') {
-          START_IDX = MIN_START_IDX;
-        } else if (timeType === 'sec') {
-          START_IDX = SEC_START_IDX;
+        var currDateTime = getChangedValue(props.modelValue[index]);
+        if (timeFormat && timeFormat.length) {
+          currDateTime = getChangedValueByTimeFormat(timeFormat[index], currDateTime);
         }
-        selectedValue.value = "".concat(props.modelValue.substr(0, START_IDX)).concat(lpadToTwoDigits(clickedNum)).concat(props.modelValue.substr(START_IDX + REPLACE_TEXT_SIZE));
-        emit('update:modelValue', "".concat(props.modelValue.substr(0, START_IDX)).concat(lpadToTwoDigits(clickedNum)).concat(props.modelValue.substr(START_IDX + REPLACE_TEXT_SIZE)));
-      } // dateTime의 v-model값이 없는 경우 time area를 클릭하였을 때 date의 값은 today로 세팅
+        var fromDate = index ? selectedValue.value[0] : currDateTime;
+        var toDate = index ? currDateTime : selectedValue.value[1];
+        if (new Date(fromDate).getTime() > new Date(toDate).getTime()) {
+          return;
+        }
-      if (!EXIST_YMD) {
-        setCalendarPageInfo('main', _objectSpread2({
-          hour: 1,
-          min: 1,
-          sec: 1
-        }, _defineProperty({
-          year: TODAY_INFO.year,
-          month: TODAY_INFO.month
-        }, timeType, Math.floor(clickedNum / CELL_CNT_IN_ONE_PAGE) + 1)));
-        setCalendarDate('main');
+        selectedValue.value[index] = currDateTime;
       }
-      setHmsTime();
+      emit('update:modelValue', _toConsumableArray(selectedValue.value));
+    }
+    setHmsTime(); // dateTime의 v-model값이 없는 경우 time area를 클릭하였을 때 date의 값은 today로 세팅
+    if (!EXIST_MODEL) {
+      updatePageList(pageUpdateList);
     }
   };
   /**
    * Wheel up or wheel down In Calendar Month(tbody) area
+   * @param calendarType - {main|expanded}
    * @param e
    */
@@ -20329,13 +20662,18 @@ var calendar_uses_useEvent = function useEvent(param) {
   };
   /**
    * Wheel up or wheel down In Calendar Time(HMS) area
+   * @param calendarType - {main|expanded}
    * @param timeType - {hour|min|sec}
    * @param e
    */
-  var wheelTime = function wheelTime(timeType, e) {
-    clickHmsBtn(timeType, e.deltaY > 0 ? 'down' : 'up');
+  var wheelTime = function wheelTime(calendarType, timeType, e) {
+    if (preventTimeEventType[calendarType][timeType]) {
+      return;
+    }
+    clickHmsBtn(calendarType, timeType, e.deltaY > 0 ? 'down' : 'up');
   };
   /**
    * dateRange 모드에서 한번 클릭 후 날짜에 마우스무브하는 경우
@@ -20368,7 +20706,7 @@ var calendar_uses_useEvent = function useEvent(param) {
       }
       var STANDARD_DATE_STR = dateRangeClickedDate.value;
-      var MOUSEMOVE_DATE_STR = formatDateTime({
+      var MOUSEMOVE_DATE_STR = uses_formatDateTime({
         year: yearMonth.year,
         month: yearMonth.month,
         date: yearMonth.date
@@ -20386,6 +20724,31 @@ var calendar_uses_useEvent = function useEvent(param) {
       setCalendarDate('expanded');
     }
   }, 10);
+  /**
+   * Calendar Info 전체 업데이트
+   */
+  var resetCalendarInfo = function resetCalendarInfo() {
+    var pageUpdateList = [];
+    if (['date', 'dateTime'].includes(props.mode)) {
+      pageUpdateList.push(selectedValue.value);
+    } else {
+      pageUpdateList = selectedValue.value;
+    }
+    if (['dateTime', 'dateTimeRange'].includes(props.mode)) {
+      updatePageList(pageUpdateList);
+      setHmsTime();
+    }
+  };
+  Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+    return props.modelValue;
+  }, function (curr) {
+    selectedValue.value = curr;
+    resetCalendarInfo();
+  });
   return {
     clickPrevNextBtn: clickPrevNextBtn,
     clickDate: clickDate,
@@ -20393,8 +20756,10 @@ var calendar_uses_useEvent = function useEvent(param) {
     clickTime: clickTime,
     wheelMonth: wheelMonth,
     wheelTime: wheelTime,
+    resetCalendarInfo: resetCalendarInfo,
     calendarEventName: calendarEventName,
-    onMousemoveDate: onMousemoveDate
+    onMousemoveDate: onMousemoveDate,
+    preventTimeEventType: preventTimeEventType
   };
 };
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/calendar/Calendar.vue?vue&type=script&lang=js
@@ -20404,6 +20769,7 @@ var calendar_uses_useEvent = function useEvent(param) {
 /* harmony default export */ var Calendarvue_type_script_lang_js = ({
   name: 'EvCalendar',
   props: {
@@ -20416,7 +20782,7 @@ var calendar_uses_useEvent = function useEvent(param) {
         if (Array.isArray(value)) {
           return value.every(function (v) {
-            return !!(!v || v.length === 10 && dateReg.exec(v));
+            return !!(!v || v.length === 10 && dateReg.exec(v)) || v.length === 19 && dateTimeReg.exec(v);
           });
         }
@@ -20427,7 +20793,7 @@ var calendar_uses_useEvent = function useEvent(param) {
       type: String,
       default: 'date',
       validator: function validator(value) {
-        return ['date', 'dateTime', 'dateMulti', 'dateRange'].indexOf(value) !== -1;
+        return ['date', 'dateTime', 'dateMulti', 'dateRange', 'dateTimeRange'].indexOf(value) !== -1;
       }
     },
     monthNotation: {
@@ -20455,8 +20821,12 @@ var calendar_uses_useEvent = function useEvent(param) {
       validator: function validator(_ref) {
         var multiType = _ref.multiType,
             multiDayLimit = _ref.multiDayLimit,
-            disabledDate = _ref.disabledDate;
-        return (multiType ? ['weekday', 'week', 'date'].indexOf(multiType) !== -1 : true) && (multiDayLimit ? typeof multiDayLimit === 'number' && multiDayLimit > 0 : true) && (disabledDate ? typeof disabledDate === 'function' : true);
+            disabledDate = _ref.disabledDate,
+            timeFormat = _ref.timeFormat;
+        var timeReg = new RegExp(/(HH|2[0-3]|[01][0-9]):(mm|[0-5][0-9]):(ss|[0-5][0-9])/);
+        return (multiType ? ['weekday', 'week', 'date'].indexOf(multiType) !== -1 : true) && (multiDayLimit ? typeof multiDayLimit === 'number' && multiDayLimit > 0 : true) && (disabledDate ? typeof disabledDate === 'function' : true) && Array.isArray(timeFormat) ? timeFormat.every(function (v) {
+          return !!(!v || timeReg.exec(v));
+        }) : !!(!timeFormat || timeReg.exec(timeFormat));
       }
     }
   },
@@ -20480,7 +20850,8 @@ var calendar_uses_useEvent = function useEvent(param) {
     }),
         mainCalendarTableInfo = _useCalendarDate.mainCalendarTableInfo,
         expandedCalendarTableInfo = _useCalendarDate.expandedCalendarTableInfo,
-        timeTableInfo = _useCalendarDate.timeTableInfo,
+        mainTimeTableInfo = _useCalendarDate.mainTimeTableInfo,
+        expandedTimeTableInfo = _useCalendarDate.expandedTimeTableInfo,
         setCalendarDate = _useCalendarDate.setCalendarDate,
         setHmsTime = _useCalendarDate.setHmsTime,
         getTimeInfo = _useCalendarDate.getTimeInfo;
@@ -20498,16 +20869,21 @@ var calendar_uses_useEvent = function useEvent(param) {
         clickTime = _useEvent.clickTime,
         wheelMonth = _useEvent.wheelMonth,
         wheelTime = _useEvent.wheelTime,
+        resetCalendarInfo = _useEvent.resetCalendarInfo,
         calendarEventName = _useEvent.calendarEventName,
-        onMousemoveDate = _useEvent.onMousemoveDate;
+        onMousemoveDate = _useEvent.onMousemoveDate,
+        preventTimeEventType = _useEvent.preventTimeEventType;
     setCalendarDate('main');
-    if (props.mode === 'dateRange') {
+    if (['dateRange', 'dateTimeRange'].includes(props.mode)) {
       setCalendarDate('expanded');
     }
-    setHmsTime();
+    if (['dateTime', 'dateTimeRange'].includes(props.mode)) {
+      setHmsTime();
+    }
     return {
       selectedValue: selectedValue,
       mainCalendarPageInfo: mainCalendarPageInfo,
@@ -20518,7 +20894,8 @@ var calendar_uses_useEvent = function useEvent(param) {
       isContinuousMonths: isContinuousMonths,
       mainCalendarTableInfo: mainCalendarTableInfo,
       expandedCalendarTableInfo: expandedCalendarTableInfo,
-      timeTableInfo: timeTableInfo,
+      mainTimeTableInfo: mainTimeTableInfo,
+      expandedTimeTableInfo: expandedTimeTableInfo,
       getTimeInfo: getTimeInfo,
       clickPrevNextBtn: clickPrevNextBtn,
       clickDate: clickDate,
@@ -20526,15 +20903,17 @@ var calendar_uses_useEvent = function useEvent(param) {
       clickTime: clickTime,
       wheelMonth: wheelMonth,
       wheelTime: wheelTime,
+      resetCalendarInfo: resetCalendarInfo,
       calendarEventName: calendarEventName,
-      onMousemoveDate: onMousemoveDate
+      onMousemoveDate: onMousemoveDate,
+      preventTimeEventType: preventTimeEventType
     };
   }
 });
 // CONCATENATED MODULE: ./src/components/calendar/Calendar.vue?vue&type=script&lang=js
-// EXTERNAL MODULE: ./src/components/calendar/Calendar.vue?vue&type=style&index=0&id=4d16ba3f&lang=scss
-var Calendarvue_type_style_index_0_id_4d16ba3f_lang_scss = __webpack_require__("9f6d");
+// EXTERNAL MODULE: ./src/components/calendar/Calendar.vue?vue&type=style&index=0&id=5852b296&lang=scss
+var Calendarvue_type_style_index_0_id_5852b296_lang_scss = __webpack_require__("53ef");
 // CONCATENATED MODULE: ./src/components/calendar/Calendar.vue
@@ -20544,7 +20923,7 @@ var Calendarvue_type_style_index_0_id_4d16ba3f_lang_scss = __webpack_require__("
-const Calendar_exports_ = /*#__PURE__*/exportHelper_default()(Calendarvue_type_script_lang_js, [['render',Calendarvue_type_template_id_4d16ba3f_render]])
+const Calendar_exports_ = /*#__PURE__*/exportHelper_default()(Calendarvue_type_script_lang_js, [['render',Calendarvue_type_template_id_5852b296_render]])
 /* harmony default export */ var Calendar = (Calendar_exports_);
 // CONCATENATED MODULE: ./src/components/calendar/index.js
@@ -20556,63 +20935,75 @@ Calendar.install = function (app) {
 };
 /* harmony default export */ var calendar = (Calendar);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/datePicker/DatePicker.vue?vue&type=template&id=f0ca1c08
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/datePicker/DatePicker.vue?vue&type=template&id=1f977ec1
-var DatePickervue_type_template_id_f0ca1c08_hoisted_1 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
+var DatePickervue_type_template_id_1f977ec1_hoisted_1 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
   class: "ev-date-picker-prefix-icon"
 }, [/*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
   class: "ev-icon-calendar"
 })], -1);
-var DatePickervue_type_template_id_f0ca1c08_hoisted_2 = {
+var DatePickervue_type_template_id_1f977ec1_hoisted_2 = {
   key: 1,
   class: "ev-date-picker-tag-wrapper"
 };
-var DatePickervue_type_template_id_f0ca1c08_hoisted_3 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
+var DatePickervue_type_template_id_1f977ec1_hoisted_3 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
   class: "ev-date-picker-prefix-icon"
 }, [/*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
   class: "ev-icon-calendar"
 })], -1);
-var DatePickervue_type_template_id_f0ca1c08_hoisted_4 = {
+var DatePickervue_type_template_id_1f977ec1_hoisted_4 = {
   class: "ev-tag-name"
 };
-var DatePickervue_type_template_id_f0ca1c08_hoisted_5 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
+var DatePickervue_type_template_id_1f977ec1_hoisted_5 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
   class: "ev-tag-suffix-close ev-icon-error"
 }, null, -1);
-var DatePickervue_type_template_id_f0ca1c08_hoisted_6 = {
+var DatePickervue_type_template_id_1f977ec1_hoisted_6 = {
   class: "ev-select-tag num"
 };
-var DatePickervue_type_template_id_f0ca1c08_hoisted_7 = {
+var DatePickervue_type_template_id_1f977ec1_hoisted_7 = {
   class: "ev-tag-name"
 };
-var DatePickervue_type_template_id_f0ca1c08_hoisted_8 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+var DatePickervue_type_template_id_1f977ec1_hoisted_8 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
   class: "ev-select-tag num"
 }, [/*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
   class: "ev-tag-name"
 }, " ~ ")], -1);
-var DatePickervue_type_template_id_f0ca1c08_hoisted_9 = {
+var DatePickervue_type_template_id_1f977ec1_hoisted_9 = {
   class: "ev-select-tag num"
 };
-var DatePickervue_type_template_id_f0ca1c08_hoisted_10 = {
+var DatePickervue_type_template_id_1f977ec1_hoisted_10 = {
   class: "ev-tag-name"
 };
-var DatePickervue_type_template_id_f0ca1c08_hoisted_11 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
+var DatePickervue_type_template_id_1f977ec1_hoisted_11 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
   class: "ev-icon-error"
 }, null, -1);
-var DatePickervue_type_template_id_f0ca1c08_hoisted_12 = {
+var DatePickervue_type_template_id_1f977ec1_hoisted_12 = {
   class: "ev-date-picker-dropbox-wrapper"
 };
-function DatePickervue_type_template_id_f0ca1c08_render(_ctx, _cache, $props, $setup, $data, $options) {
+var DatePickervue_type_template_id_1f977ec1_hoisted_13 = {
+  key: 0,
+  class: "ev-date-picker-dropbox__button-layout"
+};
+var DatePickervue_type_template_id_1f977ec1_hoisted_14 = {
+  key: 1,
+  class: "ev-date-picker-dropbox__divider"
+};
+function DatePickervue_type_template_id_1f977ec1_render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_ev_button = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-button");
+  var _component_ev_button_group = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-button-group");
   var _component_ev_calendar = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-calendar");
   var _directive_clickoutside = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDirective"])("clickoutside");
@@ -20620,18 +21011,18 @@ function DatePickervue_type_template_id_f0ca1c08_render(_ctx, _cache, $props, $s
   return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])((Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
     ref: "datePicker",
     class: ["ev-date-picker", {
-      disabled: $props.disabled
+      disabled: _ctx.$props.disabled
     }]
-  }, [$props.mode === 'date' || $props.mode === 'dateTime' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
+  }, [_ctx.$props.mode === 'date' || _ctx.$props.mode === 'dateTime' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
     key: 0
-  }, [DatePickervue_type_template_id_f0ca1c08_hoisted_1, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("input", {
+  }, [DatePickervue_type_template_id_1f977ec1_hoisted_1, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("input", {
     "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) {
       return $setup.currentValue = $event;
     }),
     type: "text",
     class: "ev-input",
-    placeholder: $props.placeholder,
-    disabled: $props.disabled,
+    placeholder: _ctx.$props.placeholder,
+    disabled: _ctx.$props.disabled,
     onClick: _cache[2] || (_cache[2] = function () {
       return $setup.clickSelectInput && $setup.clickSelectInput.apply($setup, arguments);
     }),
@@ -20643,57 +21034,129 @@ function DatePickervue_type_template_id_f0ca1c08_render(_ctx, _cache, $props, $s
     })
   }, null, 40, ["placeholder", "disabled"]), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelText"], $setup.currentValue, void 0, {
     trim: true
-  }]])], 64)) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", DatePickervue_type_template_id_f0ca1c08_hoisted_2, [DatePickervue_type_template_id_f0ca1c08_hoisted_3, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("input", {
+  }]])], 64)) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", DatePickervue_type_template_id_1f977ec1_hoisted_2, [DatePickervue_type_template_id_1f977ec1_hoisted_3, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("input", {
     type: "text",
     class: "ev-input readonly",
     readonly: "",
-    placeholder: $props.placeholder,
-    disabled: $props.disabled,
+    placeholder: _ctx.$props.placeholder,
+    disabled: _ctx.$props.disabled,
     onClick: _cache[5] || (_cache[5] = function () {
       return $setup.clickSelectInput && $setup.clickSelectInput.apply($setup, arguments);
     })
-  }, null, 8, ["placeholder", "disabled"]), $props.mode === 'dateMulti' && ($props.options.multiType === 'date' || !$props.options.tagShorten) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
+  }, null, 8, ["placeholder", "disabled"]), _ctx.$props.mode === 'dateMulti' && (_ctx.$props.options.multiType === 'date' || !_ctx.$props.options.tagShorten) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
     key: 0
   }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($setup.mv, function (item, idx) {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
       key: "".concat(item, "_").concat(idx),
       class: ["ev-select-tag", {
-        num: $props.options.multiType !== 'date'
+        num: _ctx.$props.options.multiType !== 'date'
       }]
-    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", DatePickervue_type_template_id_f0ca1c08_hoisted_4, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item), 1), $props.options.multiType === 'date' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", DatePickervue_type_template_id_1f977ec1_hoisted_4, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item), 1), _ctx.$props.options.multiType === 'date' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
       key: 0,
       class: "ev-tag-suffix",
       onClick: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function ($event) {
         return [$setup.removeMv(item), $setup.changeDropboxPosition()];
       }, ["stop"])
-    }, [DatePickervue_type_template_id_f0ca1c08_hoisted_5], 8, ["onClick"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 2);
+    }, [DatePickervue_type_template_id_1f977ec1_hoisted_5], 8, ["onClick"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 2);
   }), 128)) : $setup.mv[0] && $setup.mv[$setup.mv.length - 1] ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
     key: 1
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", DatePickervue_type_template_id_f0ca1c08_hoisted_6, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", DatePickervue_type_template_id_f0ca1c08_hoisted_7, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.mv[0]), 1)]), DatePickervue_type_template_id_f0ca1c08_hoisted_8, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", DatePickervue_type_template_id_f0ca1c08_hoisted_9, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", DatePickervue_type_template_id_f0ca1c08_hoisted_10, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.mv[$setup.mv.length - 1]), 1)])], 64)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])), $props.clearable ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])((Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", DatePickervue_type_template_id_1f977ec1_hoisted_6, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", DatePickervue_type_template_id_1f977ec1_hoisted_7, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.mv[0]), 1)]), DatePickervue_type_template_id_1f977ec1_hoisted_8, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", DatePickervue_type_template_id_1f977ec1_hoisted_9, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", DatePickervue_type_template_id_1f977ec1_hoisted_10, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.mv[$setup.mv.length - 1]), 1)])], 64)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])), _ctx.$props.clearable ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])((Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
     key: 2,
     class: "ev-input-suffix",
     onClick: _cache[6] || (_cache[6] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function ($event) {
       return [$setup.removeAllMv(), $setup.clickOutsideDropbox()];
     }, ["stop"]))
-  }, [DatePickervue_type_template_id_f0ca1c08_hoisted_11], 512)), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], $setup.isClearableIcon]]) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", DatePickervue_type_template_id_f0ca1c08_hoisted_12, [$setup.isDropbox ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
+  }, [DatePickervue_type_template_id_1f977ec1_hoisted_11], 512)), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], $setup.isClearableIcon]]) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", DatePickervue_type_template_id_1f977ec1_hoisted_12, [$setup.isDropbox ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
     key: 0,
     ref: "dropbox",
-    class: ["ev-date-picker-dropdown", $props.mode],
+    class: ["ev-date-picker-dropdown", _ctx.$props.mode],
     style: $setup.dropboxPosition
+  }, [$setup.usedShortcuts.length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", DatePickervue_type_template_id_1f977ec1_hoisted_13, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_button_group, null, {
+    default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
+      return [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($setup.usedShortcuts, function (button) {
+        return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_ev_button, {
+          key: button.key,
+          type: button.isActive ? 'primary' : 'default',
+          onClick: function onClick($event) {
+            return $setup.clickShortcut(button.key);
+          }
+        }, {
+          default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
+            return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(button.label), 1)];
+          }),
+          _: 2
+        }, 1032, ["type", "onClick"]);
+      }), 128))];
+    }),
+    _: 1
+  })])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $setup.usedShortcuts.length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", DatePickervue_type_template_id_1f977ec1_hoisted_14)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+    class: {
+      'ev-date-picker-dropbox__calendar': $setup.usedShortcuts.length
+    }
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_calendar, {
     key: "fromCalendar",
     modelValue: $setup.mv,
     "onUpdate:modelValue": _cache[7] || (_cache[7] = function ($event) {
       return $setup.mv = $event;
     }),
-    mode: $props.mode,
-    "month-notation": $props.monthNotation,
-    "day-of-the-week-notation": $props.dayOfTheWeekNotation,
-    options: $props.options
-  }, null, 8, ["modelValue", "mode", "month-notation", "day-of-the-week-notation", "options"])], 6)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 2)), [[_directive_clickoutside, $setup.clickOutsideDropbox]]);
+    mode: _ctx.$props.mode,
+    "month-notation": _ctx.$props.monthNotation,
+    "day-of-the-week-notation": _ctx.$props.dayOfTheWeekNotation,
+    options: _ctx.$props.options
+  }, null, 8, ["modelValue", "mode", "month-notation", "day-of-the-week-notation", "options"])], 2)], 6)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 2)), [[_directive_clickoutside, $setup.clickOutsideDropbox]]);
+}
+// CONCATENATED MODULE: ./src/components/datePicker/DatePicker.vue?vue&type=template&id=1f977ec1
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
+function _iterableToArrayLimit(arr, i) {
+  if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+  var _e = undefined;
+  try {
+    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+      if (i && _arr.length === i) break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null) _i["return"]();
+    } finally {
+      if (_d) throw _e;
+    }
+  }
+  return _arr;
 }
-// CONCATENATED MODULE: ./src/components/datePicker/DatePicker.vue?vue&type=template&id=f0ca1c08
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
 // CONCATENATED MODULE: ./src/components/datePicker/uses.js
@@ -20704,13 +21167,23 @@ function DatePickervue_type_template_id_f0ca1c08_render(_ctx, _cache, $props, $s
 var uses_dateReg = new RegExp(/[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])/);
 var uses_dateTimeReg = new RegExp(/[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1]) (2[0-3]|[01][0-9]):[0-5][0-9]:[0-5][0-9]/);
 var datePicker_uses_useModel = function useModel() {
+  var _props$options;
   var _getCurrentInstance = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["getCurrentInstance"])(),
       props = _getCurrentInstance.props,
-      emit = _getCurrentInstance.emit; // Select 컴포넌트의 v-model 값
+      emit = _getCurrentInstance.emit;
+  var timeFormat = (_props$options = props.options) === null || _props$options === void 0 ? void 0 : _props$options.timeFormat; // Select 컴포넌트의 v-model 값
   var mv = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])({
     get: function get() {
@@ -20718,6 +21191,18 @@ var datePicker_uses_useModel = function useModel() {
         return props.mode === 'date' || props.mode === 'dateTime' ? '' : [];
       }
+      if (['dateTime', 'dateTimeRange'].includes(props.mode) && timeFormat) {
+        if (props.mode === 'dateTime') {
+          return getChangedValueByTimeFormat(timeFormat, props.modelValue);
+        } else if (props.modelValue.length) {
+          var _timeFormat = _slicedToArray(timeFormat, 2),
+              fromTimeFormat = _timeFormat[0],
+              toTimeFormat = _timeFormat[1];
+          return [getChangedValueByTimeFormat(fromTimeFormat, props.modelValue[0]), getChangedValueByTimeFormat(toTimeFormat, props.modelValue[1])];
+        }
+      }
       return props.modelValue;
     },
     set: function set(value) {
@@ -20725,7 +21210,28 @@ var datePicker_uses_useModel = function useModel() {
     }
   }); // mode: 'date' or 'dateTime'시 input box의 입력된 텍스트값
-  var currentValue = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(props.modelValue);
+  var currentValue;
+  if (['dateTimeRange', 'dateTime'].includes(props.mode) && timeFormat) {
+    if (props.mode === 'dateTimeRange' && props.modelValue.length) {
+      var _props$modelValue = _slicedToArray(props.modelValue, 2),
+          fromDate = _props$modelValue[0],
+          toDate = _props$modelValue[1];
+      var _timeFormat2 = _slicedToArray(timeFormat, 2),
+          fromTimeFormat = _timeFormat2[0],
+          toTimeFormat = _timeFormat2[1];
+      props.modelValue = [getChangedValueByTimeFormat(fromTimeFormat, fromDate), getChangedValueByTimeFormat(toTimeFormat, toDate)];
+      currentValue = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(props.modelValue);
+    } else if (props.mode === 'dateTime' && props.modelValue) {
+      currentValue = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(getChangedValueByTimeFormat(timeFormat, props.modelValue));
+    } else {
+      currentValue = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(props.modelValue);
+    }
+  } else {
+    currentValue = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(props.modelValue);
+  }
   var validateValue = function validateValue(curr) {
     if (props.mode === 'date' && (curr.length !== 10 || !uses_dateReg.exec(curr))) {
@@ -20811,11 +21317,10 @@ var datePicker_uses_useModel = function useModel() {
     removeMv: removeMv
   };
 };
-var datePicker_uses_useDropdown = function useDropdown(param) {
+var datePicker_uses_useDropdown = function useDropdown() {
   var _getCurrentInstance2 = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["getCurrentInstance"])(),
       props = _getCurrentInstance2.props;
-  var currentValue = param.currentValue;
   var isDropbox = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(false);
   var datePicker = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(null);
   var dropbox = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(null);
@@ -20938,14 +21443,239 @@ var datePicker_uses_useDropdown = function useDropdown(param) {
     isDropbox.value = false;
   };
+  return {
+    isDropbox: isDropbox,
+    datePicker: datePicker,
+    dropbox: dropbox,
+    itemWrapper: itemWrapper,
+    dropboxPosition: dropboxPosition,
+    clickSelectInput: clickSelectInput,
+    clickOutsideDropbox: clickOutsideDropbox,
+    changeDropboxPosition: changeDropboxPosition
+  };
+};
+var uses_useShortcuts = function useShortcuts(param) {
+  var _props$shortcuts;
+  var _getCurrentInstance3 = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["getCurrentInstance"])(),
+      props = _getCurrentInstance3.props;
+  var mv = param.mv,
+      currentValue = param.currentValue,
+      clickOutsideDropbox = param.clickOutsideDropbox;
+  var usedShortcuts = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])([]);
+  (_props$shortcuts = props.shortcuts) === null || _props$shortcuts === void 0 ? void 0 : _props$shortcuts.forEach(function (_ref4) {
+    var value = _ref4.value,
+        label = _ref4.label,
+        shortcutDate = _ref4.shortcutDate;
+    usedShortcuts.push({
+      key: value,
+      label: label,
+      shortcutDate: shortcutDate,
+      isActive: false
+    });
+  });
+  /**
+   * active 되어있는 shortcut 제거
+   */
+  var clearShortcuts = function clearShortcuts() {
+    var targetShortcut = usedShortcuts.find(function (shortcut) {
+      return shortcut.isActive;
+    });
+    if (targetShortcut) {
+      targetShortcut.isActive = false;
+    }
+  };
+  /**
+   * targetKey에 해당하는 shortcut을 active
+   * @param targetKey
+   */
+  var activeShortcut = function activeShortcut(targetKey) {
+    var targetShortcut = usedShortcuts.find(function (shortcut) {
+      return shortcut.key === targetKey;
+    });
+    if (targetShortcut) {
+      targetShortcut.isActive = true;
+    }
+  };
+  /**
+   * 월, 일을 두자리 숫자로 보정
+   * @param num
+   * @returns {string|*}
+   */
+  var lpadToTwoDigits = function lpadToTwoDigits(num) {
+    if (num === null) {
+      return '00';
+    } else if (+num < 10) {
+      return "0".concat(num);
+    }
+    return num;
+  };
+  /**
+   * 'YYYY-MM-DD' 형식으로 format
+   * @param targetDate
+   * @returns string
+   */
+  var formatDate = function formatDate(targetDate) {
+    var dateValue = targetDate ? new Date(targetDate) : new Date();
+    var year = dateValue.getFullYear();
+    var month = dateValue.getMonth() + 1;
+    var day = dateValue.getDate();
+    return "".concat(year, "-").concat(lpadToTwoDigits(month), "-").concat(lpadToTwoDigits(day));
+  };
+  /**
+   * 'YYYY-MM-DD HH:mm:ss' 형식으로 format
+   * @param targetDateTime
+   * @returns string
+   */
+  var formatDateTime = function formatDateTime(targetDateTime) {
+    var dateTimeValue = targetDateTime ? new Date(targetDateTime) : new Date();
+    var hour = dateTimeValue.getHours();
+    var min = dateTimeValue.getMinutes();
+    var sec = dateTimeValue.getSeconds();
+    return "".concat(formatDate(dateTimeValue), " ").concat(lpadToTwoDigits(hour), ":").concat(lpadToTwoDigits(min), ":").concat(lpadToTwoDigits(sec));
+  };
+  /**
+   * 시, 분, 초를 원하는 값으로 변환
+   * @param targetDate
+   * @param hour
+   * @param min
+   * @param sec
+   * @returns {Date}
+   */
+  var getChangedDateTime = function getChangedDateTime(targetDate, hour, min, sec) {
+    var dateTimeValue = new Date(targetDate);
+    dateTimeValue.setHours(hour);
+    dateTimeValue.setMinutes(min);
+    dateTimeValue.setSeconds(sec);
+    return dateTimeValue;
+  };
+  /**
+   * 초기 shortcut 세팅
+   * 해당하는 날짜면 active
+   */
+  var setActiveShortcut = function setActiveShortcut() {
+    var _props$options2;
+    clearShortcuts();
+    var isRange = ['dateRange', 'dateTimeRange'].includes(props.mode);
+    if (!usedShortcuts.length || props.mode === 'dateMulti' && ((_props$options2 = props.options) === null || _props$options2 === void 0 ? void 0 : _props$options2.multiType) !== 'date' || isRange && !mv.value.length || !isRange && !mv.value) {
+      return;
+    }
+    var targetKey;
+    if (isRange) {
+      var _mv$value = _slicedToArray(mv.value, 2),
+          fromDate = _mv$value[0],
+          toDate = _mv$value[1];
+      var targetShortcut = usedShortcuts.find(function (_ref5) {
+        var shortcutDate = _ref5.shortcutDate;
+        var _shortcutDate = shortcutDate(),
+            _shortcutDate2 = _slicedToArray(_shortcutDate, 2),
+            sFromDate = _shortcutDate2[0],
+            sToDate = _shortcutDate2[1];
+        var isCorrectFromDate = formatDate(sFromDate) === formatDate(fromDate);
+        var isCorrectToDate = formatDate(sToDate) === formatDate(toDate);
+        return isCorrectFromDate && isCorrectToDate;
+      });
+      targetKey = targetShortcut === null || targetShortcut === void 0 ? void 0 : targetShortcut.key;
+    } else {
+      var date = formatDate(mv.value);
+      var _targetShortcut = usedShortcuts.find(function (_ref6) {
+        var shortcutDate = _ref6.shortcutDate;
+        var sDate = formatDate(shortcutDate());
+        return sDate === formatDate(date);
+      });
+      targetKey = _targetShortcut === null || _targetShortcut === void 0 ? void 0 : _targetShortcut.key;
+    }
+    if (targetKey) {
+      activeShortcut(targetKey);
+    }
+  };
+  /**
+   * shortcut을 클릭했을 때 이벤트
+   * @param targetKey
+   */
+  var clickShortcut = function clickShortcut(targetKey) {
+    var isRange = ['dateRange', 'dateTimeRange'].includes(props.mode);
+    var targetShortcut = usedShortcuts.find(function (_ref7) {
+      var key = _ref7.key;
+      return key === targetKey;
+    });
+    if (!targetShortcut) {
+      return;
+    }
+    var shortcutDate = targetShortcut.shortcutDate;
+    if (isRange) {
+      var _shortcutDate3 = shortcutDate(),
+          _shortcutDate4 = _slicedToArray(_shortcutDate3, 2),
+          fromDate = _shortcutDate4[0],
+          toDate = _shortcutDate4[1];
+      if (props.mode === 'dateTimeRange') {
+        var _props$options3;
+        var from = getChangedDateTime(fromDate, 0, 0, 0);
+        var to = getChangedDateTime(toDate, 0, 0, 0);
+        var _props$options$timeFo = (_props$options3 = props.options) === null || _props$options3 === void 0 ? void 0 : _props$options3.timeFormat,
+            _props$options$timeFo2 = _slicedToArray(_props$options$timeFo, 2),
+            fromTimeFormat = _props$options$timeFo2[0],
+            toTimeFormat = _props$options$timeFo2[1];
+        mv.value = [getChangedValueByTimeFormat(fromTimeFormat, formatDateTime(from)), getChangedValueByTimeFormat(toTimeFormat, formatDateTime(to))];
+      } else {
+        mv.value = [formatDate(fromDate), formatDate(toDate)];
+      }
+    } else {
+      var _props$options4;
+      var sDate = shortcutDate();
+      mv.value = props.mode === 'dateTime' ? getChangedValueByTimeFormat((_props$options4 = props.options) === null || _props$options4 === void 0 ? void 0 : _props$options4.timeFormat, formatDateTime(getChangedDateTime(sDate, 0, 0, 0))) : formatDate(sDate);
+    }
+    clearShortcuts();
+  };
   Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
     return props.modelValue;
   }, function (curr) {
-    var _props$options, _props$options2;
+    var _props$options5, _props$options6;
-    if (props.mode === 'dateMulti' && (props === null || props === void 0 ? void 0 : (_props$options = props.options) === null || _props$options === void 0 ? void 0 : _props$options.multiType) === 'date' && (props === null || props === void 0 ? void 0 : (_props$options2 = props.options) === null || _props$options2 === void 0 ? void 0 : _props$options2.multiDayLimit) > curr.length) {
+    setActiveShortcut();
+    if (props.mode === 'dateMulti' && (props === null || props === void 0 ? void 0 : (_props$options5 = props.options) === null || _props$options5 === void 0 ? void 0 : _props$options5.multiType) === 'date' && (props === null || props === void 0 ? void 0 : (_props$options6 = props.options) === null || _props$options6 === void 0 ? void 0 : _props$options6.multiDayLimit) > curr.length) {
       return;
-    } else if (props.mode === 'dateTime') {
+    } else if (props.mode === 'dateTime' || props.mode === 'dateTimeRange') {
       currentValue.value = curr;
       return;
     } else if (props.mode === 'date') {
@@ -20955,14 +21685,9 @@ var datePicker_uses_useDropdown = function useDropdown(param) {
     clickOutsideDropbox();
   });
   return {
-    isDropbox: isDropbox,
-    datePicker: datePicker,
-    dropbox: dropbox,
-    itemWrapper: itemWrapper,
-    dropboxPosition: dropboxPosition,
-    clickSelectInput: clickSelectInput,
-    clickOutsideDropbox: clickOutsideDropbox,
-    changeDropboxPosition: changeDropboxPosition
+    usedShortcuts: usedShortcuts,
+    clickShortcut: clickShortcut,
+    setActiveShortcut: setActiveShortcut
   };
 };
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/datePicker/DatePicker.vue?vue&type=script&lang=js
@@ -20988,7 +21713,7 @@ var datePicker_uses_useDropdown = function useDropdown(param) {
         if (Array.isArray(value)) {
           return value.every(function (v) {
-            return !!(!v || v.length === 10 && dateReg.exec(v));
+            return !!(!v || v.length === 10 && dateReg.exec(v)) || v.length === 19 && dateTimeReg.exec(v);
           });
         }
@@ -21011,7 +21736,7 @@ var datePicker_uses_useDropdown = function useDropdown(param) {
       type: String,
       default: 'date',
       validator: function validator(value) {
-        return ['date', 'dateTime', 'dateMulti', 'dateRange'].indexOf(value) !== -1;
+        return ['date', 'dateTime', 'dateMulti', 'dateRange', 'dateTimeRange'].indexOf(value) !== -1;
       }
     },
     monthNotation: {
@@ -21041,8 +21766,18 @@ var datePicker_uses_useDropdown = function useDropdown(param) {
         var multiType = _ref.multiType,
             multiDayLimit = _ref.multiDayLimit,
             disabledDate = _ref.disabledDate,
-            tagShorten = _ref.tagShorten;
-        return (multiType ? ['weekday', 'week', 'date'].indexOf(multiType) !== -1 : true) && (multiDayLimit ? typeof multiDayLimit === 'number' && multiDayLimit > 0 : true) && (disabledDate ? typeof disabledDate === 'function' : true) && (tagShorten !== undefined ? typeof tagShorten === 'boolean' : true);
+            tagShorten = _ref.tagShorten,
+            timeFormat = _ref.timeFormat;
+        var timeReg = new RegExp(/(HH|2[0-3]|[01][0-9]):(mm|[0-5][0-9]):(ss|[0-5][0-9])/);
+        return (multiType ? ['weekday', 'week', 'date'].indexOf(multiType) !== -1 : true) && (multiDayLimit ? typeof multiDayLimit === 'number' && multiDayLimit > 0 : true) && (disabledDate ? typeof disabledDate === 'function' : true) && (tagShorten !== undefined ? typeof tagShorten === 'boolean' : true) && Array.isArray(timeFormat) ? timeFormat.every(function (v) {
+          return !!(!v || timeReg.exec(v));
+        }) : !!(!timeFormat || timeReg.exec(timeFormat));
+      }
+    },
+    shortcuts: {
+      type: Array,
+      default: function _default() {
+        return [];
       }
     }
   },
@@ -21059,9 +21794,7 @@ var datePicker_uses_useDropdown = function useDropdown(param) {
         changeMv = _useModel.changeMv,
         removeMv = _useModel.removeMv;
-    var _useDropdown = datePicker_uses_useDropdown({
-      currentValue: currentValue
-    }),
+    var _useDropdown = datePicker_uses_useDropdown(),
         isDropbox = _useDropdown.isDropbox,
         datePicker = _useDropdown.datePicker,
         dropbox = _useDropdown.dropbox,
@@ -21071,6 +21804,16 @@ var datePicker_uses_useDropdown = function useDropdown(param) {
         clickOutsideDropbox = _useDropdown.clickOutsideDropbox,
         changeDropboxPosition = _useDropdown.changeDropboxPosition;
+    var _useShortcuts = uses_useShortcuts({
+      mv: mv,
+      currentValue: currentValue,
+      clickOutsideDropbox: clickOutsideDropbox
+    }),
+        usedShortcuts = _useShortcuts.usedShortcuts,
+        clickShortcut = _useShortcuts.clickShortcut,
+        setActiveShortcut = _useShortcuts.setActiveShortcut;
+    setActiveShortcut();
     return {
       mv: mv,
       currentValue: currentValue,
@@ -21086,14 +21829,16 @@ var datePicker_uses_useDropdown = function useDropdown(param) {
       dropboxPosition: dropboxPosition,
       clickSelectInput: clickSelectInput,
       clickOutsideDropbox: clickOutsideDropbox,
-      changeDropboxPosition: changeDropboxPosition
+      changeDropboxPosition: changeDropboxPosition,
+      usedShortcuts: usedShortcuts,
+      clickShortcut: clickShortcut
     };
   }
 });
 // CONCATENATED MODULE: ./src/components/datePicker/DatePicker.vue?vue&type=script&lang=js
-// EXTERNAL MODULE: ./src/components/datePicker/DatePicker.vue?vue&type=style&index=0&id=f0ca1c08&lang=scss
-var DatePickervue_type_style_index_0_id_f0ca1c08_lang_scss = __webpack_require__("c1a6");
+// EXTERNAL MODULE: ./src/components/datePicker/DatePicker.vue?vue&type=style&index=0&id=1f977ec1&lang=scss
+var DatePickervue_type_style_index_0_id_1f977ec1_lang_scss = __webpack_require__("fe1c");
 // CONCATENATED MODULE: ./src/components/datePicker/DatePicker.vue
@@ -21103,7 +21848,7 @@ var DatePickervue_type_style_index_0_id_f0ca1c08_lang_scss = __webpack_require__
-const DatePicker_exports_ = /*#__PURE__*/exportHelper_default()(DatePickervue_type_script_lang_js, [['render',DatePickervue_type_template_id_f0ca1c08_render]])
+const DatePicker_exports_ = /*#__PURE__*/exportHelper_default()(DatePickervue_type_script_lang_js, [['render',DatePickervue_type_template_id_1f977ec1_render]])
 /* harmony default export */ var DatePicker = (DatePicker_exports_);
 // CONCATENATED MODULE: ./src/components/datePicker/index.js
@@ -25447,17 +26192,17 @@ var grid_filter_windowvue_type_template_id_d781ace8_scoped_true_hoisted_17 = {
   class: "form-row-contents"
 };
-var _hoisted_18 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+var grid_filter_windowvue_type_template_id_d781ace8_scoped_true_hoisted_18 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
   class: "split-line"
 }, null, -1);
-var _hoisted_19 = {
+var grid_filter_windowvue_type_template_id_d781ace8_scoped_true_hoisted_19 = {
   class: "confirm-wrap"
 };
-var _hoisted_20 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" Save ");
+var grid_filter_windowvue_type_template_id_d781ace8_scoped_true_hoisted_20 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" Save ");
-var _hoisted_21 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" Cancel ");
+var grid_filter_windowvue_type_template_id_d781ace8_scoped_true_hoisted_21 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" Cancel ");
 var _hoisted_22 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" Apply ");
@@ -25524,12 +26269,12 @@ var grid_filter_windowvue_type_template_id_d781ace8_scoped_true_render = /*#__PU
         type: "text",
         placeholder: "Please enter the content",
         class: "item-input"
-      }, null, 8, ["modelValue"])])])])]), _hoisted_18, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", _hoisted_19, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_button, {
+      }, null, 8, ["modelValue"])])])])]), grid_filter_windowvue_type_template_id_d781ace8_scoped_true_hoisted_18, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_filter_windowvue_type_template_id_d781ace8_scoped_true_hoisted_19, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_button, {
         size: "small",
         onClick: $setup.onSave
       }, {
         default: grid_filter_windowvue_type_template_id_d781ace8_scoped_true_withId(function () {
-          return [_hoisted_20];
+          return [grid_filter_windowvue_type_template_id_d781ace8_scoped_true_hoisted_20];
         }),
         _: 1
       }, 8, ["onClick"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_button, {
@@ -25537,7 +26282,7 @@ var grid_filter_windowvue_type_template_id_d781ace8_scoped_true_render = /*#__PU
         onClick: $setup.onCancel
       }, {
         default: grid_filter_windowvue_type_template_id_d781ace8_scoped_true_withId(function () {
-          return [_hoisted_21];
+          return [grid_filter_windowvue_type_template_id_d781ace8_scoped_true_hoisted_21];
         }),
         _: 1
       }, 8, ["onClick"])])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_grid, {
@@ -26442,12 +27187,12 @@ function baseGet(object, path) {
  * _.get(object, 'a.b.c', 'default');
  * // => 'default'
  */
-function get(object, path, defaultValue) {
+function get_get(object, path, defaultValue) {
   var result = object == null ? undefined : _baseGet(object, path);
   return result === undefined ? defaultValue : result;
 }
-/* harmony default export */ var lodash_es_get = (get);
+/* harmony default export */ var lodash_es_get = (get_get);
 // CONCATENATED MODULE: ./node_modules/lodash-es/_baseHasIn.js
 /**
@@ -36102,56 +36847,6 @@ var plugins_legend_modules = {
   }
 };
 /* harmony default export */ var plugins_legend = (plugins_legend_modules);
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
-function _iterableToArrayLimit(arr, i) {
-  if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-  var _e = undefined;
-  try {
-    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
-    }
-  }
-  return _arr;
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
 // CONCATENATED MODULE: ./src/components/chart/plugins/plugins.interaction.js
@@ -39093,32 +39788,32 @@ Chart.install = function (app) {
 };
 /* harmony default export */ var chart = (Chart);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/treeGrid/TreeGrid.vue?vue&type=template&id=4eddcfbc&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/treeGrid/TreeGrid.vue?vue&type=template&id=65af2d7c&scoped=true
-var TreeGridvue_type_template_id_4eddcfbc_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-4eddcfbc");
+var TreeGridvue_type_template_id_65af2d7c_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-65af2d7c");
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-4eddcfbc");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-65af2d7c");
-var TreeGridvue_type_template_id_4eddcfbc_scoped_true_hoisted_1 = {
+var TreeGridvue_type_template_id_65af2d7c_scoped_true_hoisted_1 = {
   class: "column-list"
 };
-var TreeGridvue_type_template_id_4eddcfbc_scoped_true_hoisted_2 = {
+var TreeGridvue_type_template_id_65af2d7c_scoped_true_hoisted_2 = {
   key: 0
 };
-var TreeGridvue_type_template_id_4eddcfbc_scoped_true_hoisted_3 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", {
+var TreeGridvue_type_template_id_65af2d7c_scoped_true_hoisted_3 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", {
   class: "is-empty"
 }, "No records", -1);
-var TreeGridvue_type_template_id_4eddcfbc_scoped_true_hoisted_4 = {
+var TreeGridvue_type_template_id_65af2d7c_scoped_true_hoisted_4 = {
   ref: "resizeLine",
   class: "table-resize-line"
 };
 Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
-var TreeGridvue_type_template_id_4eddcfbc_scoped_true_render = /*#__PURE__*/TreeGridvue_type_template_id_4eddcfbc_scoped_true_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
+var TreeGridvue_type_template_id_65af2d7c_scoped_true_render = /*#__PURE__*/TreeGridvue_type_template_id_65af2d7c_scoped_true_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
   var _component_toolbar = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("toolbar");
   var _component_ev_checkbox = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-checkbox");
@@ -39138,7 +39833,7 @@ var TreeGridvue_type_template_id_4eddcfbc_scoped_true_render = /*#__PURE__*/Tree
   }, [!!_ctx.$slots.toolbar ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_toolbar, {
     key: 0
   }, {
-    toolbarWrapper: TreeGridvue_type_template_id_4eddcfbc_scoped_true_withId(function () {
+    toolbarWrapper: TreeGridvue_type_template_id_65af2d7c_scoped_true_withId(function () {
       return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "toolbar", {
         item: {
           onSearch: $setup.onSearch
@@ -39155,7 +39850,7 @@ var TreeGridvue_type_template_id_4eddcfbc_scoped_true_render = /*#__PURE__*/Tree
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
     ref: "header",
     class: $setup.headerClass
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("ul", TreeGridvue_type_template_id_4eddcfbc_scoped_true_hoisted_1, [_ctx.useCheckbox.use ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("li", {
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("ul", TreeGridvue_type_template_id_65af2d7c_scoped_true_hoisted_1, [_ctx.useCheckbox.use ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("li", {
     key: 0,
     class: $setup.headerCheckboxClass,
     style: "width: ".concat(_ctx.minWidth, "px;")
@@ -39199,11 +39894,11 @@ var TreeGridvue_type_template_id_4eddcfbc_scoped_true_render = /*#__PURE__*/Tree
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
     style: "height: ".concat(_ctx.vScrollTopHeight, "px;"),
     class: "vscroll-spacer"
-  }, null, 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("table", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tbody", null, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.viewStore, function (item, idx) {
+  }, null, 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("table", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tbody", null, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.viewStore, function (node, idx) {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_tree_grid_node, {
       key: idx,
       "selected-data": _ctx.selectedRow,
-      "node-data": item,
+      "node-data": node,
       "use-checkbox": _ctx.useCheckbox,
       "ordered-columns": _ctx.orderedColumns,
       "expand-icon": $props.option.expandIcon,
@@ -39219,35 +39914,54 @@ var TreeGridvue_type_template_id_4eddcfbc_scoped_true_render = /*#__PURE__*/Tree
       onExpandTreeData: $setup.handleExpand,
       onClickTreeData: $setup.onRowClick,
       onDblClickTreeData: $setup.onRowDblClick
-    }, null, 8, ["selected-data", "node-data", "use-checkbox", "ordered-columns", "expand-icon", "collapse-icon", "parent-icon", "child-icon", "is-resize", "row-height", "min-width", "highlight-index", "border-style", "onCheckTreeData", "onExpandTreeData", "onClickTreeData", "onDblClickTreeData"]);
-  }), 128)), !_ctx.viewStore.length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("tr", TreeGridvue_type_template_id_4eddcfbc_scoped_true_hoisted_2, [TreeGridvue_type_template_id_4eddcfbc_scoped_true_hoisted_3])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createSlots"])({
+      _: 2
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.orderedColumns, function (column, cellIndex) {
+      return {
+        name: $setup.getSlotName(column.field),
+        fn: TreeGridvue_type_template_id_65af2d7c_scoped_true_withId(function (_ref) {
+          var item = _ref.item;
+          return [!!_ctx.$slots[column.field] ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, column.field, {
+            key: 0,
+            item: {
+              data: item.data,
+              fieldName: column.field
+            }
+          }) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
+            key: 1,
+            title: node[column.field]
+          }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(node[column.field]), 9, ["title"]))];
+        })
+      };
+    })]), 1032, ["selected-data", "node-data", "use-checkbox", "ordered-columns", "expand-icon", "collapse-icon", "parent-icon", "child-icon", "is-resize", "row-height", "min-width", "highlight-index", "border-style", "onCheckTreeData", "onExpandTreeData", "onClickTreeData", "onDblClickTreeData"]);
+  }), 128)), !_ctx.viewStore.length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("tr", TreeGridvue_type_template_id_65af2d7c_scoped_true_hoisted_2, [TreeGridvue_type_template_id_65af2d7c_scoped_true_hoisted_3])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
     style: "height: ".concat(_ctx.vScrollBottomHeight, "px;"),
     class: "vscroll-spacer"
   }, null, 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_context_menu, {
     ref: "menu",
     items: _ctx.contextMenuItems
-  }, null, 8, ["items"])], 34), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", TreeGridvue_type_template_id_4eddcfbc_scoped_true_hoisted_4, null, 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], _ctx.showResizeLine]])], 2)], 4), [[_directive_resize, $setup.onResize], [_directive_observe_visibility, {
+  }, null, 8, ["items"])], 34), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", TreeGridvue_type_template_id_65af2d7c_scoped_true_hoisted_4, null, 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], _ctx.showResizeLine]])], 2)], 4), [[_directive_resize, $setup.onResize], [_directive_observe_visibility, {
     callback: $setup.onShow,
     once: true
   }]])], 64);
 });
-// CONCATENATED MODULE: ./src/components/treeGrid/TreeGrid.vue?vue&type=template&id=4eddcfbc&scoped=true
+// CONCATENATED MODULE: ./src/components/treeGrid/TreeGrid.vue?vue&type=template&id=65af2d7c&scoped=true
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/treeGrid/TreeGridNode.vue?vue&type=template&id=037d34f4&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/treeGrid/TreeGridNode.vue?vue&type=template&id=73f06bf6&scoped=true
-var TreeGridNodevue_type_template_id_037d34f4_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-037d34f4");
+var TreeGridNodevue_type_template_id_73f06bf6_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-73f06bf6");
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-037d34f4");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-73f06bf6");
-var TreeGridNodevue_type_template_id_037d34f4_scoped_true_hoisted_1 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", null, null, -1);
+var TreeGridNodevue_type_template_id_73f06bf6_scoped_true_hoisted_1 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", null, null, -1);
-var TreeGridNodevue_type_template_id_037d34f4_scoped_true_hoisted_2 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", null, null, -1);
+var TreeGridNodevue_type_template_id_73f06bf6_scoped_true_hoisted_2 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", null, null, -1);
 Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
-var TreeGridNodevue_type_template_id_037d34f4_scoped_true_render = /*#__PURE__*/TreeGridNodevue_type_template_id_037d34f4_scoped_true_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
+var TreeGridNodevue_type_template_id_73f06bf6_scoped_true_render = /*#__PURE__*/TreeGridNodevue_type_template_id_73f06bf6_scoped_true_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
   var _component_ev_checkbox = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-checkbox");
   var _component_ev_icon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-icon");
@@ -39309,7 +40023,7 @@ var TreeGridNodevue_type_template_id_037d34f4_scoped_true_render = /*#__PURE__*/
       onClick: _cache[4] || (_cache[4] = function ($event) {
         return $setup.onExpand($setup.node);
       })
-    }, [TreeGridNodevue_type_template_id_037d34f4_scoped_true_hoisted_1]))], 64)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), cellIndex === 0 && $setup.isDataIcon ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
+    }, [TreeGridNodevue_type_template_id_73f06bf6_scoped_true_hoisted_1]))], 64)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), cellIndex === 0 && $setup.isDataIcon ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
       key: 2,
       title: $setup.node[column.field],
       class: {
@@ -39318,12 +40032,15 @@ var TreeGridNodevue_type_template_id_037d34f4_scoped_true_render = /*#__PURE__*/
       }
     }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
       class: $setup.node.hasChild ? $setup.parentIconMV : $setup.childIconMV
-    }, [TreeGridNodevue_type_template_id_037d34f4_scoped_true_hoisted_2], 2)], 10, ["title"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
-      title: $setup.node[column.field]
-    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.node[column.field]), 9, ["title"])])], 14, ["data-name", "data-index"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
+    }, [TreeGridNodevue_type_template_id_73f06bf6_scoped_true_hoisted_2], 2)], 10, ["title"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), !!_ctx.$slots[column.field + 'Node'] ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, column.field + 'Node', {
+      key: 3,
+      item: {
+        data: $setup.node.data
+      }
+    }) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 14, ["data-name", "data-index"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
   }), 128))], 42, ["data-index"]);
 });
-// CONCATENATED MODULE: ./src/components/treeGrid/TreeGridNode.vue?vue&type=template&id=037d34f4&scoped=true
+// CONCATENATED MODULE: ./src/components/treeGrid/TreeGridNode.vue?vue&type=template&id=73f06bf6&scoped=true
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/treeGrid/TreeGridNode.vue?vue&type=script&lang=js
@@ -39499,8 +40216,8 @@ var TreeGridNodevue_type_template_id_037d34f4_scoped_true_render = /*#__PURE__*/
 });
 // CONCATENATED MODULE: ./src/components/treeGrid/TreeGridNode.vue?vue&type=script&lang=js
-// EXTERNAL MODULE: ./src/components/treeGrid/TreeGridNode.vue?vue&type=style&index=0&id=037d34f4&lang=scss&scoped=true
-var TreeGridNodevue_type_style_index_0_id_037d34f4_lang_scss_scoped_true = __webpack_require__("84c6");
+// EXTERNAL MODULE: ./src/components/treeGrid/TreeGridNode.vue?vue&type=style&index=0&id=73f06bf6&lang=scss&scoped=true
+var TreeGridNodevue_type_style_index_0_id_73f06bf6_lang_scss_scoped_true = __webpack_require__("016b");
 // CONCATENATED MODULE: ./src/components/treeGrid/TreeGridNode.vue
@@ -39510,18 +40227,18 @@ var TreeGridNodevue_type_style_index_0_id_037d34f4_lang_scss_scoped_true = __web
-const TreeGridNode_exports_ = /*#__PURE__*/exportHelper_default()(TreeGridNodevue_type_script_lang_js, [['render',TreeGridNodevue_type_template_id_037d34f4_scoped_true_render],['__scopeId',"data-v-037d34f4"]])
+const TreeGridNode_exports_ = /*#__PURE__*/exportHelper_default()(TreeGridNodevue_type_script_lang_js, [['render',TreeGridNodevue_type_template_id_73f06bf6_scoped_true_render],['__scopeId',"data-v-73f06bf6"]])
 /* harmony default export */ var TreeGridNode = (TreeGridNode_exports_);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/treeGrid/treeGrid.toolbar.vue?vue&type=template&id=3ad2a4b3
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/treeGrid/treeGrid.toolbar.vue?vue&type=template&id=b55880ba
-var treeGrid_toolbarvue_type_template_id_3ad2a4b3_hoisted_1 = {
-  class: "description treeGridToolbar"
+var treeGrid_toolbarvue_type_template_id_b55880ba_hoisted_1 = {
+  class: "description tree-grid-toolbar"
 };
-function treeGrid_toolbarvue_type_template_id_3ad2a4b3_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", treeGrid_toolbarvue_type_template_id_3ad2a4b3_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "toolbarWrapper")]);
+function treeGrid_toolbarvue_type_template_id_b55880ba_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", treeGrid_toolbarvue_type_template_id_b55880ba_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "toolbarWrapper")]);
 }
-// CONCATENATED MODULE: ./src/components/treeGrid/treeGrid.toolbar.vue?vue&type=template&id=3ad2a4b3
+// CONCATENATED MODULE: ./src/components/treeGrid/treeGrid.toolbar.vue?vue&type=template&id=b55880ba
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/treeGrid/treeGrid.toolbar.vue?vue&type=script&lang=js
 /* harmony default export */ var treeGrid_toolbarvue_type_script_lang_js = ({
@@ -39529,8 +40246,8 @@ function treeGrid_toolbarvue_type_template_id_3ad2a4b3_render(_ctx, _cache, $pro
 });
 // CONCATENATED MODULE: ./src/components/treeGrid/treeGrid.toolbar.vue?vue&type=script&lang=js
-// EXTERNAL MODULE: ./src/components/treeGrid/treeGrid.toolbar.vue?vue&type=style&index=0&id=3ad2a4b3&lang=scss
-var treeGrid_toolbarvue_type_style_index_0_id_3ad2a4b3_lang_scss = __webpack_require__("3740");
+// EXTERNAL MODULE: ./src/components/treeGrid/treeGrid.toolbar.vue?vue&type=style&index=0&id=b55880ba&lang=scss
+var treeGrid_toolbarvue_type_style_index_0_id_b55880ba_lang_scss = __webpack_require__("a854");
 // CONCATENATED MODULE: ./src/components/treeGrid/treeGrid.toolbar.vue
@@ -39540,7 +40257,7 @@ var treeGrid_toolbarvue_type_style_index_0_id_3ad2a4b3_lang_scss = __webpack_req
-const treeGrid_toolbar_exports_ = /*#__PURE__*/exportHelper_default()(treeGrid_toolbarvue_type_script_lang_js, [['render',treeGrid_toolbarvue_type_template_id_3ad2a4b3_render]])
+const treeGrid_toolbar_exports_ = /*#__PURE__*/exportHelper_default()(treeGrid_toolbarvue_type_script_lang_js, [['render',treeGrid_toolbarvue_type_template_id_b55880ba_render]])
 /* harmony default export */ var treeGrid_toolbar = (treeGrid_toolbar_exports_);
 // CONCATENATED MODULE: ./src/components/treeGrid/uses.js
@@ -40760,6 +41477,10 @@ var treeGrid_uses_filterEvent = function filterEvent(params) {
       };
     };
+    var getSlotName = function getSlotName(column) {
+      return "".concat(column, "Node");
+    };
     return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(styleInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(elementInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(stores)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(scrollInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(resizeInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(selectInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(checkInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(contextInfo)), {}, {
       isRenderer: isRenderer,
       getComponentName: getComponentName,
@@ -40788,14 +41509,15 @@ var treeGrid_uses_filterEvent = function filterEvent(params) {
       isHeaderCheckbox: isHeaderCheckbox,
       getColumnClass: getColumnClass,
       getColumnStyle: getColumnStyle,
+      getSlotName: getSlotName,
       bodyStyle: bodyStyle
     });
   }
 });
 // CONCATENATED MODULE: ./src/components/treeGrid/TreeGrid.vue?vue&type=script&lang=js
-// EXTERNAL MODULE: ./src/components/treeGrid/TreeGrid.vue?vue&type=style&index=0&id=4eddcfbc&lang=scss&scoped=true
-var TreeGridvue_type_style_index_0_id_4eddcfbc_lang_scss_scoped_true = __webpack_require__("cd5d");
+// EXTERNAL MODULE: ./src/components/treeGrid/TreeGrid.vue?vue&type=style&index=0&id=65af2d7c&lang=scss&scoped=true
+var TreeGridvue_type_style_index_0_id_65af2d7c_lang_scss_scoped_true = __webpack_require__("39f6");
 // CONCATENATED MODULE: ./src/components/treeGrid/TreeGrid.vue
@@ -40805,7 +41527,7 @@ var TreeGridvue_type_style_index_0_id_4eddcfbc_lang_scss_scoped_true = __webpack
-const TreeGrid_exports_ = /*#__PURE__*/exportHelper_default()(TreeGridvue_type_script_lang_js, [['render',TreeGridvue_type_template_id_4eddcfbc_scoped_true_render],['__scopeId',"data-v-4eddcfbc"]])
+const TreeGrid_exports_ = /*#__PURE__*/exportHelper_default()(TreeGridvue_type_script_lang_js, [['render',TreeGridvue_type_template_id_65af2d7c_scoped_true_render],['__scopeId',"data-v-65af2d7c"]])
 /* harmony default export */ var TreeGrid = (TreeGrid_exports_);
 // CONCATENATED MODULE: ./src/components/treeGrid/index.js
@@ -41049,6 +41771,17 @@ module.exports = NATIVE_SYMBOL
   && typeof Symbol.iterator == 'symbol';
+/***/ }),
+/***/ "fe1c":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_DatePicker_vue_vue_type_style_index_0_id_1f977ec1_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("9dc9");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_DatePicker_vue_vue_type_style_index_0_id_1f977ec1_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_DatePicker_vue_vue_type_style_index_0_id_1f977ec1_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
 /***/ }),
 /***/ "fe56":