날짜포멧 수정

frontend/src/components/SettingsPage.tsx

@@ -16,6 +16,7 @@ import IndicatorMainDefaultsPanel, {
 import type { IndicatorConfig } from '../types';
 import type { PlotDef, HLineDef } from '../utils/indicatorRegistry';
 import type { IchimokuCloudColors } from '../utils/ichimokuConfig';
+import ChartTimeFormatPicker from './ChartTimeFormatPicker';
 import {
   TRADE_ALERT_SOUND_OPTIONS,
   normalizeTradeAlertSoundId,
@@ -43,7 +44,6 @@ import {
   LINE_WIDTH_OPTIONS,
 } from '../utils/plotColorUtils';
 import TimezonePicker from './TimezonePicker';
-import ChartTimeFormatPicker from './ChartTimeFormatPicker';
 import AdminPasswordGate from './AdminPasswordGate';
 import AdminSettingsPanel from './AdminSettingsPanel';
 import {
@@ -155,6 +155,8 @@ interface SettingsPageProps {
   onDisplayTimezoneChange?: (tz: string) => void;
   chartTimeFormat?: string;
   onChartTimeFormatChange?: (format: string) => void;
+  tradeAlertTimeFormat?: string;
+  onTradeAlertTimeFormatChange?: (format: string) => void;
   menuPermissions?: Record<string, boolean>;
   verificationIssueNotify?: boolean;
   onVerificationIssueNotify?: (v: boolean) => void;
@@ -550,18 +552,25 @@ const PaperPanel: React.FC<PaperPanelProps> = ({
 const GeneralPanel: React.FC<{
   displayTimezone: string;
   onDisplayTimezoneChange: (tz: string) => void;
+  chartTimeFormat?: string;
+  onChartTimeFormatChange?: (format: string) => void;
+  tradeAlertTimeFormat?: string;
+  onTradeAlertTimeFormatChange?: (format: string) => void;
   verificationIssueNotify?: boolean;
   onVerificationIssueNotify?: (v: boolean) => void;
   showVerificationNotify?: boolean;
 }> = ({
   displayTimezone,
   onDisplayTimezoneChange,
+  chartTimeFormat = 'MM-dd HH:mm',
+  onChartTimeFormatChange,
+  tradeAlertTimeFormat = 'MM-dd HH:mm',
+  onTradeAlertTimeFormatChange,
   verificationIssueNotify = true,
   onVerificationIssueNotify,
   showVerificationNotify = true,
 }) => {
-  const [lang, setLang]         = useState('ko');
-  const [dateFormat, setDateFmt] = useState('YYYY-MM-DD');
+  const [lang, setLang] = useState('ko');
   const [startPage, setStart]   = useState('chart');
   const [animations, setAnim]   = useState(true);
   const [tooltips, setTool]     = useState(true);
@@ -576,12 +585,23 @@ const GeneralPanel: React.FC<{
             <option value="ja">日本語</option>
           </select>
         </SettingRow>
-        <SettingRow label="날짜 형식" desc="차트 및 UI에서 날짜를 표시하는 방식입니다.">
-          <select className="stg-select" value={dateFormat} onChange={e => setDateFmt(e.target.value)}>
-            <option value="YYYY-MM-DD">YYYY-MM-DD</option>
-            <option value="DD/MM/YYYY">DD/MM/YYYY</option>
-            <option value="MM/DD/YYYY">MM/DD/YYYY</option>
-          </select>
+        <SettingRow
+          label="날짜·시간 형식"
+          desc="캔들·보조지표 차트 하단 시간축·크로스헤어에 적용됩니다. 프리셋 선택 또는 직접 입력(토큰: yyyy, yy, MM, dd, HH, mm, ss)이 가능합니다."
+        >
+          <ChartTimeFormatPicker
+            value={chartTimeFormat}
+            onChange={fmt => onChartTimeFormatChange?.(fmt)}
+          />
+        </SettingRow>
+        <SettingRow
+          label="매매 시그널 알림 시간 형식"
+          desc="매매 시그널 알림 팝업·상세에 표시되는 캔들·수신 시각 형식입니다. 프리셋 선택 또는 직접 입력이 가능합니다."
+        >
+          <ChartTimeFormatPicker
+            value={tradeAlertTimeFormat}
+            onChange={fmt => onTradeAlertTimeFormatChange?.(fmt)}
+          />
         </SettingRow>
         <SettingRow label="시간대" desc="차트·하단 시계·알림에 사용되는 표시 시간대입니다.">
           <TimezonePicker
@@ -1598,6 +1618,8 @@ const SettingsPage: React.FC<SettingsPageProps> = ({
   onDisplayTimezoneChange,
   chartTimeFormat = 'MM-dd HH:mm',
   onChartTimeFormatChange,
+  tradeAlertTimeFormat = 'MM-dd HH:mm',
+  onTradeAlertTimeFormatChange,
   menuPermissions,
   verificationIssueNotify = true,
   onVerificationIssueNotify,
@@ -1688,6 +1710,10 @@ const SettingsPage: React.FC<SettingsPageProps> = ({
         <GeneralPanel
           displayTimezone={displayTimezone}
           onDisplayTimezoneChange={onDisplayTimezoneChange ?? (() => {})}
+          chartTimeFormat={chartTimeFormat}
+          onChartTimeFormatChange={onChartTimeFormatChange}
+          tradeAlertTimeFormat={tradeAlertTimeFormat}
+          onTradeAlertTimeFormatChange={onTradeAlertTimeFormatChange}
           verificationIssueNotify={verificationIssueNotify}
           onVerificationIssueNotify={onVerificationIssueNotify}
           showVerificationNotify={menuPermissions == null || menuPermissions['verification-board'] === true}