✨ feat (nav-header): implement filter component with search and date range

2025-09-23 19:42:08 +07:00
parent 4acc8cf3f4
commit 4a480548df
3 changed files with 1718 additions and 2757 deletions
@@ -24,17 +24,17 @@ function btnClick() {
    <div class="flex items-center justify-between">
      <div class="flex items-center">
        <div class="ml-3 text-lg font-bold text-gray-900">
-          <Icon :name="props.prep.icon!" class="mr-2 size-4 md:size-6 align-middle" />
+          <Icon :name="props.prep.icon!" class="mr-2 size-4 align-middle md:size-6" />
          {{ props.prep.title }}
        </div>
      </div>
      <div class="flex items-center">
        <div v-if="props.refSearchNav" class="ml-3 text-lg text-gray-900">
-          <Input
-type="text" placeholder="Search"
-            class="w-full rounded-md border bg-white px-4 py-2 text-gray-900 sm:text-sm" @click="emitSearchNavClick"
-            @input="onInput"
-/>
+          <!--           <Input -->
+          <!-- type="text" placeholder="Search" -->
+          <!--             class="w-full rounded-md border bg-white px-4 py-2 text-gray-900 sm:text-sm" @click="emitSearchNavClick" -->
+          <!--             @input="onInput" -->
+          <!-- /> -->
        </div>
        <div v-if="prep.addNav" class="m-2 flex items-center">
          <Button size="md" class="rounded-md border border-gray-300 px-4 py-2 text-white sm:text-sm" @click="btnClick">