Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

endingDay & startingDay are not displayed correct on Android.

See original GitHub issue

Description

endingDay and startingDay =true doesn’t works properly on Android working without Expo. It works when using expo.

Expected Behavior

Marking with rounded edges.

Observed Behavior

Marking as a rectangle ( as if it had startingDay & endingDay = false).

Environment

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

npm ls react-native-calendars: 1.20.0
npm ls react-native: 0.57.1

Emulator Nexus 5 : API 28 (Android 9) Huawei Mediapad M5: API 26 (Android 8)

Reproducible Demo

mDates[“2018-10-05”] = { startingDay: true, color: lockColor, textColor:‘black’, endingDay: true, selection:false}

Issue Analytics

State:
Created 5 years ago
Reactions:8
Comments:16

Top GitHub Comments

116reactions

elgalesmanacommented, Feb 14, 2019

as mentioned from @ahanriat , to fix this we need add overflow: hidden into base stylesheet from day period. And since the PR still not merged https://github.com/wix/react-native-calendars/pull/728 , you can try to solve the issue like this :

theme={{
  'stylesheet.day.period': {
      base: {
        overflow: 'hidden',
        height: 34,
        alignItems: 'center',
        width: 38,
      }
  }
}}

9reactions

wojciechvercommented, Nov 23, 2018

npm ls react-native-calendars: 1.21.0 npm ls react-native: 0.57.5

Having the same issue on android (works fine on iOS). It’s only present after a selection is made on the calendar. If a period is sent to the calendar on open, it rounds the corners properly.

on load: screen shot 2018-11-23 at 14 53 34