From 4ee0c650533ac0d14830191f906a8877ffc1fa5a Mon Sep 17 00:00:00 2001
From: Bram Suurd <78373894+BramSuurdje@users.noreply.github.com>
Date: Thu, 26 Jun 2025 19:16:09 +0200
Subject: [PATCH] Refactor theme provider import and enhance calendar component
 for dynamic icon rendering

---
 frontend/src/components/theme-provider.tsx | 2 +-
 frontend/src/components/ui/calendar.tsx    | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/theme-provider.tsx b/frontend/src/components/theme-provider.tsx
index fb7290a18..7346c62b2 100644
--- a/frontend/src/components/theme-provider.tsx
+++ b/frontend/src/components/theme-provider.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import type { ThemeProviderProps } from "next-themes/dist/types";
+import type { ThemeProviderProps } from "next-themes";
 
 import { ThemeProvider as NextThemesProvider } from "next-themes";
 
diff --git a/frontend/src/components/ui/calendar.tsx b/frontend/src/components/ui/calendar.tsx
index 5004f7576..c1e1ea35c 100644
--- a/frontend/src/components/ui/calendar.tsx
+++ b/frontend/src/components/ui/calendar.tsx
@@ -54,8 +54,12 @@ function Calendar({
         ...classNames,
       }}
       components={{
-        IconLeft: ({ ...props }) => <ChevronLeft className="h-4 w-4" />,
-        IconRight: ({ ...props }) => <ChevronRight className="h-4 w-4" />,
+        Chevron: ({ ...props }) => {
+          if (props.orientation === "left") {
+            return <ChevronLeft className="h-4 w-4" />;
+          }
+          return <ChevronRight className="h-4 w-4" />;
+        },
       }}
       {...props}
     />