React-datepicker: Datepicker doesn't exit on mobile when selecting date and time.

Created on 23 Jan 2018 · 6Comments · Source: Hacker0x01/react-datepicker

Expected behavior

When I select a date and then a time, the Datepicker should close

Actual behavior

When I select a date and then a time, the Datepicker stays open

Steps to reproduce

<DatePicker
      selected={props.startDate}
      onChange={props.changeStartDate}
      showTimeSelect
      timeIntervals={30}
      dateFormat="MM/DD/YY, hh:mm a"
      todayButton="Today"
      minDate={moment()}
      readOnly
       />

I have the latest version. I'm not sure why this is happening.

wontfix

Source

dilizarov

👍3

Most helpful comment

I find that adding 'preventOpenOnFocus' to props will solve this problem
<DatePicker selected={props.startDate} onChange={props.changeStartDate} showTimeSelect timeIntervals={30} dateFormat="MM/DD/YY, hh:mm a" todayButton="Today" minDate={moment()} readOnly preventOpenOnFocus />

wengkhing on 6 Mar 2018

👍2 👎1

All 6 comments

Same here!

aimarjs on 28 Jan 2018

I'm seeing this on dekstop as well.

mrchief on 1 Feb 2018

I experience this problem using mobile Chrome browser and also desktop Chrome with device mode on. Couldn't reproduce this problem at Firefox

wengkhing on 6 Mar 2018

👍2 👎1

I have resolved this issue and already created PR #1400

Use of preventOpenOnFocus is not used that much if my requirement is related to the focus event like in the form after every field user generally used the tab to move next.

chandawarlokesh on 13 Jun 2018

👍1

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.