I have implemented react native date range picker. When i click on text, it opens and sets date only for the first time. It doesnt open on second time. Can you please look at my code and tell me whats wrong here. I think its some focus issue.
<View style={styles.filterLayout}>
<TouchableOpacity
style={styles.sortBtn}
onPress={() => setShowSortModal(true)}>
<Image
style={styles.sortIcon}
source={require('../../../assets/images/sort_filter.png')}
resizeMode="contain"
/>
</TouchableOpacity>
<View style={styles.divider} />
<View style={styles.dateSelectionWrapper}>
<Image
style={styles.dateSelectionIcon}
source={require('../../../assets/images/task_pending.png')}
resizeMode="contain"
/>
</View>
</View>
<DateRangePicker
containerStyle={styles.datePickerContainer}
monthButtonsStyle={styles.monthBtnWrapper}
headerTextStyle={styles.headerTxt}
dayHeaderStyle={styles.dayHeader}
dayHeaderTextStyle={styles.dayHeaderTxt}
dayStyle={styles.dayStyle}
dayTextStyle={styles.dayTxt}
selectedStyle={styles.selectedDay}
selectedTextStyle={styles.selectedDayTxt}
monthNextButton={
<Image
style={styles.monthBtn}
source={require('../../../assets/images/calendar_next.png')}
/>
}
monthPrevButton={
<Image
style={styles.monthBtn}
source={require('../../../assets/images/calendar_prev.png')}
/>
}
onChange={setDates}
endDate={endDate}
startDate={startDate}
displayedDate={displayedDate}
range>
<Text style={styles.dateSelectionTxt}>
{startDate
? `${moment(startDate).format('DD/MM/YY')} - ${moment(
endDate,
).format('DD/MM/YY')}`
: 'Select date range'}
</Text>
</DateRangePicker>