fix the TimeEstimateCard opening

src/components/ProRatioGroups/ProRatioGroups.tsx

@@ -1,19 +1,32 @@
-import { Radio, Space } from "antd";
+import { Radio, RadioChangeEvent, Space } from "antd";
 import ProText from "components/ProText";
 import styles from "./ProRatioGroups.module.css";
 
 interface ProRatioGroupsProps {
   options: { label: string; value: string; price?: string }[];
   onRatioClick?: (value: string) => void;
+  onChange?: (e: RadioChangeEvent) => void;
   value?: string;
 }
 
 const ProRatioGroups = ({
   options,
   onRatioClick,
+  onChange,
   value,
   ...props
 }: ProRatioGroupsProps) => {
+  const handleChange = (e: RadioChangeEvent) => {
+    // If onChange is provided (from Form.Item), use it
+    if (onChange) {
+      onChange(e);
+    }
+    // Also call onRatioClick if provided (for backward compatibility)
+    if (onRatioClick) {
+      onRatioClick(e.target.value);
+    }
+  };
+
   return (
     <div className={styles.proRatioGroups}>
       <Radio.Group
@@ -21,7 +34,7 @@ const ProRatioGroups = ({
           width: "100%",
         }}
         value={value}
-        onChange={(e) => onRatioClick?.(e.target.value)}
+        onChange={handleChange}
         {...props}
       >
         <Space direction="vertical" style={{ width: "100%" }}>

src/pages/cart/components/timeEstimate/BottomSheet.tsx

@@ -24,7 +24,7 @@ export function BottomSheet({
       title={t("cart.selectTimeEstimate")}
       showCloseButton={true}
       initialSnap={1}
-      height={510}
+      height={555}
       snapPoints={["65vh"]}
     >
       <Content onSave={onSave} initialDate={initialDate} onClose={onClose} />

src/pages/cart/components/timeEstimate/TimeEstimateCard.tsx

@@ -28,7 +28,13 @@ export default function TimeEstimateCard() {
   return (
     <>
       <ProInputCard title={t("cart.estimateTime")}>
-        <Form.Item name="estimateWay" required rules={[{ required: true, message: t("cart.pleaseSelectEstimateTime") }]}>
+        <Form.Item
+          name="estimateWay"
+          required
+          rules={[
+            { required: true, message: t("cart.pleaseSelectEstimateTime") },
+          ]}
+        >
           <ProRatioGroups
             options={[
               { label: t("cart.now"), value: "now", price: "" },