20260626221809

code/app/app-rn/src/components/DateTime.tsx

@@ -1,6 +1,6 @@
 import DateTimePicker from "react-native-dates-picker";
 import dayjs from "dayjs";
-import { BottomSheet, Button, Spinner } from "heroui-native";
+import { BottomSheet, Button, Spinner, useThemeColor } from "heroui-native";
 import { useState, useEffect, useCallback, useRef } from "react";
 import { View } from "react-native";
 import { CheckIcon } from "lucide-react-native";
@@ -49,6 +49,7 @@ export default function DateTime({
   format,
 }: DatePickerProps) {
   const finalFormat = format ?? defaultFormatMap[mode];
+  const accentColor = useThemeColor("accent");
 
   const [open, setOpen] = useState(false);
   const [tempDate, setTempDate] = useState<dayjs.Dayjs | undefined>(dayjs());
@@ -100,7 +101,7 @@ export default function DateTime({
               date={tempDate}
               initialView={modeViewMap[mode]}
               timePicker={mode === "time" || mode === "datetime"}
-              selectedItemColor="#0d9488"
+              selectedItemColor={accentColor}
               onChange={({ date }) => {
                 if (date) setTempDate(dayjs(date));
               }}