diff --git a/src/components/TradeDatePicker/index.tsx b/src/components/TradeDatePicker/index.tsx index 4dd6666a..e572c5d3 100644 --- a/src/components/TradeDatePicker/index.tsx +++ b/src/components/TradeDatePicker/index.tsx @@ -18,12 +18,16 @@ const DateLabel = memo<{ showIcon: boolean; iconSize: number; spacing: number; -}>(({ label, showIcon, iconSize, spacing }) => ( + labelColor?: string; + fontSize?: string; +}>(({ label, showIcon, iconSize, spacing, labelColor, fontSize }) => ( {showIcon && } - - {label}: - + {label && ( + + {label} + + )} )); DateLabel.displayName = 'DateLabel'; @@ -62,6 +66,7 @@ const TradeDatePicker: React.FC = ({ showIcon = true, showLatestTradeDateTip = true, size = 'md', + labelColor, }) => { const sizeConfig = SIZE_CONFIG[size]; @@ -99,6 +104,8 @@ const TradeDatePicker: React.FC = ({ showIcon={showIcon} iconSize={sizeConfig.iconSize} spacing={sizeConfig.spacing} + labelColor={labelColor} + fontSize={sizeConfig.labelFontSize} />