style: use date picker for manufacture date

src/pages/ProductTraces.tsx

@@ -2,6 +2,7 @@ import { useEffect, useState } from 'react';
 import {
   Button,
   Card,
+  DatePicker,
   Form,
   Image,
   Input,
@@ -23,11 +24,12 @@ import {
   UploadOutlined,
 } from '@ant-design/icons';
 import type { UploadFile } from 'antd';
+import dayjs, { type Dayjs } from 'dayjs';
 import { productTracesApi } from '@/services/api';
 import type { CreateProductTraceRequest, ProductTrace, UpdateProductTraceRequest } from '@/types';
 
 type ProductTraceFormValues = Omit<CreateProductTraceRequest, 'manufactureDate'> & {
-  manufactureDate: string;
+  manufactureDate: Dayjs;
 };
 
 function formatDate(value: string) {
@@ -35,15 +37,6 @@ function formatDate(value: string) {
   return new Date(value).toLocaleDateString('zh-CN');
 }
 
-function toDateInputValue(value: string) {
-  if (!value) return '';
-  return new Date(value).toISOString().slice(0, 10);
-}
-
-function dateInputToISOString(value: string) {
-  return new Date(`${value}T00:00:00+08:00`).toISOString();
-}
-
 function ProductTracesPage() {
   const [traces, setTraces] = useState<ProductTrace[]>([]);
   const [loading, setLoading] = useState(true);
@@ -110,7 +103,7 @@ function ProductTracesPage() {
       companyPhone: trace.companyPhone,
       deviceInfo: trace.deviceInfo,
       warrantyPeriod: trace.warrantyPeriod,
-      manufactureDate: toDateInputValue(trace.manufactureDate),
+      manufactureDate: dayjs(trace.manufactureDate),
       serialNumber: trace.serialNumber,
       officialWebsite: trace.officialWebsite,
     });
@@ -133,7 +126,7 @@ function ProductTracesPage() {
           companyPhone: values.companyPhone,
           deviceInfo: values.deviceInfo,
           warrantyPeriod: values.warrantyPeriod,
-          manufactureDate: dateInputToISOString(values.manufactureDate),
+          manufactureDate: values.manufactureDate.toDate().toISOString(),
           officialWebsite: values.officialWebsite || '',
         };
         saved = await productTracesApi.update(editingTrace.serialNumber, payload);
@@ -142,7 +135,7 @@ function ProductTracesPage() {
           ...values,
           officialWebsite: values.officialWebsite || '',
           serialNumber: values.serialNumber.trim(),
-          manufactureDate: dateInputToISOString(values.manufactureDate),
+          manufactureDate: values.manufactureDate.toDate().toISOString(),
         };
         saved = await productTracesApi.create(payload);
       }
@@ -367,7 +360,7 @@ function ProductTracesPage() {
             <Input placeholder="例如：1 年 / 2027-06-05 前" />
           </Form.Item>
           <Form.Item name="manufactureDate" label="出厂日期" rules={[{ required: true, message: '请选择出厂日期' }]}>
-            <Input type="date" />
+            <DatePicker style={{ width: '100%' }} />
           </Form.Item>
           <Form.Item name="serialNumber" label="产品序列号" rules={[{ required: true, message: '请输入产品序列号' }]}>
             <Input disabled={Boolean(editingTrace)} />