From 1e9fa3adace379278a924a71c865bceaaf0b4810 Mon Sep 17 00:00:00 2001
From: Maciej Gierada <maciek.gierada@gmail.com>
Date: Sun, 16 Jun 2024 19:45:41 +0200
Subject: [PATCH] feat: place the popover on top always

---
 ui/src/components/Callendar/index.jsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/Callendar/index.jsx b/ui/src/components/Callendar/index.jsx
index 4fa9b80..385de9c 100644
--- a/ui/src/components/Callendar/index.jsx
+++ b/ui/src/components/Callendar/index.jsx
@@ -15,7 +15,7 @@ import {
 
 const Callendar = ({ className, lastTimeReseted, currentCouterValue }) => {
   const [date, setDate] = React.useState({
-    from: lastTimeReseted || new Date(2024, 4, 13),
+    from: lastTimeReseted ? new Date(lastTimeReseted) : new Date(2024, 4, 13),
     to: addDays(new Date(2024, 4, 13), currentCouterValue),
   });
   return (
@@ -45,7 +45,12 @@ const Callendar = ({ className, lastTimeReseted, currentCouterValue }) => {
             )}
           </Button>
         </PopoverTrigger>
-        <PopoverContent className="w-auto p-0" align="start">
+        <PopoverContent
+          className="w-auto p-0"
+          align="center"
+          side="top"
+          sideOffset={10}
+        >
           <Calendar
             initialFocus
             mode="range"