Translation of this issue:

Element UI version

2.13.0

OS/Browsers version

Chrome

Vue version

3.0.0-alpha.1

Reproduction Link

https://github.com/ElemeFE/element/blob/dev/packages/date-picker/src/panel/date-range.vue

Steps to reproduce

1. set property 'picker-options' of date picker.
2. I pick a startDate but left the picker panel after then ( means no endDate clicked in this case).
3. when I try to choose a new date range, Twice clicks are needed to get the picker to right state
4. cause you didn't reset the property 'rangeState.selecting' to default value 'false' after mouse leave event.
5. I can only reset the value in @blur event by myself to fix the problem at the moment.

Date selector, pickoptions optional time period is set.

1. Select an initial test time, but not the end time, and close the date selection interface.
2. When re selecting, you must point twice to select the start time.
3. Because when closing the date selection panel, the variable rangestate.selecting is not reset to false in your source code.
4. At present, I can only temporarily fix this problem by resetting e.picker.rangestate.selecting = false in blur event.

What is Expected?

The property 'RangeState.selecting' have to be its default value 'FALSE' when date picker panel is closed each time.
Each time the date selector is closed, the selected status property needs to be reset.

What is actually happening?

wrong state value cause a problem when I try to pick a new date.

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.