markus/finances
1
0
Fork 0
Code Issues 6 Pull requests Projects Releases 6 Packages 1 Wiki Activity Actions

N-FIN-90: update shadcn calendar component to fix build error

Browse source
This commit is contained in:
Markus Thielker 2025-03-09 05:18:37 +01:00
parent 237131aa11
commit 25793bb7c9
3 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
bun.lockb
View file

Binary file not shown.

4
package.json
View file

@ -30,7 +30,7 @@
"@radix-ui/react-scroll-area": "^1.2.2", "@radix-ui/react-scroll-area": "^1.2.2",
"@radix-ui/react-select": "^2.1.4", "@radix-ui/react-select": "^2.1.4",
"@radix-ui/react-separator": "^1.1.1", "@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/next": "^9.0.11",
"@serwist/precaching": "^9.0.11", "@serwist/precaching": "^9.0.11",
"@serwist/sw": "^9.0.11", "@serwist/sw": "^9.0.11",
@ -44,7 +44,7 @@
"next": "15.1.2", "next": "15.1.2",
"next-themes": "^0.4.4", "next-themes": "^0.4.4",
"react": "^19.0.0", "react": "^19.0.0",
"react-day-picker": "^9.4.4", "react-day-picker": "8.10.1",
"react-dom": "^19.0.0", "react-dom": "^19.0.0",
"react-hook-form": "^7.54.2", "react-hook-form": "^7.54.2",
"sonner": "^1.7.1", "sonner": "^1.7.1",

10
src/components/ui/calendar.tsx
View file

@ -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', '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_today: 'bg-accent text-accent-foreground',
day_outside: 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_disabled: 'text-muted-foreground opacity-50',
day_range_middle: day_range_middle:
'aria-selected:bg-accent aria-selected:text-accent-foreground', 'aria-selected:bg-accent aria-selected:text-accent-foreground',
@ -54,8 +54,12 @@ function Calendar({
...classNames, ...classNames,
}} }}
components={{ components={{
IconLeft: ({...props}) => <ChevronLeft className="h-4 w-4"/>, IconLeft: ({className, ...props}) => (
IconRight: ({...props}) => <ChevronRight className="h-4 w-4"/>, <ChevronLeft className={cn('h-4 w-4', className)} {...props} />
),
IconRight: ({className, ...props}) => (
<ChevronRight className={cn('h-4 w-4', className)} {...props} />
),
}} }}
{...props} {...props}
/> />