fix

pingcap · Feb 18, 2025 · 04bacaf · 04bacaf
1 parent 8792f2b
commit 04bacaf
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/frontend/app/src/components/ui/calendar.tsx b/frontend/app/src/components/ui/calendar.tsx
@@ -1,7 +1,7 @@
 "use client"
 
 import * as React from "react"
-import { ChevronLeft, ChevronRight } from "lucide-react"
+import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from 'lucide-react';
 import { DayPicker } from "react-day-picker"
 
 import { cn } from "@/lib/utils"
@@ -54,8 +54,20 @@ function Calendar({
         ...classNames,
       }}
       components={{
-        IconLeft: ({ ...props }) => <ChevronLeft className="h-4 w-4" />,
-        IconRight: ({ ...props }) => <ChevronRight className="h-4 w-4" />,
+        Chevron: ({ orientation, ...props }) => {
+          switch (orientation) {
+            case 'up':
+              return <ChevronUp className="h-4 w-4" />
+            case 'down':
+              return <ChevronDown className="h-4 w-4" />
+            case 'left':
+              return <ChevronLeft className="h-4 w-4" />
+            case 'right':
+              return <ChevronRight className="h-4 w-4" />
+            default:
+              return <ChevronDown className="h-4 w-4" />
+          }
+        },
       }}
       {...props}
     />