feat: use DatePicker for expiry time and add ExpiryReminderDismissed migration (#320 )

## Summary - Replace datetime-local input with DatePicker component for expiry time selection - Add ExpiryReminderDismissed field to SQLite migration column check list
feat: use DatePicker for expiry time and add ExpiryReminderDismissed migration
2026-11-14 16:54:24 +08:00 · 2026-03-14 12:38:04 +08:00 · 2026-03-14 12:36:26 +08:00 · 2026-03-14 12:12:55 +08:00 · 2026-03-14 12:10:32 +08:00 · 2026-03-14 10:29:22 +08:00
2 changed files with 27 additions and 14 deletions
@@ -261,7 +261,7 @@ func prepareSQLiteLegacyColumns(db *gorm.DB) error {
 	m := db.Migrator()

 	if m.HasTable(&model.Node{}) {
-		for _, field := range []string{"ServerIPV4", "ServerIPV6", "ExtraIPs", "TCPListenAddr", "UDPListenAddr", "Inx", "IsRemote", "RemoteURL", "RemoteToken", "RemoteConfig", "Remark", "ExpiryTime", "RenewalCycle"} {
+		for _, field := range []string{"ServerIPV4", "ServerIPV6", "ExtraIPs", "TCPListenAddr", "UDPListenAddr", "Inx", "IsRemote", "RemoteURL", "RemoteToken", "RemoteConfig", "Remark", "ExpiryTime", "RenewalCycle", "ExpiryReminderDismissed"} {
 			if m.HasColumn(&model.Node{}, field) {
 				continue
 			}
@@ -1,5 +1,6 @@
 import { useState, useEffect, useMemo, useCallback } from "react";
 import toast from "react-hot-toast";
+import { parseDate } from "@internationalized/date";
 import {
  DndContext,
  KeyboardSensor,
@@ -39,6 +40,7 @@ import { Progress } from "@/shadcn-bridge/heroui/progress";
 import { Accordion, AccordionItem } from "@/shadcn-bridge/heroui/accordion";
 import { Select, SelectItem } from "@/shadcn-bridge/heroui/select";
 import { Checkbox } from "@/shadcn-bridge/heroui/checkbox";
+import { DatePicker } from "@/shadcn-bridge/heroui/date-picker";
 import {
  createNode,
  getNodeList,
@@ -2374,26 +2376,37 @@ export default function NodePage() {
                </Select>
              </div>

-              <Input
+              <DatePicker
+                showMonthAndYearPickers
                description="填写最近一次续费时间或周期起始时间，系统会按月/季/年自动推算下次续费"
                errorMessage={errors.expiryTime}
                isInvalid={!!errors.expiryTime}
                label="续费基准时间"
-                type="datetime-local"
                value={
                  form.expiryTime > 0
-                    ? new Date(form.expiryTime).toISOString().slice(0, 16)
-                    : ""
-                }
-                variant="bordered"
-                onChange={(e) =>
-                  setForm((prev) => ({
-                    ...prev,
-                    expiryTime: e.target.value
-                      ? new Date(e.target.value).getTime()
-                      : 0,
-                  }))
+                    ? (parseDate(
+                        new Date(form.expiryTime).toISOString().split("T")[0],
+                      ) as any)
+                    : null
                }
+                onChange={(date) => {
+                  if (date) {
+                    const jsDate = new Date(
+                      date.year,
+                      date.month - 1,
+                      date.day,
+                    );
+                    setForm((prev) => ({
+                      ...prev,
+                      expiryTime: jsDate.getTime(),
+                    }));
+                  } else {
+                    setForm((prev) => ({
+                      ...prev,
+                      expiryTime: 0,
+                    }));
+                  }
+                }}
              />

              <Alert
Author	SHA1	Message	Date
sagit	3bcb80d7a2	feat: use DatePicker for expiry time and add ExpiryReminderDismissed migration (#320 ) ## Summary - Replace datetime-local input with DatePicker component for expiry time selection - Add ExpiryReminderDismissed field to SQLite migration column check list	2026-03-14 12:38:04 +08:00
sagitchu	5ff9621227	feat: use DatePicker for expiry time and add ExpiryReminderDismissed migration Entire-Checkpoint: af1825430330	2026-03-14 12:36:26 +08:00
sagit	2f97e892d5	Merge branch 'main' into opencode/gentle-mountain	2026-03-14 12:12:55 +08:00
sagitchu	17fd1e4ad4	fix: preserve scroll position after editing forward rules Move getForwardDisplayFlow outside component to prevent unnecessary re-renders that reset scroll position on save.	2026-03-14 12:10:32 +08:00
sagitchu	06bb8b3b04	fix(dialog): prevent scroll to top on modal close - Move {...props} before onCloseAutoFocus to prevent override - Simplify handler to just e.preventDefault() - Apply fix to both dialog.tsx and modal.tsx	2026-03-14 10:29:22 +08:00
sagitchu	42a775c3bb	fix(dialog): remove onOpenAutoFocus, keep only onCloseAutoFocus Remove onOpenAutoFocus handler that was causing scroll issues on first open. Keep onCloseAutoFocus to prevent scroll to trigger element on close. Key fix: Move {...props} before onCloseAutoFocus to prevent override.	2026-03-14 10:12:21 +08:00
sagitchu	149e10ee66	fix(dialog): prevent both open and close auto focus to avoid page scroll Add onOpenAutoFocus handler to prevent Radix Dialog from auto-focusing content on open, which can cause unwanted scroll behavior.	2026-03-14 09:36:39 +08:00