@iankibetsh/shframework 1.7.2 → 1.7.3

package/dist/library.js

@@ -2070,12 +2070,12 @@ const _hoisted_4$c = ["onClick"];
 const _hoisted_5$a = ["id"];
 const _hoisted_6$9 = ["id", "aria-labelledby"];
 const _hoisted_7$7 = { key: 0 };
-const _hoisted_8$4 = ["onClick"];
-const _hoisted_9$5 = {
+const _hoisted_8$5 = ["onClick"];
+const _hoisted_9$6 = {
   key: 1,
   class: "dropdown-item sh-suggest-no-results"
 };
-const _hoisted_10$4 = {
+const _hoisted_10$5 = {
   key: 2,
   class: "dropdown-item sh-suggest-no-input"
 };
@@ -2206,14 +2206,14 @@ return (_ctx, _cache) => {
                           onClick: $event => (addSuggestion(suggestion)),
                           class: vue.normalizeClass(["dropdown-item", vue.unref(selectedSuggestions).includes(suggestion) ? 'active':'']),
                           href: "#"
-                        }, vue.toDisplayString(suggestion.name ?? suggestion.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_8$4)
+                        }, vue.toDisplayString(suggestion.name ?? suggestion.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_8$5)
                       ]))
                     : vue.createCommentVNode("v-if", true)
                 ], 64 /* STABLE_FRAGMENT */))
               }), 128 /* KEYED_FRAGMENT */))
             : (vue.unref(searchText))
-              ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_9$5, " No results found "))
-              : (vue.openBlock(), vue.createElementBlock("li", _hoisted_10$4, " Type to search... "))
+              ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_9$6, " No results found "))
+              : (vue.openBlock(), vue.createElementBlock("li", _hoisted_10$5, " Type to search... "))
         ], 8 /* PROPS */, _hoisted_6$9)
       ]))
     : vue.createCommentVNode("v-if", true)
@@ -2567,9 +2567,9 @@ const _hoisted_4$b = /*#__PURE__*/vue.createElementVNode("i", { class: "bi-excla
 const _hoisted_5$9 = { key: 0 };
 const _hoisted_6$8 = { key: 1 };
 const _hoisted_7$6 = { class: "row" };
-const _hoisted_8$3 = { class: "fg-label control-label text-capitalize control-bel col-md-12 request-form-label mb-2" };
-const _hoisted_9$4 = { class: "col-md-12" };
-const _hoisted_10$3 = ["data-cy", "placeholder", "name", "onFocus", "onChange"];
+const _hoisted_8$4 = { class: "fg-label control-label text-capitalize control-bel col-md-12 request-form-label mb-2" };
+const _hoisted_9$5 = { class: "col-md-12" };
+const _hoisted_10$4 = ["data-cy", "placeholder", "name", "onFocus", "onChange"];
 const _hoisted_11$3 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_12$3 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_13$3 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
@@ -2640,8 +2640,8 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
             class: vue.normalizeClass(["form-group", 'col-md-' + $options.getColumns()]),
             key: field
           }, [
-            vue.createElementVNode("label", _hoisted_8$3, vue.toDisplayString($options.getLabel(field)), 1 /* TEXT */),
-            vue.createElementVNode("div", _hoisted_9$4, [
+            vue.createElementVNode("label", _hoisted_8$4, vue.toDisplayString($options.getLabel(field)), 1 /* TEXT */),
+            vue.createElementVNode("div", _hoisted_9$5, [
               ($options.getFieldType(field) === 'component')
                 ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.customComponent[field]), {
                     key: 0,
@@ -2666,7 +2666,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     ref: 'file_'+field,
                     onChange: $event => ($options.handleFileUpload(field)),
                     type: "file"
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_10$3))
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_10$4))
                 : vue.createCommentVNode("v-if", true),
               ($options.getFieldType(field) === 'numeric')
                 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
@@ -3758,10 +3758,10 @@ const _hoisted_1$c = { key: 0 };
 const _hoisted_2$7 = { class: "record_count_body mb-3" };
 const _hoisted_3$7 = /*#__PURE__*/vue.createElementVNode("span", { class: "per_page_show" }, "Showing", -1 /* HOISTED */);
 const _hoisted_4$7 = /*#__PURE__*/vue.createStaticVNode("<option value=\"10\">10</option><option value=\"25\">25</option><option value=\"50\">50</option><option value=\"100\">100</option><option value=\"200\">200</option>", 5);
-const _hoisted_9$3 = [
+const _hoisted_9$4 = [
   _hoisted_4$7
 ];
-const _hoisted_10$2 = { class: "record_counts" };
+const _hoisted_10$3 = { class: "record_counts" };
 const _hoisted_11$2 = {
   key: 0,
   "aria-label": "Page navigation"
@@ -3808,10 +3808,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
             class: "select_per_page",
             onChange: _cache[0] || (_cache[0] = (...args) => ($options.changePerPage && $options.changePerPage(...args))),
             "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (($data.per_page) = $event))
-          }, _hoisted_9$3, 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
+          }, _hoisted_9$4, 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
             [vue.vModelSelect, $data.per_page]
           ]),
-          vue.createElementVNode("span", _hoisted_10$2, " of " + vue.toDisplayString($props.pagination_data.record_count) + " items", 1 /* TEXT */)
+          vue.createElementVNode("span", _hoisted_10$3, " of " + vue.toDisplayString($props.pagination_data.record_count) + " items", 1 /* TEXT */)
         ]),
         ($props.pagination_data != null)
           ? (vue.openBlock(), vue.createElementBlock("nav", _hoisted_11$2, [
@@ -4345,9 +4345,9 @@ const _hoisted_7$3 = {
   key: 1,
   class: "row"
 };
-const _hoisted_8$2 = { class: "col-12 mb-3" };
-const _hoisted_9$2 = { class: "sh-search-bar" };
-const _hoisted_10$1 = ["placeholder"];
+const _hoisted_8$3 = { class: "col-12 mb-3" };
+const _hoisted_9$3 = { class: "sh-search-bar" };
+const _hoisted_10$2 = ["placeholder"];
 const _hoisted_11$1 = {
   key: 0,
   class: "text-center"
@@ -4513,8 +4513,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : vue.createCommentVNode("v-if", true),
     (!$props.hideSearch)
       ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$3, [
-          vue.createElementVNode("div", _hoisted_8$2, [
-            vue.createElementVNode("div", _hoisted_9$2, [
+          vue.createElementVNode("div", _hoisted_8$3, [
+            vue.createElementVNode("div", _hoisted_9$3, [
               vue.withDirectives(vue.createElementVNode("input", {
                 onKeydown: _cache[1] || (_cache[1] = (...args) => ($options.userTyping && $options.userTyping(...args))),
                 onKeyup: _cache[2] || (_cache[2] = (...args) => ($options.userTyping && $options.userTyping(...args))),
@@ -4523,7 +4523,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (($data.filter_value) = $event)),
                 placeholder: $props.searchPlaceholder ? $props.searchPlaceholder : 'Search',
                 class: "form-control sh-search-input"
-              }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_10$1), [
+              }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_10$2), [
                 [vue.vModelText, $data.filter_value]
               ])
             ])
@@ -5334,12 +5334,12 @@ const _hoisted_6$3 = {
   class: "d-flex flex-column w-100 px-2"
 };
 const _hoisted_7$2 = ["checked", "disabled"];
-const _hoisted_8$1 = ["onClick"];
-const _hoisted_9$1 = {
+const _hoisted_8$2 = ["onClick"];
+const _hoisted_9$2 = {
   id: "permissions-content",
   class: "col-md-9 py-4 px-4"
 };
-const _hoisted_10 = { class: "p-2 rounded-2 bg-white h-100" };
+const _hoisted_10$1 = { class: "p-2 rounded-2 bg-white h-100" };
 const _hoisted_11 = {
   key: 0,
   class: "alert alert-info"
@@ -5478,13 +5478,13 @@ return (_ctx, _cache) => {
                 vue.createElementVNode("label", {
                   class: "text-capitalize",
                   onClick: $event => (setModule(module))
-                }, vue.toDisplayString(module.replaceAll('_',' ')), 9 /* TEXT, PROPS */, _hoisted_8$1)
+                }, vue.toDisplayString(module.replaceAll('_',' ')), 9 /* TEXT, PROPS */, _hoisted_8$2)
               ], 2 /* CLASS */))
             }), 128 /* KEYED_FRAGMENT */))
           ]))
     ]),
-    vue.createElementVNode("div", _hoisted_9$1, [
-      vue.createElementVNode("div", _hoisted_10, [
+    vue.createElementVNode("div", _hoisted_9$2, [
+      vue.createElementVNode("div", _hoisted_10$1, [
         (loading.value)
           ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, " loading ... "))
           : (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, [
@@ -5675,6 +5675,9 @@ const _hoisted_6$2 = {
   "aria-labelledby": "dropdownMenuLink"
 };
 const _hoisted_7$1 = ["onClick"];
+const _hoisted_8$1 = { class: "border-top" };
+const _hoisted_9$1 = { class: "dropdown-item d-flex flex-column" };
+const _hoisted_10 = /*#__PURE__*/vue.createElementVNode("span", null, "Custom", -1 /* HOISTED */);
 
 
 
@@ -5702,6 +5705,13 @@ const props = __props;
 const selectedDate = vue.ref(null);
 const rangeLabel = vue.ref(null);
 vue.ref(false);
+const customFrom = vue.ref(null);
+const customTo = vue.ref(null);
+
+const applyCustom = ()=>{
+  const date = [moment__default["default"](customFrom.value),moment__default["default"](customTo.value)];
+  setDate(date,'Custom');
+};
 
 const dates = vue.ref([
   {
@@ -5725,8 +5735,16 @@ const dates = vue.ref([
     value: [moment__default["default"]().subtract(1, 'month').startOf('month'), moment__default["default"]().subtract(1, 'month').endOf('month')]
   },
   {
-    label: '1 Month',
-    value: [moment__default["default"]().subtract(29, 'days'), moment__default["default"]()]
+    label: 'Last 30 days',
+    value: [moment__default["default"]().subtract(30, 'days'), moment__default["default"]()]
+  },
+  {
+    label: 'Last 60 days',
+    value: [moment__default["default"]().subtract(60, 'days'), moment__default["default"]()]
+  },
+  {
+    label: 'Last 90 days',
+    value: [moment__default["default"]().subtract(90, 'days'), moment__default["default"]()]
   },
   {
     label: '1 Year',
@@ -5785,15 +5803,32 @@ return (_ctx, _cache) => {
             }, vue.toDisplayString(date.label), 3 /* TEXT, CLASS */)
           ], 8 /* PROPS */, _hoisted_7$1))
         }), 128 /* KEYED_FRAGMENT */)),
-        vue.createCommentVNode("        <li>"),
-        vue.createCommentVNode("          <div class=\"dropdown-item\">"),
-        vue.createCommentVNode("            <div @clik=\"showCustom = true\">Custom</div>"),
-        vue.createCommentVNode("            <div v-if=\"showCustom\">"),
-        vue.createCommentVNode("              <input type=\"date\">"),
-        vue.createCommentVNode("              <input type=\"date\">"),
-        vue.createCommentVNode("            </div>"),
-        vue.createCommentVNode("          </div>"),
-        vue.createCommentVNode("        </li>")
+        vue.createElementVNode("li", _hoisted_8$1, [
+          vue.createElementVNode("div", _hoisted_9$1, [
+            _hoisted_10,
+            vue.createElementVNode("div", null, [
+              vue.withDirectives(vue.createElementVNode("input", {
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((customFrom).value = $event)),
+                type: "date"
+              }, null, 512 /* NEED_PATCH */), [
+                [vue.vModelText, customFrom.value]
+              ]),
+              vue.withDirectives(vue.createElementVNode("input", {
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => ((customTo).value = $event)),
+                type: "date"
+              }, null, 512 /* NEED_PATCH */), [
+                [vue.vModelText, customTo.value]
+              ])
+            ]),
+            (customFrom.value && customTo.value)
+              ? (vue.openBlock(), vue.createElementBlock("button", {
+                  key: 0,
+                  class: "btn btn-sm btn-info mt-1",
+                  onClick: applyCustom
+                }, "Apply"))
+              : vue.createCommentVNode("v-if", true)
+          ])
+        ])
       ])
     ])
   ]))

package/dist/library.mjs

@@ -2057,12 +2057,12 @@ const _hoisted_4$c = ["onClick"];
 const _hoisted_5$a = ["id"];
 const _hoisted_6$9 = ["id", "aria-labelledby"];
 const _hoisted_7$7 = { key: 0 };
-const _hoisted_8$4 = ["onClick"];
-const _hoisted_9$5 = {
+const _hoisted_8$5 = ["onClick"];
+const _hoisted_9$6 = {
   key: 1,
   class: "dropdown-item sh-suggest-no-results"
 };
-const _hoisted_10$4 = {
+const _hoisted_10$5 = {
   key: 2,
   class: "dropdown-item sh-suggest-no-input"
 };
@@ -2193,14 +2193,14 @@ return (_ctx, _cache) => {
                           onClick: $event => (addSuggestion(suggestion)),
                           class: normalizeClass(["dropdown-item", unref(selectedSuggestions).includes(suggestion) ? 'active':'']),
                           href: "#"
-                        }, toDisplayString(suggestion.name ?? suggestion.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_8$4)
+                        }, toDisplayString(suggestion.name ?? suggestion.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_8$5)
                       ]))
                     : createCommentVNode("v-if", true)
                 ], 64 /* STABLE_FRAGMENT */))
               }), 128 /* KEYED_FRAGMENT */))
             : (unref(searchText))
-              ? (openBlock(), createElementBlock("li", _hoisted_9$5, " No results found "))
-              : (openBlock(), createElementBlock("li", _hoisted_10$4, " Type to search... "))
+              ? (openBlock(), createElementBlock("li", _hoisted_9$6, " No results found "))
+              : (openBlock(), createElementBlock("li", _hoisted_10$5, " Type to search... "))
         ], 8 /* PROPS */, _hoisted_6$9)
       ]))
     : createCommentVNode("v-if", true)
@@ -2554,9 +2554,9 @@ const _hoisted_4$b = /*#__PURE__*/createElementVNode("i", { class: "bi-exclamati
 const _hoisted_5$9 = { key: 0 };
 const _hoisted_6$8 = { key: 1 };
 const _hoisted_7$6 = { class: "row" };
-const _hoisted_8$3 = { class: "fg-label control-label text-capitalize control-bel col-md-12 request-form-label mb-2" };
-const _hoisted_9$4 = { class: "col-md-12" };
-const _hoisted_10$3 = ["data-cy", "placeholder", "name", "onFocus", "onChange"];
+const _hoisted_8$4 = { class: "fg-label control-label text-capitalize control-bel col-md-12 request-form-label mb-2" };
+const _hoisted_9$5 = { class: "col-md-12" };
+const _hoisted_10$4 = ["data-cy", "placeholder", "name", "onFocus", "onChange"];
 const _hoisted_11$3 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_12$3 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_13$3 = ["data-cy", "placeholder", "name", "onFocus", "onUpdate:modelValue"];
@@ -2627,8 +2627,8 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
             class: normalizeClass(["form-group", 'col-md-' + $options.getColumns()]),
             key: field
           }, [
-            createElementVNode("label", _hoisted_8$3, toDisplayString($options.getLabel(field)), 1 /* TEXT */),
-            createElementVNode("div", _hoisted_9$4, [
+            createElementVNode("label", _hoisted_8$4, toDisplayString($options.getLabel(field)), 1 /* TEXT */),
+            createElementVNode("div", _hoisted_9$5, [
               ($options.getFieldType(field) === 'component')
                 ? (openBlock(), createBlock(resolveDynamicComponent($props.customComponent[field]), {
                     key: 0,
@@ -2653,7 +2653,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     ref: 'file_'+field,
                     onChange: $event => ($options.handleFileUpload(field)),
                     type: "file"
-                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_10$3))
+                  }, null, 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_10$4))
                 : createCommentVNode("v-if", true),
               ($options.getFieldType(field) === 'numeric')
                 ? withDirectives((openBlock(), createElementBlock("input", {
@@ -3745,10 +3745,10 @@ const _hoisted_1$c = { key: 0 };
 const _hoisted_2$7 = { class: "record_count_body mb-3" };
 const _hoisted_3$7 = /*#__PURE__*/createElementVNode("span", { class: "per_page_show" }, "Showing", -1 /* HOISTED */);
 const _hoisted_4$7 = /*#__PURE__*/createStaticVNode("<option value=\"10\">10</option><option value=\"25\">25</option><option value=\"50\">50</option><option value=\"100\">100</option><option value=\"200\">200</option>", 5);
-const _hoisted_9$3 = [
+const _hoisted_9$4 = [
   _hoisted_4$7
 ];
-const _hoisted_10$2 = { class: "record_counts" };
+const _hoisted_10$3 = { class: "record_counts" };
 const _hoisted_11$2 = {
   key: 0,
   "aria-label": "Page navigation"
@@ -3795,10 +3795,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
             class: "select_per_page",
             onChange: _cache[0] || (_cache[0] = (...args) => ($options.changePerPage && $options.changePerPage(...args))),
             "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (($data.per_page) = $event))
-          }, _hoisted_9$3, 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
+          }, _hoisted_9$4, 544 /* HYDRATE_EVENTS, NEED_PATCH */), [
             [vModelSelect, $data.per_page]
           ]),
-          createElementVNode("span", _hoisted_10$2, " of " + toDisplayString($props.pagination_data.record_count) + " items", 1 /* TEXT */)
+          createElementVNode("span", _hoisted_10$3, " of " + toDisplayString($props.pagination_data.record_count) + " items", 1 /* TEXT */)
         ]),
         ($props.pagination_data != null)
           ? (openBlock(), createElementBlock("nav", _hoisted_11$2, [
@@ -4332,9 +4332,9 @@ const _hoisted_7$3 = {
   key: 1,
   class: "row"
 };
-const _hoisted_8$2 = { class: "col-12 mb-3" };
-const _hoisted_9$2 = { class: "sh-search-bar" };
-const _hoisted_10$1 = ["placeholder"];
+const _hoisted_8$3 = { class: "col-12 mb-3" };
+const _hoisted_9$3 = { class: "sh-search-bar" };
+const _hoisted_10$2 = ["placeholder"];
 const _hoisted_11$1 = {
   key: 0,
   class: "text-center"
@@ -4500,8 +4500,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     (!$props.hideSearch)
       ? (openBlock(), createElementBlock("div", _hoisted_7$3, [
-          createElementVNode("div", _hoisted_8$2, [
-            createElementVNode("div", _hoisted_9$2, [
+          createElementVNode("div", _hoisted_8$3, [
+            createElementVNode("div", _hoisted_9$3, [
               withDirectives(createElementVNode("input", {
                 onKeydown: _cache[1] || (_cache[1] = (...args) => ($options.userTyping && $options.userTyping(...args))),
                 onKeyup: _cache[2] || (_cache[2] = (...args) => ($options.userTyping && $options.userTyping(...args))),
@@ -4510,7 +4510,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (($data.filter_value) = $event)),
                 placeholder: $props.searchPlaceholder ? $props.searchPlaceholder : 'Search',
                 class: "form-control sh-search-input"
-              }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_10$1), [
+              }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_10$2), [
                 [vModelText, $data.filter_value]
               ])
             ])
@@ -5321,12 +5321,12 @@ const _hoisted_6$3 = {
   class: "d-flex flex-column w-100 px-2"
 };
 const _hoisted_7$2 = ["checked", "disabled"];
-const _hoisted_8$1 = ["onClick"];
-const _hoisted_9$1 = {
+const _hoisted_8$2 = ["onClick"];
+const _hoisted_9$2 = {
   id: "permissions-content",
   class: "col-md-9 py-4 px-4"
 };
-const _hoisted_10 = { class: "p-2 rounded-2 bg-white h-100" };
+const _hoisted_10$1 = { class: "p-2 rounded-2 bg-white h-100" };
 const _hoisted_11 = {
   key: 0,
   class: "alert alert-info"
@@ -5465,13 +5465,13 @@ return (_ctx, _cache) => {
                 createElementVNode("label", {
                   class: "text-capitalize",
                   onClick: $event => (setModule(module))
-                }, toDisplayString(module.replaceAll('_',' ')), 9 /* TEXT, PROPS */, _hoisted_8$1)
+                }, toDisplayString(module.replaceAll('_',' ')), 9 /* TEXT, PROPS */, _hoisted_8$2)
               ], 2 /* CLASS */))
             }), 128 /* KEYED_FRAGMENT */))
           ]))
     ]),
-    createElementVNode("div", _hoisted_9$1, [
-      createElementVNode("div", _hoisted_10, [
+    createElementVNode("div", _hoisted_9$2, [
+      createElementVNode("div", _hoisted_10$1, [
         (loading.value)
           ? (openBlock(), createElementBlock("div", _hoisted_11, " loading ... "))
           : (openBlock(), createElementBlock("div", _hoisted_12, [
@@ -5662,6 +5662,9 @@ const _hoisted_6$2 = {
   "aria-labelledby": "dropdownMenuLink"
 };
 const _hoisted_7$1 = ["onClick"];
+const _hoisted_8$1 = { class: "border-top" };
+const _hoisted_9$1 = { class: "dropdown-item d-flex flex-column" };
+const _hoisted_10 = /*#__PURE__*/createElementVNode("span", null, "Custom", -1 /* HOISTED */);
 
 
 
@@ -5689,6 +5692,13 @@ const props = __props;
 const selectedDate = ref(null);
 const rangeLabel = ref(null);
 ref(false);
+const customFrom = ref(null);
+const customTo = ref(null);
+
+const applyCustom = ()=>{
+  const date = [moment(customFrom.value),moment(customTo.value)];
+  setDate(date,'Custom');
+};
 
 const dates = ref([
   {
@@ -5712,8 +5722,16 @@ const dates = ref([
     value: [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
   },
   {
-    label: '1 Month',
-    value: [moment().subtract(29, 'days'), moment()]
+    label: 'Last 30 days',
+    value: [moment().subtract(30, 'days'), moment()]
+  },
+  {
+    label: 'Last 60 days',
+    value: [moment().subtract(60, 'days'), moment()]
+  },
+  {
+    label: 'Last 90 days',
+    value: [moment().subtract(90, 'days'), moment()]
   },
   {
     label: '1 Year',
@@ -5772,15 +5790,32 @@ return (_ctx, _cache) => {
             }, toDisplayString(date.label), 3 /* TEXT, CLASS */)
           ], 8 /* PROPS */, _hoisted_7$1))
         }), 128 /* KEYED_FRAGMENT */)),
-        createCommentVNode("        <li>"),
-        createCommentVNode("          <div class=\"dropdown-item\">"),
-        createCommentVNode("            <div @clik=\"showCustom = true\">Custom</div>"),
-        createCommentVNode("            <div v-if=\"showCustom\">"),
-        createCommentVNode("              <input type=\"date\">"),
-        createCommentVNode("              <input type=\"date\">"),
-        createCommentVNode("            </div>"),
-        createCommentVNode("          </div>"),
-        createCommentVNode("        </li>")
+        createElementVNode("li", _hoisted_8$1, [
+          createElementVNode("div", _hoisted_9$1, [
+            _hoisted_10,
+            createElementVNode("div", null, [
+              withDirectives(createElementVNode("input", {
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((customFrom).value = $event)),
+                type: "date"
+              }, null, 512 /* NEED_PATCH */), [
+                [vModelText, customFrom.value]
+              ]),
+              withDirectives(createElementVNode("input", {
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => ((customTo).value = $event)),
+                type: "date"
+              }, null, 512 /* NEED_PATCH */), [
+                [vModelText, customTo.value]
+              ])
+            ]),
+            (customFrom.value && customTo.value)
+              ? (openBlock(), createElementBlock("button", {
+                  key: 0,
+                  class: "btn btn-sm btn-info mt-1",
+                  onClick: applyCustom
+                }, "Apply"))
+              : createCommentVNode("v-if", true)
+          ])
+        ])
       ])
     ])
   ]))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iankibetsh/shframework",
-  "version": "1.7.2",
+  "version": "1.7.3",
   "description": "Vue library for handling laravel backend",
   "main": "dist/library.js",
   "module": "dist/library.mjs",