#24862·element-plus

[Component] [date-picker] [DatePicker] Inconsistent keyboard behavior in multiple selection modes

Author: ixyzorgCreated Sep 10, 2026Updated Sep 17, 2026
LabelsComponent::DatePicker

Bug Type: Component

Environment

  • Vue Version: 3.5.42
  • Element Plus Version: 2.14.5
  • Browser / OS: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/152.0.0.0 Safari/537.36
  • Build Tool: Vite

Reproduction

Related Component

  • el-date-picker

Reproduction Link

Docs

Steps to reproduce

Create a multiple-selection DatePicker using type="months" or type="years". Open the DatePicker panel. Select a month or year cell. Press Enter or Space. Compare this behavior with the same operation using type="quarters".

What is Expected?

The current behavior is inconsistent and should be standardized.

What is actually happening?

In months and years modes, pressing Enter or Space closes the panel. In quarters mode, it selects or deselects the focused quarter.

Additional comments

If the expected standardized behavior is confirmed, could this issue be assigned to me to implement the fix? thanks

Source: element-plus/element-plus