tg-controls_cli 0.1.1 → 0.1.3

package/dist/myLib.umd.js

@@ -853,6 +853,13 @@ module.exports = function (argument) {
 };
 
 
+/***/ }),
+
+/***/ "17c9":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "19aa":
@@ -24287,6 +24294,17 @@ function toFinite(value) {
 module.exports = toFinite;
 
 
+/***/ }),
+
+/***/ "6531":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Autocomplete_vue_vue_type_style_index_0_id_1895b604_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("17c9");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Autocomplete_vue_vue_type_style_index_0_id_1895b604_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Autocomplete_vue_vue_type_style_index_0_id_1895b604_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "656c":
@@ -24309,17 +24327,6 @@ function _unsupportedIterableToArray(r, a) {
 }
 module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
-/***/ }),
-
-/***/ "663a":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Autocomplete_vue_vue_type_style_index_0_id_c293aa98_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("fffa");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Autocomplete_vue_vue_type_style_index_0_id_c293aa98_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Autocomplete_vue_vue_type_style_index_0_id_c293aa98_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "68df":
@@ -24438,6 +24445,17 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ "6da6":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_DateRangeField_vue_vue_type_style_index_0_id_67822ef0_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f2f0");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_DateRangeField_vue_vue_type_style_index_0_id_67822ef0_prod_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_DateRangeField_vue_vue_type_style_index_0_id_67822ef0_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "6ed4":
@@ -25084,13 +25102,6 @@ module.exports = function (argument) {
 };
 
 
-/***/ }),
-
-/***/ "82af":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "83ab":
@@ -34830,6 +34841,13 @@ module.exports = JSON.parse("{\"code\":\"ar\",\"messages\":{\"alpha\":\"{_field_
 
 /***/ }),
 
+/***/ "d561":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "d567":
 /***/ (function(module) {
 
@@ -35492,6 +35510,17 @@ var substr = 'ab'.substr(-1) === 'b'
 
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("4362")))
 
+/***/ }),
+
+/***/ "dfdc":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SearchableSelect_vue_vue_type_style_index_0_id_44a4c768_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("d561");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SearchableSelect_vue_vue_type_style_index_0_id_44a4c768_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SearchableSelect_vue_vue_type_style_index_0_id_44a4c768_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "e0ef":
@@ -36024,17 +36053,6 @@ $({ global: true, constructor: true, forced: FORCED }, {
 });
 
 
-/***/ }),
-
-/***/ "ea44":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SearchableSelect_vue_vue_type_style_index_0_id_76a37974_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("82af");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SearchableSelect_vue_vue_type_style_index_0_id_76a37974_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SearchableSelect_vue_vue_type_style_index_0_id_76a37974_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "eaf5":
@@ -36077,6 +36095,13 @@ module.exports = function (target, name, descriptor) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "f2f0":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "f551":
@@ -36318,7 +36343,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4289e630-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DynamicForm.vue?vue&type=template&id=25cf8cc7
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4289e630-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DynamicForm.vue?vue&type=template&id=011b788f
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -36384,7 +36409,7 @@ var render = function render() {
               staticStyle: {
                 "font-size": "14px"
               }
-            })]) : _vm._e(), _c('div', {
+            })]) : _vm._e(), field.astype != 'DateRangeField' ? _c('div', {
               staticClass: "row"
             }, [_c('div', {
               staticClass: "col-12 float-left"
@@ -36415,7 +36440,30 @@ var render = function render() {
                   })];
                 }
               }], null, true)
-            })], 1)])])]) : _vm._e()]);
+            })], 1)])]) : _vm._e(), field.astype == 'DateRangeField' ? [_c(field.astype, {
+              key: field.astype != 'FileField' && field.astype != 'SlotField' ? _vm.keyForComponentUpdate : 0,
+              tag: "component",
+              attrs: {
+                "lang": _vm.lang,
+                "fieldInfo": field
+              },
+              on: {
+                "UpdateKeyValue": _vm.UpdateKeyValue
+              },
+              scopedSlots: _vm._u([{
+                key: "tgslot",
+                fn: function ({
+                  data
+                }) {
+                  return [_vm._t(typeof data.fieldInfo.name != 'undefined' && data.fieldInfo.name != '' ? 'tgslot-' + data.fieldInfo.name : 'tgslot', null, {
+                    "data": {
+                      fieldInfo: data.fieldInfo,
+                      error: data.error
+                    }
+                  })];
+                }
+              }], null, true)
+            })] : _vm._e()], 2) : _vm._e()]);
           })], 2)]) : _vm._e();
         }), 0), _vm.buttons != false ? _c('div', {
           staticClass: "col-12 mt-3 p-0"
@@ -36471,7 +36519,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/DynamicForm.vue?vue&type=template&id=25cf8cc7
+// CONCATENATED MODULE: ./src/components/DynamicForm.vue?vue&type=template&id=011b788f
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__("14d9");
@@ -40059,8 +40107,8 @@ var TextField_component = normalizeComponent(
 )
 
 /* harmony default export */ var TextField = (TextField_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4289e630-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PasswordField.vue?vue&type=template&id=7484374a
-var PasswordFieldvue_type_template_id_7484374a_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4289e630-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PasswordField.vue?vue&type=template&id=43b8594f
+var PasswordFieldvue_type_template_id_43b8594f_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('Field', {
@@ -40228,6 +40276,9 @@ var PasswordFieldvue_type_template_id_7484374a_render = function render() {
           }
         })])]) : _vm._e()]), errors[0] ? _c('span', {
           staticClass: "invalid-feedback",
+          staticStyle: {
+            "display": "block"
+          },
           attrs: {
             "name": _vm.fieldInfo.name
           }
@@ -40236,9 +40287,9 @@ var PasswordFieldvue_type_template_id_7484374a_render = function render() {
     }])
   });
 };
-var PasswordFieldvue_type_template_id_7484374a_staticRenderFns = [];
+var PasswordFieldvue_type_template_id_43b8594f_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/PasswordField.vue?vue&type=template&id=7484374a
+// CONCATENATED MODULE: ./src/components/PasswordField.vue?vue&type=template&id=43b8594f
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PasswordField.vue?vue&type=script&lang=js
 
@@ -40330,8 +40381,8 @@ var PasswordFieldvue_type_template_id_7484374a_staticRenderFns = [];
 
 var PasswordField_component = normalizeComponent(
   components_PasswordFieldvue_type_script_lang_js,
-  PasswordFieldvue_type_template_id_7484374a_render,
-  PasswordFieldvue_type_template_id_7484374a_staticRenderFns,
+  PasswordFieldvue_type_template_id_43b8594f_render,
+  PasswordFieldvue_type_template_id_43b8594f_staticRenderFns,
   false,
   null,
   null,
@@ -42675,48 +42726,83 @@ var FileField_component = normalizeComponent(
 )
 
 /* harmony default export */ var FileField = (FileField_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4289e630-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/NormalFileField.vue?vue&type=template&id=0df5834b
-var NormalFileFieldvue_type_template_id_0df5834b_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4289e630-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/NormalFileField.vue?vue&type=template&id=70887aac
+var NormalFileFieldvue_type_template_id_70887aac_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return _c('div', {
-    staticClass: "col-12 p-0 fileFieldAttachment",
-    attrs: {
-      "id": 'File_' + _vm.fieldInfo.name
-    }
-  }, [_c('div', {
-    staticClass: "custom-file"
-  }, [_c('input', {
-    staticClass: "custom-file-input",
+  return _c('Field', {
+    staticClass: "w-100",
     attrs: {
-      "type": "file",
-      "id": 'NormalFile_' + _vm.fieldInfo.name,
       "disabled": _vm.fieldInfo.disabled,
-      "multiple": _vm.canUploadMultipleFile(),
-      "aria-describedby": 'NormalFile_' + _vm.fieldInfo.name
+      "name": _vm.GetDisplayLabel(_vm.fieldInfo),
+      "rules": _vm.fieldInfo.validationRules
     },
-    on: {
-      "change": function ($event) {
-        return _vm.onChange($event);
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function ({
+        field,
+        errors
+      }) {
+        return [_c('div', {
+          staticClass: "col-12 p-0 fileFieldAttachment",
+          attrs: {
+            "id": 'File_' + _vm.fieldInfo.name
+          }
+        }, [_c('div', {
+          staticClass: "custom-file"
+        }, [_c('input', _vm._b({
+          attrs: {
+            "type": "hidden"
+          },
+          domProps: {
+            "value": _vm.fieldInfo.value
+          }
+        }, 'input', field, false)), _c('input', {
+          staticClass: "custom-file-input",
+          attrs: {
+            "type": "file",
+            "id": 'NormalFile_' + _vm.fieldInfo.name,
+            "disabled": _vm.fieldInfo.disabled,
+            "multiple": _vm.canUploadMultipleFile(),
+            "aria-describedby": 'NormalFile_' + _vm.fieldInfo.name
+          },
+          on: {
+            "change": function ($event) {
+              return _vm.onChange($event);
+            }
+          }
+        }), _c('label', {
+          staticClass: "custom-file-label",
+          style: _vm.errorsLocal.length > 0 || errors[0] ? 'border-color:#e71616 !important' : '',
+          attrs: {
+            "for": 'NormalFile_' + _vm.fieldInfo.name
+          }
+        }, [_vm._v("Choose file")])]), _vm.errorsLocal.length > 0 || errors[0] ? _c('div', [errors[0] && _vm.errorsLocal.length == 0 ? _c('span', {
+          staticClass: "invalid-feedback",
+          staticStyle: {
+            "display": "block"
+          },
+          attrs: {
+            "name": _vm.fieldInfo.name
+          }
+        }, [_vm._v(_vm._s(errors[0]))]) : _vm._e(), _vm._l(_vm.errorsLocal, function (error, index) {
+          return _c('div', {
+            key: index,
+            staticClass: "file-upload__error"
+          }, [_c('span', {
+            staticClass: "invalid-feedback",
+            staticStyle: {
+              "display": "block"
+            }
+          }, [_vm._v(_vm._s(error))])]);
+        })], 2) : _vm._e()])];
       }
-    }
-  }), _c('label', {
-    staticClass: "custom-file-label",
-    attrs: {
-      "for": 'NormalFile_' + _vm.fieldInfo.name
-    }
-  }, [_vm._v("Choose file")])]), _vm.errors.length > 0 ? _c('div', _vm._l(_vm.errors, function (error, index) {
-    return _c('div', {
-      key: index,
-      staticClass: "file-upload__error"
-    }, [_c('span', {
-      staticClass: "invalid-feedback"
-    }, [_vm._v(_vm._s(error))])]);
-  }), 0) : _vm._e()]);
+    }])
+  });
 };
-var NormalFileFieldvue_type_template_id_0df5834b_staticRenderFns = [];
+var NormalFileFieldvue_type_template_id_70887aac_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/NormalFileField.vue?vue&type=template&id=0df5834b
+// CONCATENATED MODULE: ./src/components/NormalFileField.vue?vue&type=template&id=70887aac
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/NormalFileField.vue?vue&type=script&lang=js
 
@@ -42741,7 +42827,7 @@ var NormalFileFieldvue_type_template_id_0df5834b_staticRenderFns = [];
       maxSize: 0,
       accept: '',
       reject: '',
-      errors: [],
+      errorsLocal: [],
       file: {
         name: "",
         size: 0,
@@ -42817,7 +42903,7 @@ var NormalFileFieldvue_type_template_id_0df5834b_staticRenderFns = [];
       }
     },
     onChange(e) {
-      this.errors = [];
+      this.errorsLocal = [];
       // Check if file is selected
       if (e.target.files && e.target.files[0]) {
         // Check if file is valid
@@ -42862,7 +42948,7 @@ var NormalFileFieldvue_type_template_id_0df5834b_staticRenderFns = [];
         var fileName = document.getElementById('NormalFile_' + this.fieldInfo.name).files[0].name;
         var nextSibling = e.target.nextElementSibling;
         nextSibling.innerText = fileName;
-        if (this.errors.length == 0) {
+        if (this.errorsLocal.length == 0) {
           this.fieldInfo.value = e.target.files;
           if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onChange) {
             this.fieldInfo.config.onChange(e, this.fieldInfo);
@@ -42874,25 +42960,25 @@ var NormalFileFieldvue_type_template_id_0df5834b_staticRenderFns = [];
       if (fileSize <= this.maxSize) {
         console.log("File size is valid");
       } else {
-        this.errors.push(`File size should be less than ${this.maxSize} MB`);
+        this.errorsLocal.push(`File size should be less than ${this.maxSize} MB`);
       }
     },
     isFileTypeValid(fileExtention) {
       if (this.reject != "" && this.reject.split(",").length > 0 && this.reject.split(",").includes(fileExtention)) {
-        this.errors.push(`File type should not be ${this.reject}`);
+        this.errorsLocal.push(`File type should not be ${this.reject}`);
       }
       if (this.accept != "" && this.accept.split(",").length > 0) {
         if (this.accept.split(",").includes(fileExtention)) {
           console.log("File type is valid");
         } else {
-          this.errors.push(`File type should be ${this.accept}`);
+          this.errorsLocal.push(`File type should be ${this.accept}`);
         }
       }
     },
     isFileValid(file) {
       this.isFileSizeValid(Math.round(file.size / 1024 / 1024 * 100) / 100);
       this.isFileTypeValid(file.name.split(".").pop());
-      if (this.errors.length === 0) {
+      if (this.errorsLocal.length === 0) {
         return true;
       } else {
         return false;
@@ -43010,6 +43096,15 @@ var NormalFileFieldvue_type_template_id_0df5834b_staticRenderFns = [];
     dragLeave: function () {
       this.isDragging = false;
     },
+    GetDisplayLabel(field) {
+      var labelName = '';
+      if (field.hasOwnProperty('label') && field.label) {
+        labelName = field.label;
+      } else if (field.hasOwnProperty('display_name') && field.display_name) {
+        labelName = field.display_name;
+      }
+      return labelName;
+    },
     handleDrop: function (event) {
       event.preventDefault();
       this.isDragging = false;
@@ -43053,7 +43148,7 @@ var NormalFileFieldvue_type_template_id_0df5834b_staticRenderFns = [];
             console.log("Invalid file");
           }
         }
-        if (this.errors.length == 0) {
+        if (this.errorsLocal.length == 0) {
           this.fieldInfo.value = files;
           if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onChange) {
             this.fieldInfo.config.onChange(e, this.fieldInfo);
@@ -43075,8 +43170,8 @@ var NormalFileFieldvue_type_template_id_0df5834b_staticRenderFns = [];
 
 var NormalFileField_component = normalizeComponent(
   components_NormalFileFieldvue_type_script_lang_js,
-  NormalFileFieldvue_type_template_id_0df5834b_render,
-  NormalFileFieldvue_type_template_id_0df5834b_staticRenderFns,
+  NormalFileFieldvue_type_template_id_70887aac_render,
+  NormalFileFieldvue_type_template_id_70887aac_staticRenderFns,
   false,
   null,
   null,
@@ -43384,8 +43479,8 @@ var SearchableSelectFieldvue_type_template_id_080481ab_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/SearchableSelectField.vue?vue&type=template&id=080481ab
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4289e630-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SearchableSelect.vue?vue&type=template&id=76a37974&scoped=true
-var SearchableSelectvue_type_template_id_76a37974_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4289e630-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SearchableSelect.vue?vue&type=template&id=44a4c768&scoped=true
+var SearchableSelectvue_type_template_id_44a4c768_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -43431,12 +43526,12 @@ var SearchableSelectvue_type_template_id_76a37974_scoped_true_render = function
     }
   })], 1);
 };
-var SearchableSelectvue_type_template_id_76a37974_scoped_true_staticRenderFns = [];
+var SearchableSelectvue_type_template_id_44a4c768_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/SearchableSelect.vue?vue&type=template&id=76a37974&scoped=true
+// CONCATENATED MODULE: ./src/components/SearchableSelect.vue?vue&type=template&id=44a4c768&scoped=true
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4289e630-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Autocomplete.vue?vue&type=template&id=c293aa98&scoped=true
-var Autocompletevue_type_template_id_c293aa98_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4289e630-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Autocomplete.vue?vue&type=template&id=1895b604&scoped=true
+var Autocompletevue_type_template_id_1895b604_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -44039,7 +44134,7 @@ var Autocompletevue_type_template_id_c293aa98_scoped_true_render = function rend
     }, [_vm._v(_vm._s(error))]);
   }), 0) : _vm._e()]);
 };
-var Autocompletevue_type_template_id_c293aa98_scoped_true_staticRenderFns = [function () {
+var Autocompletevue_type_template_id_1895b604_scoped_true_staticRenderFns = [function () {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -44063,7 +44158,7 @@ var Autocompletevue_type_template_id_c293aa98_scoped_true_staticRenderFns = [fun
   }, [_vm._v("Loading...")])]);
 }];
 
-// CONCATENATED MODULE: ./src/components/Autocomplete.vue?vue&type=template&id=c293aa98&scoped=true
+// CONCATENATED MODULE: ./src/components/Autocomplete.vue?vue&type=template&id=1895b604&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.every.js
 var es_iterator_every = __webpack_require__("d866");
@@ -44736,6 +44831,8 @@ var es_set_union_v2 = __webpack_require__("72c3");
         this.$emit('update:modelValue', null);
         this.$emit('change', null);
       }
+      this.$emit('update:search', this.searchTerm);
+      this.$emit('search', this.searchTerm);
       this.isMenuOpen = false;
     },
     getFlatIndex(groupIndex, itemIndex) {
@@ -44925,8 +45022,8 @@ var es_set_union_v2 = __webpack_require__("72c3");
 });
 // CONCATENATED MODULE: ./src/components/Autocomplete.vue?vue&type=script&lang=js
  /* harmony default export */ var components_Autocompletevue_type_script_lang_js = (Autocompletevue_type_script_lang_js); 
-// EXTERNAL MODULE: ./src/components/Autocomplete.vue?vue&type=style&index=0&id=c293aa98&prod&scoped=true&lang=css
-var Autocompletevue_type_style_index_0_id_c293aa98_prod_scoped_true_lang_css = __webpack_require__("663a");
+// EXTERNAL MODULE: ./src/components/Autocomplete.vue?vue&type=style&index=0&id=1895b604&prod&scoped=true&lang=css
+var Autocompletevue_type_style_index_0_id_1895b604_prod_scoped_true_lang_css = __webpack_require__("6531");
 
 // CONCATENATED MODULE: ./src/components/Autocomplete.vue
 
@@ -44939,11 +45036,11 @@ var Autocompletevue_type_style_index_0_id_c293aa98_prod_scoped_true_lang_css = _
 
 var Autocomplete_component = normalizeComponent(
   components_Autocompletevue_type_script_lang_js,
-  Autocompletevue_type_template_id_c293aa98_scoped_true_render,
-  Autocompletevue_type_template_id_c293aa98_scoped_true_staticRenderFns,
+  Autocompletevue_type_template_id_1895b604_scoped_true_render,
+  Autocompletevue_type_template_id_1895b604_scoped_true_staticRenderFns,
   false,
   null,
-  "c293aa98",
+  "1895b604",
   null
   
 )
@@ -45277,7 +45374,8 @@ function SearchableSelectvue_type_script_lang_js_debounce(func, wait) {
       return itemsToFilter.filter(item => {
         const text = (item.text || item.name || item.label || '').toLowerCase();
         const description = (item.description || item.subtitle || '').toLowerCase();
-        return text.includes(searchLower) || description.includes(searchLower);
+        const groupText = (item.groupText || '').toLowerCase();
+        return text.includes(searchLower) || description.includes(searchLower) || groupText.includes(searchLower);
       });
     },
     async loadItems(search = '', page = 1, append = false) {
@@ -45508,8 +45606,8 @@ function SearchableSelectvue_type_script_lang_js_debounce(func, wait) {
 });
 // CONCATENATED MODULE: ./src/components/SearchableSelect.vue?vue&type=script&lang=js
  /* harmony default export */ var components_SearchableSelectvue_type_script_lang_js = (SearchableSelectvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./src/components/SearchableSelect.vue?vue&type=style&index=0&id=76a37974&prod&scoped=true&lang=css
-var SearchableSelectvue_type_style_index_0_id_76a37974_prod_scoped_true_lang_css = __webpack_require__("ea44");
+// EXTERNAL MODULE: ./src/components/SearchableSelect.vue?vue&type=style&index=0&id=44a4c768&prod&scoped=true&lang=css
+var SearchableSelectvue_type_style_index_0_id_44a4c768_prod_scoped_true_lang_css = __webpack_require__("dfdc");
 
 // CONCATENATED MODULE: ./src/components/SearchableSelect.vue
 
@@ -45522,11 +45620,11 @@ var SearchableSelectvue_type_style_index_0_id_76a37974_prod_scoped_true_lang_css
 
 var SearchableSelect_component = normalizeComponent(
   components_SearchableSelectvue_type_script_lang_js,
-  SearchableSelectvue_type_template_id_76a37974_scoped_true_render,
-  SearchableSelectvue_type_template_id_76a37974_scoped_true_staticRenderFns,
+  SearchableSelectvue_type_template_id_44a4c768_scoped_true_render,
+  SearchableSelectvue_type_template_id_44a4c768_scoped_true_staticRenderFns,
   false,
   null,
-  "76a37974",
+  "44a4c768",
   null
   
 )
@@ -45770,6 +45868,374 @@ var SearchableSelectField_component = normalizeComponent(
 )
 
 /* harmony default export */ var SearchableSelectField = (SearchableSelectField_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4289e630-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DateRangeField.vue?vue&type=template&id=67822ef0
+var DateRangeFieldvue_type_template_id_67822ef0_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "row"
+  }, [_c('Field', {
+    attrs: {
+      "disabled": _vm.fieldInfo.disabled,
+      "name": _vm.GetDisplayLabel(_vm.fieldInfo),
+      "rules": _vm.fieldInfo.validationRules
+    },
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function ({
+        errors
+      }) {
+        return [_c('div', {
+          staticClass: "col-6 float-left"
+        }, [_c('div', {
+          staticClass: "input-group"
+        }, [_c('DatePicker', {
+          class: {
+            'input-group w-100': true,
+            'is-invalid': errors[0]
+          },
+          staticStyle: {
+            "flex-wrap": "nowrap"
+          },
+          attrs: {
+            "locale": _vm.lang,
+            "is24hr": _vm.is24hr,
+            "mode": _vm.mode,
+            "disabled": _vm.fieldInfo.disabled,
+            "masks": _vm.masks,
+            "popover": _vm.popover,
+            "min-date": _vm.getMinmumDate(_vm.fieldInfo, 'from'),
+            "max-date": _vm.getMaxDate(_vm.fieldInfo, 'from'),
+            "minute-increment": _vm.minuteIncrement
+          },
+          on: {
+            "input": function ($event) {
+              return _vm.onChange($event, _vm.inputValue, 'from');
+            }
+          },
+          scopedSlots: _vm._u([{
+            key: "default",
+            fn: function ({
+              inputValue,
+              inputEvents,
+              togglePopover,
+              hidePopover
+            }) {
+              return [_c('input', _vm._g({
+                ref: 'inputDatePicker' + _vm.fieldInfo.name,
+                class: {
+                  'form-control w-100': true,
+                  'is-invalid': errors[0]
+                },
+                attrs: {
+                  "autocomplete": "off",
+                  "disabled": _vm.fieldInfo.disabled,
+                  "name": _vm.fieldInfo.name,
+                  "placeholder": _vm.getPlaceholderforAnyField(_vm.fieldInfo, 'from')
+                },
+                domProps: {
+                  "value": inputValue
+                },
+                on: {
+                  "blur": function ($event) {
+                    return _vm.onBlur($event, inputValue, hidePopover, 'from');
+                  }
+                }
+              }, inputEvents)), _c('div', {
+                staticClass: "input-group-append"
+              }, [_c('span', {
+                staticClass: "input-group-text",
+                on: {
+                  "click": function ($event) {
+                    !_vm.fieldInfo.disabled ? togglePopover() : function () {};
+                  },
+                  "blur": function ($event) {
+                    return _vm.onBlur($event, _vm.field, hidePopover, 'from');
+                  },
+                  "change": function ($event) {
+                    return _vm.onChange($event, null, 'from');
+                  }
+                }
+              }, [_c('i', {
+                class: {
+                  'fa': true,
+                  'fa-calendar': _vm.mode == 'dateTime' || _vm.mode == 'date',
+                  'fa-clock-o': _vm.mode == 'time'
+                }
+              })])])];
+            }
+          }], null, true),
+          model: {
+            value: _vm.fieldInfo.value,
+            callback: function ($$v) {
+              _vm.$set(_vm.fieldInfo, "value", $$v);
+            },
+            expression: "fieldInfo.value"
+          }
+        })], 1)]), _c('div', {
+          staticClass: "col-6 float-left"
+        }, [_c('div', {
+          staticClass: "input-group"
+        }, [_c('DatePicker', {
+          class: {
+            'input-group w-100': true,
+            'is-invalid': errors[0]
+          },
+          staticStyle: {
+            "flex-wrap": "nowrap"
+          },
+          attrs: {
+            "locale": _vm.lang,
+            "is24hr": _vm.is24hr,
+            "mode": _vm.mode,
+            "disabled": _vm.fieldInfo.disabled,
+            "masks": _vm.masks,
+            "popover": _vm.popover,
+            "min-date": _vm.getMinmumDate(_vm.fieldInfo, 'to'),
+            "max-date": _vm.getMaxDate(_vm.fieldInfo, 'to'),
+            "minute-increment": _vm.minuteIncrement
+          },
+          on: {
+            "input": function ($event) {
+              return _vm.onChange($event, _vm.inputValue, 'to');
+            }
+          },
+          scopedSlots: _vm._u([{
+            key: "default",
+            fn: function ({
+              inputValue,
+              inputEvents,
+              togglePopover,
+              hidePopover
+            }) {
+              return [_c('input', _vm._g({
+                ref: 'inputDatePicker' + _vm.fieldInfo.name,
+                class: {
+                  'form-control w-100': true,
+                  'is-invalid': errors[0]
+                },
+                attrs: {
+                  "autocomplete": "off",
+                  "disabled": _vm.fieldInfo.disabled,
+                  "name": _vm.fieldInfo.name,
+                  "placeholder": _vm.getPlaceholderforAnyField(_vm.fieldInfo, 'to')
+                },
+                domProps: {
+                  "value": inputValue
+                },
+                on: {
+                  "blur": function ($event) {
+                    return _vm.onBlur($event, inputValue, hidePopover, 'to');
+                  }
+                }
+              }, inputEvents)), _c('div', {
+                staticClass: "input-group-append"
+              }, [_c('span', {
+                staticClass: "input-group-text",
+                on: {
+                  "click": function ($event) {
+                    !_vm.fieldInfo.disabled ? togglePopover() : function () {};
+                  },
+                  "blur": function ($event) {
+                    return _vm.onBlur($event, _vm.field, hidePopover, 'to');
+                  },
+                  "change": function ($event) {
+                    return _vm.onChange($event, null, 'to');
+                  }
+                }
+              }, [_c('i', {
+                class: {
+                  'fa': true,
+                  'fa-calendar': _vm.mode == 'dateTime' || _vm.mode == 'date',
+                  'fa-clock-o': _vm.mode == 'time'
+                }
+              })])])];
+            }
+          }], null, true),
+          model: {
+            value: _vm.fieldInfo.secondValue,
+            callback: function ($$v) {
+              _vm.$set(_vm.fieldInfo, "secondValue", $$v);
+            },
+            expression: "fieldInfo.secondValue"
+          }
+        })], 1)]), _c('span', {
+          directives: [{
+            name: "show",
+            rawName: "v-show",
+            value: errors[0],
+            expression: "errors[0]"
+          }],
+          ref: "errrorMessage",
+          staticClass: "invalid-feedback col-12 d-block"
+        }, [_vm._v(_vm._s(errors[0]))])];
+      }
+    }])
+  })], 1);
+};
+var DateRangeFieldvue_type_template_id_67822ef0_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/DateRangeField.vue?vue&type=template&id=67822ef0
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DateRangeField.vue?vue&type=script&lang=js
+
+
+//import DatePicker from 'v-calendar/src/components/DatePicker.vue'
+/* harmony default export */ var DateRangeFieldvue_type_script_lang_js = ({
+  components: {
+    Field: ValidationProvider,
+    DatePicker: date_picker_umd_default.a
+  },
+  props: {
+    lang: {
+      type: String,
+      default: 'en'
+    },
+    fieldInfo: {
+      type: Object,
+      required: true
+    }
+  },
+  watch: {
+    fieldInfo: {
+      handler: function () {},
+      deep: true
+    }
+  },
+  data: function () {
+    return {
+      popover: {
+        visibility: 'click'
+      },
+      masks: {
+        //input: 'DD-MM-YYYY',
+      },
+      date: new Date(),
+      mode: "date",
+      is24hr: false,
+      minuteIncrement: 5
+    };
+  },
+  methods: {
+    GetDisplayLabel(field) {
+      var labelName = '';
+      if (field.hasOwnProperty('label') && field.label) {
+        labelName = field.label;
+      } else if (field.hasOwnProperty('display_name') && field.display_name) {
+        labelName = field.display_name;
+      }
+      return labelName;
+    },
+    getMinmumDate(field, type) {
+      if (type == 'from' && field.hasOwnProperty("config") && field.config.hasOwnProperty("datePickerConfig") && typeof field.config.datePickerConfig.minDate == "object") {
+        return field.config.datePickerConfig.minDate;
+      }
+      if (type == 'to' && field.hasOwnProperty("config") && field.config.hasOwnProperty("secondDatePickerConfig") && typeof field.config.secondDatePickerConfig.minDate == "object") {
+        return field.config.secondDatePickerConfig.minDate;
+      }
+      return null;
+    },
+    getMaxDate(field, type) {
+      if (type == 'from' && field.hasOwnProperty("config") && field.config.hasOwnProperty("datePickerConfig") && typeof field.config.datePickerConfig.maxDate == "object") {
+        return field.config.datePickerConfig.maxDate;
+      }
+      if (type == 'to' && field.hasOwnProperty("config") && field.config.hasOwnProperty("secondDatePickerConfig") && typeof field.config.secondDatePickerConfig.maxDate == "object") {
+        return field.config.secondDatePickerConfig.maxDate;
+      }
+      return null;
+    },
+    onBlur(ths, v, hidePopover, t) {
+      try {
+        hidePopover();
+        ths.onBlur[0]();
+        ths.onBlur[1]();
+      } catch (x) {}
+      if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onBlur) {
+        this.fieldInfo.config.onBlur(ths, this.fieldInfo, v, t);
+      }
+    },
+    onChange: function (e, v, t) {
+      let frmt = "MM/DD/YYYY";
+      if (this.fieldInfo.hasOwnProperty("format")) {
+        frmt = this.fieldInfo.config.format;
+      }
+      if (t == "from" && this.fieldInfo.value != null && this.fieldInfo.value != "") {
+        this.$set(this.fieldInfo.config.secondDatePickerConfig, 'minDate', new Date(this.fieldInfo.value));
+      } else if (t == "to" && this.fieldInfo.secondValue != null && this.fieldInfo.secondValue != "") {
+        this.$set(this.fieldInfo.config.datePickerConfig, 'maxDate', new Date(this.fieldInfo.secondValue));
+      } else if (t == "from" && this.fieldInfo.value == "") {
+        // var day = new Date().getDate();
+        // var Year = new Date().getFullYear() - 1;
+        // var month = new Date().getMonth() + 1;
+        // var olddate = dayjs(
+        //     String(month + "/" + day + "/" + Year),
+        //     "MM/DD/YYYY"
+        // ).format("MM-dd-yyyy");
+        this.$set(this.fieldInfo.config.secondDatePickerConfig, 'minDate', new Date());
+        this.fieldInfo.config.datePickerConfig.maxDate = new Date();
+        this.$set(this.fieldInfo.config.datePickerConfig, 'maxDate', new Date());
+      }
+      if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onChange) {
+        this.fieldInfo.config.onChange(e, this.fieldInfo, v, t);
+      }
+    },
+    getPlaceholderforAnyField: function (item, type) {
+      if (type == "from" && item.hasOwnProperty("config") && item.config.hasOwnProperty("datePickerConfig")) {
+        return item.config.datePickerConfig.placeholder ? item.config.datePickerConfig.placeholder : item.config.format ? item.config.format : this.$t("From");
+      } else if (type == "to" && item.hasOwnProperty("config") && item.config.hasOwnProperty("secondDatePickerConfig")) {
+        return item.config.secondDatePickerConfig.placeholder ? item.config.secondDatePickerConfig.placeholder : item.config.format ? item.config.format : this.$t("To");
+      }
+      return "";
+    }
+  },
+  mounted: function () {
+    this.fieldInfo.validationRules = getValidationRules(this.fieldInfo.validationRules, this.lang);
+    if (this.fieldInfo.config && this.fieldInfo.config.is24hr) {
+      this.is24hr = this.fieldInfo.config.is24hr;
+    }
+    if (this.fieldInfo.config && this.fieldInfo.config.mode) {
+      this.mode = this.fieldInfo.config.mode;
+    }
+    if (this.fieldInfo.config && this.fieldInfo.config.minuteIncrement) {
+      this.minuteIncrement = parseInt(this.fieldInfo.config.minuteIncrement);
+    }
+    if (this.fieldInfo.config && this.fieldInfo.config.format) {
+      if (this.mode == "date") {
+        this.masks.input = this.fieldInfo.config.format;
+      } else if (this.mode == "dateTime") {
+        this.masks.inputDateTime = this.fieldInfo.config.format;
+      } else if (this.mode == "time") {
+        this.masks.inputTime = this.fieldInfo.config.format;
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/DateRangeField.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_DateRangeFieldvue_type_script_lang_js = (DateRangeFieldvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./src/components/DateRangeField.vue?vue&type=style&index=0&id=67822ef0&prod&lang=css
+var DateRangeFieldvue_type_style_index_0_id_67822ef0_prod_lang_css = __webpack_require__("6da6");
+
+// CONCATENATED MODULE: ./src/components/DateRangeField.vue
+
+
+
+
+
+
+/* normalize component */
+
+var DateRangeField_component = normalizeComponent(
+  components_DateRangeFieldvue_type_script_lang_js,
+  DateRangeFieldvue_type_template_id_67822ef0_render,
+  DateRangeFieldvue_type_template_id_67822ef0_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var DateRangeField = (DateRangeField_component.exports);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DynamicForm.vue?vue&type=script&lang=js
 
 
@@ -45793,6 +46259,7 @@ var SearchableSelectField_component = normalizeComponent(
 
 
 
+
 
 
 //import { getFormValidationRules } from  "./validationMessages.vue"
@@ -45817,7 +46284,8 @@ var SearchableSelectField_component = normalizeComponent(
     TreeSelectField: TreeSelectField,
     SlotField: SlotField,
     PasswordField: PasswordField,
-    SearchableSelectField: SearchableSelectField
+    SearchableSelectField: SearchableSelectField,
+    DateRangeField: DateRangeField
   },
   data: function () {
     return {
@@ -46538,13 +47006,6 @@ function isSymbol(value) {
 module.exports = isSymbol;
 
 
-/***/ }),
-
-/***/ "fffa":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ })
 
 /******/ });