Blazor TimePicker Example - Keyboard Navigation

TimePicker / Keyboard Navigation

TimePicker functionalities can be interactive with keyboard shortcuts. In the below sample, various key combinations can be used to interact with TimePicker.

Loading Syncfusion Blazor Server Demos…

The TimePicker supports the following keyboard shortcuts to initiate various actions.

  • Focus
    • Alt + J - Focuses on the first component of the sample.
  • Input Navigation
    • Alt + Down arrow - Opens the popup.
    • Alt + Up arrow - Closes the popup.
    • Esc - Closes the popup.
  • Time Selection
    • Enter - Selects the currently focused item and closes the popup.
  • TimePicker Navigation
    • Up arrow - Navigate and select the previous item.
    • Down arrow - Navigate and select the next item.
    • Home - Navigate and select the first item.
    • End - Navigate and select the first item.
Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE