11import * as React from 'react' ;
2+ import { ChevronLeftIcon , ChevronRightIcon } from '@radix-ui/react-icons' ;
23import { DayPicker } from 'react-day-picker' ;
34
4- import { ChevronLeftIcon , ChevronRightIcon } from '@radix-ui/react-icons' ;
55import { cn } from '../utils' ;
66import { buttonVariants } from './button' ;
77
@@ -32,7 +32,7 @@ function Calendar({
3232 head_cell : 'text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]' ,
3333 row : 'flex w-full mt-2' ,
3434 cell : cn (
35- 'relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-r-md' ,
35+ '[&:has([aria-selected])]:bg-accent relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected].day-range-end)]:rounded-r-md' ,
3636 props . mode === 'range'
3737 ? '[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'
3838 : '[&:has([aria-selected])]:rounded-md' ,
@@ -56,10 +56,10 @@ function Calendar({
5656 ...classNames ,
5757 } }
5858 components = { {
59- IconLeft : ( { className, ...props } ) => (
59+ IconLeft : ( { className, children : _children , ...props } ) => (
6060 < ChevronLeftIcon className = { cn ( 'size-4' , className ) } { ...props } />
6161 ) ,
62- IconRight : ( { className, ...props } ) => (
62+ IconRight : ( { className, children : _children , ...props } ) => (
6363 < ChevronRightIcon className = { cn ( 'size-4' , className ) } { ...props } />
6464 ) ,
6565 } }
0 commit comments