From 352e905529f7a971ddf4da72b4ed7e07e23f0689 Mon Sep 17 00:00:00 2001
From: DivyanshuLohani <59534359+DivyanshuLohani@users.noreply.github.com>
Date: Thu, 24 Oct 2024 05:01:10 +0530
Subject: [PATCH] fix: add text-center to fix date picker date background on
 hover (#3916)

Co-authored-by: Johannes <72809645+jobenjada@users.noreply.github.com>
---
 packages/ui/components/Calendar/index.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/ui/components/Calendar/index.tsx b/packages/ui/components/Calendar/index.tsx
index b4274e36c1..2f4b60fcd7 100644
--- a/packages/ui/components/Calendar/index.tsx
+++ b/packages/ui/components/Calendar/index.tsx
@@ -30,7 +30,10 @@ export const Calendar = ({ className, classNames, showOutsideDays = true, ...pro
         head_cell: "text-slate-500 rounded-md w-9 font-normal text-[0.8rem]",
         row: "flex w-full mt-2",
         cell: "text-center text-sm p-0 relative [&:has([aria-selected])]:bg-slate-200 first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
-        day: cn("hover:bg-slate-200 rounded-md p-0", "h-9 w-9 p-0 font-normal aria-selected:opacity-100"),
+        day: cn(
+          "hover:bg-slate-200 rounded-md p-0",
+          "h-9 w-9 p-0 font-normal aria-selected:opacity-100 text-center"
+        ),
         day_selected: "bg-black text-white aria-selected:bg-black aria-selected:text-white",
         day_today: "bg-slate-200 aria-selected:bg-black aria-selected:text-white",
         day_outside: "text-slate-500 opacity-50",