Vue datetimepicker changing hour using arrow moving to year field and changing year

[Venkat]

Hi Kendo Team,

I am using vuejs 2.x and vue datetimepicker (2.7.2), where I am facing the following issue.

When the user change to try the month/day/hour field using arrow keys (By holding the up arrow continuously for few seconds), the control is moving to year field undesirably and changing the year values. 

 

 <datetimepicker

                    :style="{ width: '100%' }"

                    :format="'yyyy-MM-dd HH:mm'"

                    :value="item.eventStart"

                    @change="handleChange"                   

                  />

 

 handleChange(event) {

      let vm = this

      if (isValid(event.target.value))

        vm.item.eventStart = new Date(event.target.value)

    },

 

[Petar]

Hi, Venkat.

I've just tested the current DateTimePicker demos and I am unable to replicate the issue in them. Can you please also check the demos and let me know if you are able to reproduce the reported behavior?

If the issue is not replicable in the demos, I would suggest you update the version of the Native Kendo UI for Vue packages used in your application. Thus you will be up-to-date with the latest fixes in all Native Vue components.