Got weird view on IOS

[dorbenzvi]

Issue

I got this view on IOS while on android its works fine:

Expected Behavior

Expected to get the scroller like this:

Code

      <DatePicker
      style={{width: '80%'}}
      date={selectedDate}
      mode="date"
      placeholder="select date"
      format="DD-MM-YYYY"
      minDate="11-2-2021"
      maxDate="1-1-2022"
      confirmBtnText="Confirm"
      cancelBtnText="Cancel"
      customStyles={{
        dateIcon: {
          position: 'absolute',
          left: 0,
          top: 4,
          marginLeft: 0
        },
        dateInput: {
          marginLeft: 36
        }
        // ... You can check the source to find the other keys.
      }}
      onDateChange={(date) => {setDate(date)}}

Environment

1. react-native -v:
2. node -v:
3. npm -v:
4. yarn --version:
5. target platform: iOS
6. operating system: IOS 14.4

[VitamineC]

Same problem

[vhuerta]

look at this https://github.com/xgfe/react-native-datepicker/issues/425#issuecomment-763307785

[dorbenzvi]

@vhuerta WORKS!!! Thanks, I have spent hours on that!