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}
/>