Merge pull request #18 from tomihq/dev

Author: tomihq

components/accordion/calendar-accordion.tsx

@@ -1,9 +1,9 @@
 "use client";
 
 import { AnimatePresence, motion } from "framer-motion";
+import { Button, buttonVariants } from "../ui/button";
 import { useLocale, useTranslations } from "next-intl";
 
-import { Button } from "../ui/button";
 import { Calendar as CalendarComponent } from "@/components/ui/calendar";
 import { CalendarIcon } from "lucide-react";
 import { PRIMARY_COLOR } from "@/lib/colors";
@@ -53,15 +53,19 @@ const CalendarAccordion = ({
 							)}
 							defaultMonth={date}
 							classNames={{
-								day_selected: cn(
-									"",
-									`bg-${PRIMARY_COLOR[theme]}-500 text-white hover:bg-${PRIMARY_COLOR[theme]}-500 hover:text-${PRIMARY_COLOR[theme]}-50 focus:bg-${PRIMARY_COLOR[theme]}-500 focus:text-${PRIMARY_COLOR[theme]}-50`
-								),
-								day_today: cn(
-									"",
-									`bg-${PRIMARY_COLOR[theme]}-100 text-${PRIMARY_COLOR[theme]}-900`
+								months: "w-full",
+								head_row: "flex justify-between",
+								row: "w-full mt-2 flex justify-between",
+								day: cn(
+									buttonVariants({ variant: "ghost" }),
+									"h-8 w-8 p-0 text-lg aria-selected:opacity-100"
 								),
 							}}
+							modifiersClassNames={{
+								today: "text-green-500",
+								selected:
+									"bg-green-500 text-white hover:bg-green-500 hover:text-white",
+							}}
 							mode='single'
 							selected={date}
 							onSelect={(date) => {