datepicker working

test.js

@@ -1,10 +1,67 @@
+// debugger
 import $ from 'jquery';
-window.jQuery = window.$ = $;
+window.$ = window.jQuery = $;
+//
+console.log("jQuery version:", $.fn?.jquery);
+// // import $ from './dist/jquery';
+import "bootstrap"
+import "bootstrap/dist/css/bootstrap.min.css"
+import "bootstrap-icons/font/bootstrap-icons.min.css"
 
-import 'bootstrap/dist/css/bootstrap.min.css';
-import 'bootstrap';
-import 'bootstrap-icons/font/bootstrap-icons.css';
+import "bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js";
+import "bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css";
 
-$(function () {
-    // do stuff
-});
+const Editable = require("bootstrap5-editable/js/bootstrap-editable");
+console.log("Editable:", Editable);
+$.fn.editable.defaults.mode = 'inline';
+
+// import("bootstrap5-editable/js/bootstrap-editable")
+//     .then((module) => {
+//         console.log("Loaded bootstrap-editable:", module);
+//         console.log("Module exports:", Object.keys(module)); // Log what is actually exported
+//         window.EditableForm = module.default || module;
+//         console.log("Window.EditableForm:", window.EditableForm);
+//     })
+//     .catch((err) => console.error("Error loading module:", err));
+$(function() {
+    console.log("hello world");
+
+    $('#yes-no-switch').editable({
+        type: 'select',
+        url: 'test.php',  // URL to send the POST request
+        source: 'test.php', // URL to fetch select options
+        value: 1,
+        success: function(response, newValue) {
+            console.log("Saved successfully:", response);
+        },
+        error: function(response) {
+            console.error("Save error:", response);
+        }
+    });
+
+    $('#datepicker').editable({
+        type: 'date',
+        url: 'test.php',  // URL to send the POST request
+        format: 'yyyy-mm-dd', // Date format
+        viewformat: 'dd/mm/yyyy', // How the user sees it
+        datepicker: {
+            weekStart: 1,
+            autoclose: true,
+            todayHighlight: true
+        },
+        success: (response, newValue)=> {
+            console.log("Date saved successfully:", response);
+        },
+        error: (response) => {
+            console.error("Date save error:", response);
+        }
+    }).on('shown', (e, editable)=>  {
+        console.log("Datepicker shown:", editable);
+        $(editable.input.$input).datepicker({
+            weekStart: 1,
+            autoclose: true,
+            todayHighlight: true
+        }).datepicker('show')
+    });
+
+})