From b12baf63f81a94eae3bc863431c63ace86099462 Mon Sep 17 00:00:00 2001
From: BiggerRain <15911122312@163.COM>
Date: Fri, 26 Dec 2025 16:12:16 +0800
Subject: [PATCH] fix: console error (#1033)

---
 src/components/UpdateApp/index.tsx | 12 +++++++++---
 src/components/ui/calendar.tsx     |  6 +++---
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/components/UpdateApp/index.tsx b/src/components/UpdateApp/index.tsx
index 5385953a..b91a7204 100644
--- a/src/components/UpdateApp/index.tsx
+++ b/src/components/UpdateApp/index.tsx
@@ -1,5 +1,10 @@
 import { useCallback, useMemo, useEffect } from "react";
-import { Dialog, DialogContent } from "@/components/ui/dialog";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogTitle,
+} from "@/components/ui/dialog";
 import { Button } from "@/components/ui/button";
 import { useTranslation } from "react-i18next";
 import { LoaderCircle, X } from "lucide-react";
@@ -161,6 +166,7 @@ const UpdateApp = ({ isCheckPage }: UpdateAppProps) => {
             isCheckPage && "h-full"
           )}
         >
+          <DialogTitle className="sr-only">{t("update.title")}</DialogTitle>
           {!isCheckPage && isOptional && (
             <X
               className={clsx(
@@ -176,7 +182,7 @@ const UpdateApp = ({ isCheckPage }: UpdateAppProps) => {
 
           <img src={isDark ? darkIcon : lightIcon} className="h-6" />
 
-          <div className="text-sm leading-5 py-2 text-foreground text-center">
+          <DialogDescription className="text-sm leading-5 py-2 text-foreground text-center">
             {updateInfo ? (
               isOptional ? (
                 t("update.optional_description")
@@ -189,7 +195,7 @@ const UpdateApp = ({ isCheckPage }: UpdateAppProps) => {
             ) : (
               t("update.date")
             )}
-          </div>
+          </DialogDescription>
 
           {updateInfo ? (
             <div
diff --git a/src/components/ui/calendar.tsx b/src/components/ui/calendar.tsx
index 58612828..7e198a2c 100644
--- a/src/components/ui/calendar.tsx
+++ b/src/components/ui/calendar.tsx
@@ -31,7 +31,7 @@ function Calendar({
         "--cell-size": "2rem",
       }}
       className={cn(
-        "bg-background group/calendar p-3 [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        "bg-background group/calendar p-3 in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent",
         String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
         String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
         className
@@ -158,7 +158,7 @@ function Calendar({
         WeekNumber: ({ children, ...props }) => {
           return (
             <td {...props}>
-              <div className="flex size-[var(--cell-size)] items-center justify-center text-center">
+              <div className="flex size-(--cell-size) items-center justify-center text-center">
                 {children}
               </div>
             </td>
@@ -200,7 +200,7 @@ function CalendarDayButton({
       data-range-end={modifiers.range_end}
       data-range-middle={modifiers.range_middle}
       className={cn(
-        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[var(--cell-size)] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",
+        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-(--cell-size) flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",
         defaultClassNames.day,
         className
       )}