Input blur after selecting a date

[SenaHuang]

Describe the bug
Date picker does not blur the input after selecting a date.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://reactdatepicker.com//#example-default
2. Click on date input field
3. Select any date
4. Calendar closes, but input stay focused.

Expected behavior
Calendar closes, input blurs.

Desktop (please complete the following information):

• OS: iOS 15.6.1
• Browser: chrome 141.0.7390.66
• React DatePicker versions tested: 7.6.0 — 8.7.0

Additional context

#4844

This issue was previously resolved, but it has reappeared in later versions (tested in 7.6.0–8.7.0; 4.16.0 is OK).

[balajis-qb]

Hi @SenaHuang,

In the ticket you tagged, I only focused the issue of calender popup getting reopened when we switch the tab and reswitch to the original tab. Regarding the input focus after selecting a date in the calendar popup, I guess that's the expected behaviour.

If this needs to be fixed, maybe we can introduce a prop like skipInputRefocusOnSelect

[ilchenkoArtem]

I think it expected behaviour for accessibility

[SenaHuang]

Thank you @balajis-qb and @ilchenkoArtem for the clarification!
I understand this is expected behavior for accessibility. I'll handle it on my end. Feel free to close this issue. 👍

[KennyLMQ]

I think it expected behaviour for accessibility

Can you explain why accessibility requires this?

Edit: I reviewed https://www.w3.org/TR/2019/NOTE-wai-aria-practices-1.1-20190814/examples/dialog-modal/datepicker-dialog.html and understood why you said so.

But I am implementing a custom header that only shows the datepicker dialog when the calendar icon is clicked. So putting the focus back to the input felt wrong, it should be focusing back to the icon.

Will there be a way to do it natively, so that it focuses on other elements instead?

[diesel167]

I think it expected behaviour for accessibility

Even if keybord entering date is restricted (flashing cursor at the field which is an indicator of entering text looks weird here after mouse selection of date) ?