add: rango de fechas cortes de caja

src/pages/App/Checkout/Index.vue

@@ -6,6 +6,7 @@ import { transl } from "./Module";
 import PageHeader from "@Holos/PageHeader.vue";
 import Checkout from "@App/CheckoutDelivery.vue";
 import Table from "@Holos/Table.vue";
+import { DateTime } from "luxon";
 
 const models = ref({
   data: [],
@@ -14,6 +15,8 @@ const models = ref({
 
 const filters = reactive({
   type: "",
+  start_date: "",
+  end_date: "",
 });
 
 const expandedRows = ref(new Set());
@@ -79,6 +82,24 @@ onMounted(() => {
           <option value="membership">Membresías</option>
           <option value="fine">Multas</option>
         </select>
+        <label class="text-sm font-medium text-gray-700"
+          >Fecha de inicio:</label
+        >
+        <input
+          type="date"
+          v-model="filters.start_date"
+          @change="searcher.search()"
+          class="px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+        />
+        <label class="text-sm font-medium text-gray-700"
+          >Fecha de fin:</label
+        >
+        <input
+          type="date"
+          v-model="filters.end_date"
+          @change="searcher.search()"
+          class="px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+        />
       </div>
     </div>
     <div class="bg-white rounded-lg shadow-md overflow-hidden">