React-native-calendars: Changing selected borderRadius through custom theme doesn't work

[qasimalbaqali]

Trying to change the borderRadius through the custom theme, but it seems that it doesn't work. But changing the backgroundColor seems to work. This is the code that I am using

'stylesheet.day.single': {
                           .....
                            selected: {
                                backgroundColor: colors.flamingo,
                                borderRadius: 2,
                            },
                        },
                      ......

[RichAWarren]

...
if (this.props.marking) {
      containerStyle.push({
        borderRadius: 17
      });
...

https://github.com/wix/react-native-calendars/blob/master/src/calendar/day/period/index.js#L129

This is the offending section! Is there a way I'm missing to overwrite containerStyle?

[luisfuertes]

Any update about this?

I have tried:

        markedDates={markedDates}
        markingType={'period'}
        theme={{
          'stylesheet.calendar.day.basic': {
            selected: {
              borderRadius: 0
            }
          }
        }}

But dont work

[samiede]

I forked it, so you can now change the borderRadius in the base property:

https://github.com/samiede/react-native-calendars

[enagorny]

@samiede please open PR for this.

[samiede]

@enagorny Done! I honestly don't remember the changes I made because it's been so long ago, but it was only a few lines of code....