search

angular / components

Component infrastructure and Material Design components for Angular
https://material.angular.io
MIT License
24.33k stars 6.74k forks source link

help(Datepicker): Handle navigation by keyboard through calendar months #21485

Open Lertis opened 3 years ago

Lertis commented 3 years ago

What are you trying to do?

I'm trying to find a way to handle navigation by keyboard through calendar months. Using a tab key on my keyboard I'm able to switch calendar view to the previous/next month, but I don't found any events that can emit any info about this process.

Additional info: I use custom calendar header + mat-calendar

What troubleshooting steps have you tried?

I have tried to subscribe to the calendar stateChanges subject. But there no info about the current/previous/next month date. Active date - it is a date which one is selected. image On the left side - the date navigated by a key tab. At the right side - selected (current date)

I saw PR https://github.com/angular/components/pull/3655, but there are no events to inform the user about view changes.

Reproduction

Easy can be reproduced here with the first calendar example. https://material.angular.io/components/datepicker/examples

Steps to reproduce:

  1. Open calendar.
  2. Use the tab to move to the calendar.
  3. User arrows on the keyboard to change the day.

Environment

crisbeto commented 3 years ago

Changing this to a feature request, because we don't have an event that emits while navigating the calendar.

Lertis commented 3 years ago

@crisbeto Thanks for a reply!

Lertis commented 3 years ago

Any updates for this issue in the latest version of the Material?

angular-robot[bot] commented 2 years ago

Just a heads up that we kicked off a community voting process for your feature request. There are 20 days until the voting process ends.

Find more details about Angular's feature request process in our documentation.

angular-robot[bot] commented 2 years ago

Thank you for submitting your feature request! Looks like during the polling process it didn't collect a sufficient number of votes to move to the next stage.

We want to keep Angular rich and ergonomic and at the same time be mindful about its scope and learning journey. If you think your request could live outside Angular's scope, we'd encourage you to collaborate with the community on publishing it as an open source package.

You can find more details about the feature request process in our documentation.