merged.

resources/public/js/alpine-vals.js

@@ -35,4 +35,11 @@ Alpine.directive('hx-header', (el, { value, expression }, { evaluateLater, effec
             })
         })
     })
+    Alpine.directive(
+        "destroy",
+        (el, { expression }, { evaluateLater, cleanup }) => {
+          const onDestroy = evaluateLater(expression);
+          cleanup(onDestroy);
+        }
+      );
 }) 

resources/public/js/htmx-disable.js

@@ -107,7 +107,6 @@ htmx.defineExtension('trigger-filter', {
     onEvent: function(name ,  evt) {
         if (name=="htmx:beforeRequest") {
             var element = evt.detail.elt;
-            console.log("HEREEE", element.lastParams, evt.detail.requestConfig.parameters)
             if (!deepEqual(element.lastParams, evt.detail.requestConfig.parameters)) {
                 element.lastParams = evt.detail.requestConfig.parameters;
             } else {
@@ -122,13 +121,21 @@ htmx.defineExtension('trigger-filter', {
 initDatepicker = function(elem) {
     const modalParent = elem.closest('#modal-content');
     if (modalParent) {
-        elem.dp = new Datepicker(elem, {format: "mm/dd/yyyy", autohide: true, container: "#modal-content .modal-card"});
+        return new Datepicker(elem, {format: "mm/dd/yyyy", autohide: true, container: "#modal-content .modal-card"});
     } else {
-        elem.dp = new Datepicker(elem, {format: "mm/dd/yyyy", autohide: true});
+        return new Datepicker(elem, {format: "mm/dd/yyyy", autohide: true});
     }
 
 }
 
+destroyDatepicker = function(dp) {
+    try {
+        dp.destroy()
+    } catch {
+
+    }
+}
+
 countRows = function(id) {
     var table = document.querySelector(id);
     var rows = table.querySelectorAll("tbody tr");
@@ -171,3 +178,4 @@ htmx.onLoad(function(content) {
       console.error('Failed to copy text to clipboard:', err);
     }
   }
+