fix: datepicker styling

mgramigna · Dec 16, 2023 · af64f76 · af64f76
1 parent a55d6bd
commit af64f76
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/apps/expo/src/app/(auth)/sign-up.tsx b/apps/expo/src/app/(auth)/sign-up.tsx
@@ -6,6 +6,7 @@ import { Button } from '@/components/atoms/Button';
 import { Text } from '@/components/atoms/Text';
 import { TextInput } from '@/components/atoms/TextInput';
 import { ScreenView } from '@/components/molecules/ScreenView';
+import { palette } from '@/theme/colors';
 import { zodResolver } from '@hookform/resolvers/zod';
 import dayjs from 'dayjs';
 import { Controller, useForm } from 'react-hook-form';
@@ -127,7 +128,10 @@ const SignUp = () => {
                 name="dateOfBirth"
                 render={({ field: { onChange, value } }) => (
                   <DateTimePickerModal
+                    textColor={palette.coolGray[900]}
+                    pickerContainerStyleIOS={{ backgroundColor: palette.coolGray[50] }}
                     isVisible={datePickerOpen}
+                    buttonTextColorIOS={palette.pink[500]}
                     date={value}
                     mode="date"
                     onConfirm={(date) => {