White vertical line after start date while using `DatePickerModal` for range

fabriziocucci commented 1 year ago

Current behaviour

There seems to be a visual defect when using the DatePickerModal for range selection, specifically, a white vertical line appears next to the start date interrupting the range selection (see image below).

Expected behaviour

I would not expect the white vertical line to show up.

How to reproduce?

I'm simply using the component as shown below:

<DatePickerModal
      disableStatusBarPadding={true}
      endDate={endDateMemo}
      locale="en"
      mode="range"
      onConfirm={onConfirm}
      onDismiss={onDismiss}
      startDate={startDateMemo}
      uppercase={false}
      visible={visible}
/>

Preview

white-line

Your Environment

software	version
react-native-paper	5.6.0
react-native-paper-dates	0.15.1

iM-GeeKy commented 1 year ago

Hi @fabriziocucci, this looks to be a duplicate of https://github.com/web-ridge/react-native-paper-dates/issues/271 and should be addressed in this PR when @RichardLindhout is available to review it. Feel free to take a look, you should be able to apply a local patch until its merged and published.

fabriziocucci commented 1 year ago

Thanks for the prompt reply @iM-GeeKy, I'll subscribe to the PR and close this! 👍

web-ridge / react-native-paper-dates