question-mark
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.

DateRangePicker blinking after select startDate

See original GitHub issue

Hello, there. I’m setting up DateRangePicker, but when I select startDate the calendar blinks.

screencast-localhost-3000-2019 02 01-11-33-13

Here’s my code

<DateRangePicker
        startDate={this.state.startDate} 
        startDateId="startDate" 
        endDate={this.state.endDate} 
        endDateId="endDate" 
        onDatesChange={({ startDate, endDate }) => this.setState({startDate, endDate})}
        focusedInput={this.state.focusedInput}
        onFocusChange={focusedInput => this.setState({focusedInput})} 
      />

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:13
  • Comments:15 (7 by maintainers)

github_iconTop GitHub Comments

2reactions
GfxKaicommented, Feb 18, 2019

In case it helps track down the cause of this issue: if you select a start date that isn’t within the leftmost month, the calendar re-renders to show that month on the far left. This doesn’t happen pre-18.3.1.

EDIT: In fact, every version up to and including 18.4.0 works as expected

ohdear

1reaction
mthahzancommented, Aug 7, 2019

This is merged but doesn’t seem to be released yet. Any updates on when this will be released?

Read more comments on GitHub >

github_iconTop Results From Across the Web

DateRangePicker blinking after select startDate #1523 - GitHub
Hello, there. I'm setting up DateRangePicker, but when I select startDate the calendar blinks. Here's my code.
Read more >
Opening second datepicker after selecting date - Stack Overflow
I have two datepicker inputs and I'm trying to automatically open the second one after a date is selected in the first.
Read more >
<input type="date"> - HTML: HyperText Markup Language
Date inputs provide an easy interface for choosing dates, and they normalize the data format sent to the server regardless of the user's...
Read more >
DatePickerRange | Dash for Python Documentation | Plotly
DatePickerRange is a component for rendering calendars from which users can select a range of dates. You can use either strings in the...
Read more >
Date Range Picker — JavaScript Date & Time Picker Library
A JavaScript component for choosing date ranges, dates and times. ... Sets the date range picker's currently selected start date to the provided...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found