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.

daySelectionAnimation applying border to all days

See original GitHub issue

Hi there,

I am following your examples on the components documentation. When I run the code for having a border around the selected day, all of days of such week get the border.

 <View>
                    <CalendarStrip
                        calendarAnimation={{type: 'sequence', duration: 30}}
                        daySelectionAnimation={{type:'border', duration: 200, borderWidth: 1, borderHighlightColor: 'white'}}
                        style={{height: 100, paddingTop: 20, paddingBottom: 10}}
                        calendarHeaderStyle={{color: 'white'}}
                        calendarColor={'#7743CE'}
                        dateNumberStyle={{color: 'white'}}
                        dateNameStyle={{color: 'white'}}
                        highlightDateNumberStyle={{color: 'yellow'}}
                        highlightDateNameStyle={{color: 'yellow'}}
                        disabledDateNameStyle={{color: 'grey'}}
                        disabledDateNumberStyle={{color: 'grey'}}
                        iconContainer={{flex: 0.1}}
                    />
                </View>

I also have added the prop ‘selectedDate’ but no difference on the result. Am I missing something?

Issue Analytics

State:
Created 3 years ago
Comments:8

Top GitHub Comments

1reaction

sperardtcommented, Feb 9, 2021

looks like I had them cached. Deleted node_modules, cleaned the cache and installed all dependencies again.

2.1.7 is working fine.

Thanks!

0reactions

peacechencommented, Feb 9, 2021

I tested 2.1.7 in the sample project in this repo using the <CalendarStrip> props you provided. You may need to delete node_modules to ensure that you’re getting the latest version.

Try the sample project in this repo: https://github.com/BugiDev/react-native-calendar-strip#development-with-sample-application