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.

Sign up for GitHub

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

Jump to bottom

Calendar and DatePicker: Advanced keyboard navigation #3023

Closed
DiyanDimitrov opened this issue Nov 14, 2018 · 1 comment · Fixed by #3855
Closed

Calendar and DatePicker: Advanced keyboard navigation #3023

DiyanDimitrov opened this issue Nov 14, 2018 · 1 comment · Fixed by #3855
Assignees
@bkulov @SAndreeva @sboykova @SlavUI
Labels
📆 calendar 📅 date-picker 🧰 feature-request ✅ status: resolved Applies to issues that have pending PRs resolving them, or PRs that have already merged.

Comments

@DiyanDimitrov
Copy link
Contributor

Description

Currently IgxCalendar and IgxDatePicker components have a limited keyboard navigation support. The following scenarios are not supported:

  • Focus the navigation arrows and press SPACE to switch the month
  • Switch to months/years view using the keyboard
  • Navigate in month/years view using the keyboard
  • Navigate to the previous/next month when navigating the days with the arrow keys
  • Keep the focus inside the calendar after selecting a date and pressing Page Up/Down several times
@bkulov bkulov assigned bkulov, SAndreeva and sboykova and unassigned zdrawku and ddincheva Jan 31, 2019
@bkulov bkulov added 🛠️ status: in-development Issues and PRs with active development on them and removed 🆕 status: new labels Feb 4, 2019
@SAndreeva SAndreeva mentioned this issue Feb 7, 2019
Merged
14 tasks
@StefanIvanov
Copy link
Contributor

Regarding the navigation between months @simeonoff and I discussed how to separate the currently selected/highlighted month from the actual selection that is made in the underlying date object. Here is the design:

months

months-diff

@bkulov bkulov added ✅ status: resolved Applies to issues that have pending PRs resolving them, or PRs that have already merged. and removed 🛠️ status: in-development Issues and PRs with active development on them labels Feb 13, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@bkulov bkulov

@SAndreeva SAndreeva

@sboykova sboykova

@SlavUI SlavUI

Labels
📆 calendar 📅 date-picker 🧰 feature-request ✅ status: resolved Applies to issues that have pending PRs resolving them, or PRs that have already merged.
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Calendar - expose views as separate components + advanced KB navigation IgniteUI/igniteui-angular
8 participants
@StefanIvanov @bkulov @SAndreeva @zdrawku @sboykova @SlavUI @ddincheva @DiyanDimitrov