first commit

resources/js/Components/ReportSelectDate.vue

@@ -0,0 +1,35 @@
+<script setup>
+import {NDatePicker} from 'naive-ui'
+import {storeToRefs} from "pinia";
+import {useReportStore} from "../Stores/report.js";
+
+const themeOverride = {
+    peers: {
+        Input: {
+            border: null,
+            color: null,
+            colorFocus: null,
+            borderHover: null,
+            borderFocus: null,
+            boxShadowFocus: null,
+            paddingMedium: ''
+        }
+    }
+}
+
+const reportStore = useReportStore()
+const { timestampCurrentRange } = storeToRefs(reportStore)
+</script>
+
+<template>
+    <NDatePicker :theme-overrides="themeOverride"
+                 v-model:value="timestampCurrentRange"
+                 format="dd.MM.YYYY"
+                 type="daterange"
+                 @update-value="reportStore.getDataOnReportDate"
+    />
+</template>
+
+<style scoped>
+
+</style>