add new filter by days

src/pages/Entry/MyEntries.vue

@@ -7,6 +7,7 @@ import { toDate } from 'src/filters/index';
 import { useQuasar } from 'quasar';
 import EntryBuysTableDialog from './EntryBuysTableDialog.vue';
 import VnTable from 'components/VnTable/VnTable.vue';
+import VnInput from 'src/components/common/VnInput.vue';
 
 const stateStore = useStateStore();
 const { t } = useI18n();
@@ -34,6 +35,10 @@ const columns = computed(() => [
         isTitle: false,
         create: true,
         cardVisible: true,
+        component: 'date',
+        columnField: {
+            component: null,
+        },
         format: ({ shipped }) => toDate(shipped),
     },
     {
@@ -43,6 +48,10 @@ const columns = computed(() => [
         isTitle: false,
         create: true,
         cardVisible: false,
+        component: 'date',
+        columnField: {
+            component: null,
+        },
         format: ({ landed }) => toDate(landed),
     },
     {
@@ -75,6 +84,7 @@ const printBuys = (rowId) => {
         },
     });
 };
+const DEFAULT_INTERVAL_DAYS = 3;
 </script>
 <template>
     <VnSearchbar
@@ -93,14 +103,30 @@ const printBuys = (rowId) => {
                 :columns="columns"
                 default-mode="card"
                 auto-load
+                :right-search="true"
+                :filter="{ days: DEFAULT_INTERVAL_DAYS }"
             >
+                <template #moreFilterPanel="{ params }">
+                    <VnInput
+                        :label="t('params.scopeDays')"
+                        v-model="params.days"
+                        class="q-px-xs q-pb-xs q-pt-none fit"
+                        dense
+                        filled
+                        outlined
+                    ></VnInput>
+                </template>
             </VnTable>
         </div>
     </QPage>
 </template>
 
 <i18n>
+en:
+    params:
+        scopeDays: Days onward
 es:
-    Search entries: Buscar entradas
+    params:
+        scopeDays: Días adelante
     You can search by entry reference: Puedes buscar por referencia de la entrada
 </i18n>