From 84d4b9d9a4f680c2de05adc211977f8460f5ce13 Mon Sep 17 00:00:00 2001
From: brusnitsyn <brusnitsyn@gmail.com>
Date: Tue, 2 Jun 2026 16:12:24 +0900
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB=20?=
 =?UTF-8?q?=D0=BF=D0=BE=D0=B4=D1=81=D0=BA=D0=B0=D0=B7=D0=BA=D1=83=20=D0=BF?=
 =?UTF-8?q?=D1=80=D0=B8=20=D0=BD=D0=B0=D0=B2=D0=B5=D0=B4=D0=B5=D0=BD=D0=B8?=
 =?UTF-8?q?=D0=B8=20=D0=BD=D0=B0=20=D0=B4=D0=B0=D1=82=D1=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/js/Components/DatePickerQuery.vue | 47 ++++++++++++++++++++-
 1 file changed, 45 insertions(+), 2 deletions(-)

diff --git a/resources/js/Components/DatePickerQuery.vue b/resources/js/Components/DatePickerQuery.vue
index 0e4622e..3fec9d3 100644
--- a/resources/js/Components/DatePickerQuery.vue
+++ b/resources/js/Components/DatePickerQuery.vue
@@ -1,5 +1,5 @@
 <script setup>
-import {NDatePicker, NIcon, NFlex, NButton, NSkeleton} from 'naive-ui'
+import {NDatePicker, NIcon, NFlex, NTooltip, NSkeleton} from 'naive-ui'
 import {computed, ref} from "vue";
 import {router} from "@inertiajs/vue3";
 import {TbCalendar} from 'vue-icons-plus/tb'
@@ -19,6 +19,10 @@ const props = defineProps({
     isShowCurrentDateSwitch: {
         type: Boolean,
         default: false
+    },
+    hint: {
+        type: Boolean,
+        default: false
     }
 })
 
@@ -224,7 +228,46 @@ const quickButtonText = computed(() => {
 </script>
 
 <template>
-    <div class="relative inline-flex items-center">
+    <NTooltip v-if="hint" placement="right" width="220" :arrow="false">
+        <template #trigger>
+            <div v-bind="$attrs" class="relative inline-flex items-center">
+                <template v-if="isLoading">
+                    <NSkeleton width="240" height="20" round />
+                </template>
+                <template v-else>
+                    <div
+                        v-if="formattedValue"
+                        class="font-medium leading-3 cursor-pointer"
+                        @click="showCalendar = true"
+                    >
+                        {{ formattedValue }}
+                    </div>
+
+                    <NDatePicker
+                        v-model:value="modelValue"
+                        v-model:show="showCalendar"
+                        class="opacity-0 absolute! inset-x-0 bottom-full -translate-y-1/2"
+                        placement="top-start"
+                        :shortcuts="shortcuts"
+                        :is-date-disabled="isDateDisabled"
+                        input-readonly
+                        bind-calendar-months
+                        type="daterange"
+                        @update:value="handleDateUpdate"
+                    >
+                    </NDatePicker>
+
+                    <div class="cursor-pointer p-2 flex items-center justify-center" @click="showCalendar = true">
+                        <NIcon size="20">
+                            <TbCalendar />
+                        </NIcon>
+                    </div>
+                </template>
+            </div>
+        </template>
+        <span class="text-sm">Учёт времени с 09:00 текущих суток по 09:00 следующих суток</span>
+    </NTooltip>
+    <div v-else v-bind="$attrs" class="relative inline-flex items-center">
         <template v-if="isLoading">
             <NSkeleton width="240" height="20" round />
         </template>