From 05212f4b7916ca8f48278adbe2872be390362a92 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=9D=B0?= <chj_0507_dz@sina.com>
Date: Fri, 24 May 2024 17:27:52 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8DDatePeriodInput?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=9C=A8label=E4=BD=8D=E7=BD=AE=E4=B8=BAtop?=
 =?UTF-8?q?=E6=97=B6=E7=9A=84=E6=A0=B7=E5=BC=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .changeset/tidy-moles-glow.md                               | 5 +++++
 .../react-native-picker/src/date-period-input/index.tsx     | 6 ++++--
 2 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/tidy-moles-glow.md

diff --git a/.changeset/tidy-moles-glow.md b/.changeset/tidy-moles-glow.md
new file mode 100644
index 0000000000..027ff9306a
--- /dev/null
+++ b/.changeset/tidy-moles-glow.md
@@ -0,0 +1,5 @@
+---
+'@td-design/react-native-picker': patch
+---
+
+fix: 修复DatePeriodInput组件在label位置为top时的样式问题
diff --git a/packages/react-native-picker/src/date-period-input/index.tsx b/packages/react-native-picker/src/date-period-input/index.tsx
index 22bee8967a..fc7388e2ed 100644
--- a/packages/react-native-picker/src/date-period-input/index.tsx
+++ b/packages/react-native-picker/src/date-period-input/index.tsx
@@ -79,13 +79,15 @@ const DatePeriodInput: FC<DatePeriodInputProps> = ({
 
   const Content = (
     <Flex
-      flex={1}
       justifyContent="space-between"
       alignItems="center"
       borderWidth={ONE_PIXEL}
       borderColor="border"
       borderRadius="x1"
-      style={itemHeight ? { height: itemHeight } : {}}
+      style={{
+        ...(itemHeight ? { height: itemHeight } : {}),
+        ...(labelPosition === 'top' ? {} : { flex: 1 }),
+      }}
     >
       <Pressable disabled={disabled} onPress={handleStartPress} activeOpacity={activeOpacity} style={styles.content}>
         <Flex>