From 386176264eb6c18c1eb7c7b0c84646ba36cbdd4a Mon Sep 17 00:00:00 2001
From: LongYinan <lynweklm@gmail.com>
Date: Tue, 3 Sep 2024 16:57:34 +0800
Subject: [PATCH] fix typecheck

---
 .../frontend/admin/src/components/ui/calendar.tsx   | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/admin/src/components/ui/calendar.tsx b/packages/frontend/admin/src/components/ui/calendar.tsx
index 19f412500abcf..733ae9ddb0a74 100644
--- a/packages/frontend/admin/src/components/ui/calendar.tsx
+++ b/packages/frontend/admin/src/components/ui/calendar.tsx
@@ -2,7 +2,7 @@ import { buttonVariants } from '@affine/admin/components/ui/button';
 import { cn } from '@affine/admin/utils';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import type * as React from 'react';
-import { DayPicker } from 'react-day-picker';
+import { Chevron,DayPicker } from 'react-day-picker';
 
 export type CalendarProps = React.ComponentProps<typeof DayPicker>;
 
@@ -51,8 +51,15 @@ function Calendar({
         ...classNames,
       }}
       components={{
-        IconLeft: () => <ChevronLeft className="w-4 h-4" />,
-        IconRight: () => <ChevronRight className="w-4 h-4" />,
+        Chevron: props => {
+          if (props.orientation === 'left') {
+            return <ChevronLeft className="w-4 h-4" />;
+          }
+          if (props.orientation === 'right') {
+            return <ChevronRight className="w-4 h-4" />;
+          }
+          return <Chevron {...props} />;
+        },
       }}
       {...props}
     />