Date picker modal not showing in android

[premdasvm]

Hi, I was trying to implement the date picker onto my application, but the date picker modal isn't showing up on my android version, on IOS it works like charm, can someone help me out here.?

<DatePickerInput
    locale="en"
    label="Valid till date"
    value={inputDate}
    onChange={d => {
      console.log(d)
    }}
   inputMode="start"
   mode="outlined"
   style={{width: '90%', marginTop: '2.5%'}}
/>

[premdasvm]

Removing mode="outlined" seem to fixed it.

[RichardLindhout]

Hmm I think it should work with outlined but I only tested it on the web & iOS and not on Android yet

[professionally]

Hi. Had the same problem. I fixed it by adding a zindex to the styles.calendarButton in line 130 in src/Date/DatePickerInput.tsx. This will also work for outlined-mode. After that, I used patch-package to patch it locally for me.

const styles = StyleSheet.create({
  root: {
    minWidth: 150,
    flexDirection: 'row',
    position: 'relative',
    alignItems: 'center',
    flexGrow: 1,
    alignSelf: 'flex-start'
  },
  input: {
    flexGrow: 1,
  },
  calendarButton: { position: 'absolute', right: 0, zIndex:1000 },
})
export default React.forwardRef(DatePickerInput)

[RichardLindhout]

This should be fixed now! Thanks @professionally