React-native-calendars: Marked dates display a vertical white line through them on Android

[hannigand]

Description

When selecting dates with the Calendar component, some of the marked dates have a white vertical liine through them.

See the tile representing 5th August

Expected Behavior

I simulated a date selection from Aug 1st - Aug 25th. It is expected that all tiles render without a vertical line through it.

Observed Behavior

A single date has a vertical line through it. After testing this in two separate repositories, the problematic date was Aug 5th, is this a coincidence?

Environment

Please run these commands in the project folder and fill in their results:

• npm ls react-native-calendars: 1.5.8
• npm ls react-native: 0.44.0 (& 0.45.1)

Also specify:

1. Phone/emulator/simulator & version: Nexus 6P, Android 7.0 (Marshmellow), API 24

Reproducible Demo

Repo: https://github.com/hannigand/react-native-calendars

Steps:

1. cd example
2. yarn install
3. react-native run-android
4. Navigate to the Calendar tab
5. Observe the first Calendar

[JCMais]

Same issue here

[tautvilas]

Same as #61

[JCMais]

This is caused by the margins on the calendar wrapper, removing them fix the issue.

[tautvilas]

@JCMais could you elaborate? Thanks

[hannigand]

Poke @tautvilas please could you review the pull request (#177).

[tautvilas]

Reviewed and merged