u

code/base-project/base-app/src/app/(tabs)/chat.tsx

@@ -11,6 +11,21 @@ export default function App() {
       <DateTimePicker
         mode="single"
         date={date}
+        selectedItemColor="#fff"
+        selectedTextStyle={{
+          fontWeight: 'bold',
+          color: '#00d279',
+        }}
+        headerTextStyle={{
+          fontSize: 18,
+        }}
+        headerButtonStyle={{
+          backgroundColor: '#ffffff',
+          borderRadius: 8,
+        }}
+        headerButtonColor="#00d279"
+        headerButtonSize={18}
+        headerButtonsPosition="right"
         onChange={params => setDate(params.date)}
       />
     </View>
@@ -21,5 +36,7 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
     backgroundColor: '#F5FCFF',
+    marginTop: 128,
+    padding: 16,
   },
 })