From 1e3363364f0dae0acf7fa6d73274cf086894938e Mon Sep 17 00:00:00 2001
From: Vass Bence <49574140+vassbence@users.noreply.github.com>
Date: Fri, 18 Oct 2024 19:51:17 +0200
Subject: [PATCH] add forcehover

---
 src/components/Calendar/index.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/Calendar/index.tsx b/src/components/Calendar/index.tsx
index d746589..753412e 100644
--- a/src/components/Calendar/index.tsx
+++ b/src/components/Calendar/index.tsx
@@ -571,13 +571,15 @@ function CalendarControls({
         }}
       />
       <CalendarDropdown value={value} onChange={onChange} variant="date">
-        <Button variant="ghost">
-          {variant === 'monthly' && format(value, 'MMMM yyyy')}
-          {variant === '2-weekly' &&
-            `${format(startOfWeek(value, { weekStartsOn: 1 }), 'MMM d yyyy')} - ${format(addDays(startOfWeek(value, { weekStartsOn: 1 }), 13), 'MMM d yyyy')}`}
-          {variant === 'weekly' &&
-            `${format(startOfWeek(value, { weekStartsOn: 1 }), 'MMM d yyyy')} - ${format(addDays(startOfWeek(value, { weekStartsOn: 1 }), 6), 'MMM d yyyy')}`}
-        </Button>
+        {({ open }) => (
+          <Button variant="ghost" forceHover={open}>
+            {variant === 'monthly' && format(value, 'MMMM yyyy')}
+            {variant === '2-weekly' &&
+              `${format(startOfWeek(value, { weekStartsOn: 1 }), 'MMM d yyyy')} - ${format(addDays(startOfWeek(value, { weekStartsOn: 1 }), 13), 'MMM d yyyy')}`}
+            {variant === 'weekly' &&
+              `${format(startOfWeek(value, { weekStartsOn: 1 }), 'MMM d yyyy')} - ${format(addDays(startOfWeek(value, { weekStartsOn: 1 }), 6), 'MMM d yyyy')}`}
+          </Button>
+        )}
       </CalendarDropdown>
       <IconButton
         icon="arrow-right"