Skip to content

Commit 473c8af

Browse files
committed
docs(daterangepicker): update Keyboard support article
1 parent d4fef2d commit 473c8af

File tree

1 file changed

+7
-38
lines changed

1 file changed

+7
-38
lines changed

controls/daterangepicker/accessibility-and-internationalization/keyboard-support.md

Lines changed: 7 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -10,49 +10,18 @@ position: 1
1010

1111
# Keyboard Support
1212

13-
The **RadDateRangePicker** control supports keyboard navigation using the following keys:
13+
The **RadDateRangePicker** control supports keyboard navigation using the tab or arrow keys:
1414

15-
### Focus:
15+
- Tab key Navigation - Once focus is on the **RadDateRangePicker** control, the popup Calendar is automatically opened. The `TAB` key and `SHIFT+TAB` key combination move between the **StartDatePicker** and the **EndDatePicker** controls. When the PopUpButtons of the embedded pickers are shown they are also being focused by pressing the `TAB` or `SHIFT+TAB`. The first time the user presses the TAB key, focus moves to the first date input area, where the user can type a start date value.
1616

17-
- `Alt + W` - focuses the Start DatePicker and opens the popup Calendar
18-
19-
### On closed popup:
20-
21-
- `enter` - triggers change event
22-
23-
- `alt + down arrow` - opens the popup
24-
25-
### On opened popup:
26-
27-
- `left arrow` - highlights previous day
28-
29-
- `right arrow` - highlights next day
30-
31-
- `up arrow` - highlights same day from the previous week
32-
33-
- `down arrow` - highlights same day from the next week
34-
35-
- `shift + arrow` - performs range selection
36-
37-
- `ctrl + left arrow` - navigates to previous set of views
38-
39-
- `ctrl + right arrow` - navigates to next set of views
40-
41-
- `ctrl + up arrow` - navigates to previous view
42-
43-
- `ctrl + down arrow` - navigates to next view
44-
45-
- `home` - highlights first day of the month
46-
47-
- `end` - highlights last day of the month
48-
49-
- `alt + up arrow` - closes the popup
50-
51-
- `esc` - closes the popup
17+
- Arrow key Navigation - Users can navigate within the input areas of the embedded **RadDatePicker** controls using the arrow keys:
5218

19+
The left and right arrow keys move the cursor one position to the left or right. When the shift key is pressed at the same time, the left and right arrow keys extend or contract the current selection on position to the left or right.
20+
21+
The up and down arrow keys increase or decrease the value of the date part that contains the cursor when the **[StartDatePicker/EndDatePicker].DateInput.IncrementSettings.InterceptArrowKeys** property is true. The **[StartDatePicker/EndDatePicker].DateInput.IncrementSettings.Step** property specifies the number of months, days, years, hours, minutes or seconds by which the value changes.
5322

5423
# See Also
5524

56-
* [RadCalendar Keyboard Support]({%slug calendar/accessibility-and-internationalization/keyboard-support%})
25+
* [RadDatePicker Keyboard Support]({%slug datepicker/accessibility-and-internationalization/keyboard-support%})
5726

5827

0 commit comments

Comments
 (0)