fix: add text-center to fix date picker date background on hover (#3916)

Co-authored-by: Johannes <72809645+jobenjada@users.noreply.github.com>
This commit is contained in:
DivyanshuLohani
2024-10-24 05:01:10 +05:30
committed by GitHub
parent 588768c849
commit 352e905529

View File

@@ -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",