DateTimePicker not displaying correctly on iOS

Viewed 337

I am working on a React Native mobile app, and I we had a bug for the iOS DateTimePicker not displaying correctly. I am using the `DateTimePickerfrom@react-native-community/datetimepicker``.

I set the width of the DateTimePicker to 100% and this made the picker visible. However, the picker button aligns to the right side of the screen and I cannot seem to center it.

iOS picker button aligns left

iOS calendar when clicking picker button

Also, on the Android version, when I click the Date of Birth button, a calendar is displayed right away, where as on iOS, a little button appears, which I must then click to display the calendar.

So, is there a way to display the calendar on iOS upon clicking the DOB button, if not, does anyone know why the button that pops up does not center? I saw some other people online had the same issue, but I couldn't find a solution.

Thannks

1 Answers
<DateTimePicker
 .....
 display={Platform.OS === 'ios' ? 'inline' : 'default'}
 />
Related