fix(ui): fix calendar component for setting schedules

Author: waleedlatif1

apps/sim/components/ui/calendar.tsx

@@ -46,15 +46,11 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }: C
         ...classNames,
       }}
       components={{
-        PreviousMonthButton: ({ ...props }) => (
-          <button {...props}>
-            <ChevronLeft className={cn('h-4 w-4')} />
-          </button>
+        IconLeft: ({ className, ...props }) => (
+          <ChevronLeft className={cn('h-4 w-4', className)} {...props} />
         ),
-        NextMonthButton: ({ ...props }) => (
-          <button {...props}>
-            <ChevronRight className={cn('h-4 w-4')} />
-          </button>
+        IconRight: ({ className, ...props }) => (
+          <ChevronRight className={cn('h-4 w-4', className)} {...props} />
         ),
       }}
       {...props}

apps/sim/package.json

@@ -59,7 +59,7 @@
     "@radix-ui/react-select": "^2.1.4",
     "@radix-ui/react-separator": "^1.1.2",
     "@radix-ui/react-slider": "^1.2.2",
-    "@radix-ui/react-slot": "^1.1.2",
+    "@radix-ui/react-slot": "^1.2.2",
     "@radix-ui/react-switch": "^1.1.2",
     "@radix-ui/react-tabs": "^1.1.2",
     "@radix-ui/react-toggle": "^1.1.2",
@@ -95,7 +95,7 @@
     "postgres": "^3.4.5",
     "prismjs": "^1.30.0",
     "react": "19.1.0",
-    "react-day-picker": "^9.4.2",
+    "react-day-picker": "^8.10.1",
     "react-dom": "19.1.0",
     "react-google-drive-picker": "^1.2.2",
     "react-hook-form": "^7.54.2",

package-lock.json

@@ -29,6 +29,7 @@
     "react-dom": "19.1.0"
   },
   "dependencies": {
-    "@vercel/analytics": "^1.5.0"
+    "@vercel/analytics": "^1.5.0",
+    "react-day-picker": "^9.7.0"
   }
 }