Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(ui5-time-picker): improve keyboard handling support #2092

Merged
merged 10 commits into from
Aug 18, 2020

Conversation

tsanislavgatev
Copy link
Contributor

@tsanislavgatev tsanislavgatev commented Aug 14, 2020

Fixed one keyboard handling bug and added new features:

  • PageUp - Hours + 1
  • PageDown - Hours - 1
  • PageUp + Shift - Minutes + 1
  • PageDown + Shift - Minutes - 1
  • PageUp + Shift + Ctrl - Seconds + 1
  • PageDown + Shift + Ctrl - Seconds - 1

Related to: #1534

@ilhan007 ilhan007 changed the title feat(ui5-time-picker): TimePicker keyboard handling improvement feat(ui5-time-picker): improve keyboard handling support Aug 14, 2020
Copy link
Member

@ilhan007 ilhan007 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There are two cases of using PageDown and PageUp - when the picker is open and it is closed.

  1. When it is closed, the event should be fired and the value should be changed.
    *This is done in the current PR.

  2. When the picker is open, the value in the input field should not be changed, the event should not be fired.
    Note: What happens when the picker is open.
    (1) Upon ArrowDown and Up the sliders are moving up and down by one and (2) upon PageDown/Up the sliders move to the max and min value.
    *Currently in this PR, the value is always changed, the event is always fired, and check if the interaction "upon PageDown/Up the sliders move to the max and min value" is in place.

I used this examples for reference: https://openui5nightly.hana.ondemand.com/entity/sap.m.TimePicker/sample/sap.m.sample.TimePicker

Copy link
Member

@ilhan007 ilhan007 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just last thing. it is good to have the keyboard handling described, otherwise the users would not even know what the component is capable of.

Please add keyboard handling section after "formatting" and before "ES6 Module Import" ones.

<h3>Keyboard handling</h3>

ilhan007
ilhan007 previously approved these changes Aug 17, 2020
@ilhan007 ilhan007 merged commit 20c55ed into master Aug 18, 2020
@ilhan007 ilhan007 deleted the timepicker-kh-implementation branch August 18, 2020 06:45
ilhan007 pushed a commit that referenced this pull request Nov 11, 2020
PageUp: Hours + 1, PageDown: Hours - 1, PageUp + Shift : Minutes + 1
PageDown + Shift: Minutes - 1, PageUp + Shift + Ctrl: Seconds + 1, PageDown + Shift + Ctrl: Seconds - 1

Related to: #1534
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants