amo los bundlers

package.json

@@ -16,6 +16,7 @@
         "vite": "^3.0.0"
     },
     "dependencies": {
+        "flatpickr": "^4.6.13",
         "simple-datatables": "^3.2.2"
     }
 }

resources/css/app.css

@@ -1,3 +1,5 @@
+@import "flatpickr/dist/flatpickr.min.css"; /*estilos del flatpickr*/
+@import "flatpickr/dist/themes/material_green.css";
 @tailwind base;
 @tailwind components;
 @tailwind utilities;

resources/js/app.js

@@ -1,2 +1,14 @@
 /*jshint esversion: 6 */
 import './bootstrap';
+import flatpickr from "flatpickr";
+import { Spanish } from "flatpickr/dist/l10n/es.js"
+
+
+flatpickr("#myDate", {
+    "locale": Spanish,
+    enableTime: true,
+    dateFormat: "Y-m-d H:i",
+    minuteIncrement: 30, //XD
+    time_24hr: true,
+    weekNumbers: true,
+});

resources/js/vanilla-datatables.js

@@ -1,11 +1,23 @@
 /*jshint esversion: 6 */
 import {DataTable} from "simple-datatables";
-const dataTable = new DataTable("#myTable");
-document.querySelector("input.csv").addEventListener("click", () => {
-    dataTable.export({
-        type:"csv",
-        download: true,
-        lineDelimiter: "\n\n",
-        columnDelimiter: ";"
-    });
-});
+
+    let tabla = document.getElementById('myTable');
+    if (tabla) {
+        const dataTable = new DataTable('#myTable');
+    }
+
+
+
+
+    // document.querySelector("input.csv").addEventListener("click", () => {
+    //     dataTable.export({
+    //         type:"csv",
+    //         download: true,
+    //         lineDelimiter: "\n\n",
+    //         columnDelimiter: ";"
+    //     });
+    // });
+
+
+
+

resources/views/admin/Citas/create.blade.php

@@ -39,7 +39,7 @@
           </div>
 
               <label>Fecha</label></br>
-              <input type="datetime-local" name="fecha_cita" id="fecha_cita" class="form-control"></br>
+              <input type="datetime-local" name="fecha_cita" id="myDate" class="form-control"></br>
               @error('fecha_cita')
               <small style="color: red">{{$message}}</small>
               @enderror