danielmoncada / date-time-picker

Angular Date Time Picker (Responsive Design)
https://daniel-projects.firebaseapp.com/owlng/date-time-picker
MIT License
141 stars 61 forks source link

owl-date-time doesn't work with keyboard arrow up and arrow down #75

Open SonaliThakur0807 opened 4 years ago

SonaliThakur0807 commented 4 years ago

There doesn't seems to have support to increment or decrement time by hitting arrow up and arrow down key from keyboard. It would be great help if we get keyboard support to increment/decrement time.

To reproduce this issue

go to https://daniel-projects.firebaseapp.com/owlng/date-time-picker open any timer Set focus on timer box then hit arrow up / arrow down. It should increment/decrement time. Please help to fix this issue.

danielmoncada commented 3 years ago

@SonaliThakur0807 adding as an enhancement for now.

In the meantime, could you just listen to the up/down keyboard events, and then invoke the Click() manually on the up/down arrows?

MichalVerdile commented 1 year ago

I also faced the same issue. The keyboard does update the values, but just in the background, it doesn't update the UI, so it does reset the values if saved. It seems to be a bug of the inputs and updates methods. Additionally, if there is a focus on the inputs, the scroll doesn't work either on that input.