Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

144
Views
Date range picker losing focus and not opening on second time

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>
about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!