diff --git a/bun.lockb b/bun.lockb
index 2379a45..6b051cc 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index bf507d2..8e5a339 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,7 @@
     "@radix-ui/react-scroll-area": "^1.2.2",
     "@radix-ui/react-select": "^2.1.4",
     "@radix-ui/react-separator": "^1.1.1",
-    "@radix-ui/react-slot": "^1.1.1",
+    "@radix-ui/react-slot": "^1.1.2",
     "@serwist/next": "^9.0.11",
     "@serwist/precaching": "^9.0.11",
     "@serwist/sw": "^9.0.11",
@@ -44,7 +44,7 @@
     "next": "15.1.2",
     "next-themes": "^0.4.4",
     "react": "^19.0.0",
-    "react-day-picker": "^9.4.4",
+    "react-day-picker": "8.10.1",
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.54.2",
     "sonner": "^1.7.1",
diff --git a/src/components/ui/calendar.tsx b/src/components/ui/calendar.tsx
index c465642..ae0a208 100644
--- a/src/components/ui/calendar.tsx
+++ b/src/components/ui/calendar.tsx
@@ -46,7 +46,7 @@ function Calendar({
                     'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',
                 day_today: 'bg-accent text-accent-foreground',
                 day_outside:
-                    'day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30',
+                    'day-outside text-muted-foreground aria-selected:bg-accent/50 aria-selected:text-muted-foreground',
                 day_disabled: 'text-muted-foreground opacity-50',
                 day_range_middle:
                     'aria-selected:bg-accent aria-selected:text-accent-foreground',
@@ -54,8 +54,12 @@ function Calendar({
                 ...classNames,
             }}
             components={{
-                IconLeft: ({...props}) => <ChevronLeft className="h-4 w-4"/>,
-                IconRight: ({...props}) => <ChevronRight className="h-4 w-4"/>,
+                IconLeft: ({className, ...props}) => (
+                    <ChevronLeft className={cn('h-4 w-4', className)} {...props} />
+                ),
+                IconRight: ({className, ...props}) => (
+                    <ChevronRight className={cn('h-4 w-4', className)} {...props} />
+                ),
             }}
             {...props}
         />