R1 2019 Release is here.
See what's new!
UI for JSP
Overview
Demos
Roadmap
What's New
Roadmap
Release History
Docs & Support
Pricing
Search
0
Shopping cart
Your Account
Account Overview
Edit Profile
Payment Profiles
Support Tickets
Log out
Login
Contact Us
Try now
close mobile menu
All Components
Editors
AutoComplete
ColorPicker
ComboBox
DateInput
DatePicker
DateRangePicker
DateTimePicker
DropDownList
DropDownTree
Editor
ListBox
MaskedTextBox
MultiColumnComboBox
MultiSelect
NumericTextBox
Slider
TimePicker
Upload
Switch
Navigation
Button
ButtonGroup
Menu
PanelBar
TabStrip
ToolBar
TreeView
Scheduling
Calendar
MultiViewCalendar
Gantt
Scheduler
Layout
Dialog
Notification
Responsive Panel
Splitter
Tooltip
Window
Data Management
Grid
Spreadsheet
ListView
PivotGrid
TreeList
Media
MediaPlayer
ScrollView
Interactivity & UX
ProgressBar
Sortable
Ripple Container
Conversational UI
Chat
Charts
Area Charts
Bar Charts
Box Plot Charts
Bubble Charts
Bullet Charts
Chart API
Donut Charts
Funnel Charts
Line Charts
Pie Charts
Polar Charts
Radar Charts
Range Bar Charts
Range Area Charts
Scatter Charts
Sparklines
Stock Charts
TreeMap
Waterfall Charts
Barcodes
Barcode
QR Code
Gauges
Linear Gauge
Radial Gauge
Arc Gauge
Diagrams & Maps
Diagram
Map
Calendar
Basic usage
Customizing templates
Disable dates
Week Column
Multiple Selection
Events
API
RTL support
Keyboard navigation
Change Theme
SASS Themes
LESS Themes
SASS Theme Builder
Create new or customize SASS themes
Launch Theme Builder
Calendar /
Keyboard navigation
Pick a date
Focus
Alt
+
w
focuses the widget
Supported keys and user actions
left arrow
highlights previous day
right arrow
highlights next day
up arrow
highlights same day from the previous week
down arrow
highlights same day from the next week
ctrl
left arrow
navigates to previous month
ctrl
right arrow
navigates to next month
ctrl
up arrow
navigates to previous view
ctrl
down arrow
navigates to next view
home
highlights first day of the month
end
highlights last day of the month
enter
or
space
if in "month" view selects the highlighted day. In other views navigates to lower view
Multiple Selection mode
ctrl
enter
or
space
adds the highlighted day to the current selection. If that day was already selected it is removed from the selection.
shift
left arrow
or
right arrow
adds the next/previous date to the selected items.
shift
up arrow
or
down arrow
extend selection up/down one row in month view.
shift
space
perform range selection, selects all dates between the last selected one (with SPACE or mouse click) and the one holding the focused cell.
JSP source
Also available for:
HTML5 / JavaScript
ASP.NET MVC
ASP.NET Core
PHP
API Reference
keyboard-navigation.jsp
KeyboardNavigationController.java
Widget configuration
Select widget to inspect
Support & learning resources
Forums
Code Libraries
Documentation
Calendar for other technologies
HTML5 / JavaScript
ASP.NET MVC
ASP.NET Core
PHP