When using vue-datepicker with multi-calendars and arrow-navigation props enabled, the keyboard arrow navigation is not functioning properly. Specifically, arrow key navigation works correctly on the second calendar but does not work at all on the first calendar.
**Steps to Reproduce
Implement a date picker with both multi-calendars and arrow-navigation props enabled
Open the date picker
Try to navigate using arrow keys (left, right, up, down) on the first calendar
Notice that arrow navigation doesn't work
Click on the second calendar
Observe that arrow navigation works correctly on the second calendar
<VueDatePicker :placeholder="getPlaceHolder" :month-change-on-arrows="true" :locale="locale" :alt-position="customPosition" :aria-labels="ariaLabels" :day-names="getWeekDaysList" week-start="0" :month-change-on-scroll="false" :min-date="getMinDate" :max-date="getMaxDate" :enable-time-picker="false" :model-config="{ type: 'string', format: 'YYYY-MM-DD' }" :format="() => ''" ref="datepickerRef" v-model="dateRange" @range-start="onRangeStart" @range-end="onRangeEnd" @open="openCalendar" hide-offset-dates prevent-min-max-navigation range arrow-navigation multi-calendars />
发布者：admin，转转请注明出处：http://www.yc00.com/questions/1745042801a4607912.html
评论列表（0条）