Navigate and select dates entirely using the keyboard. Supports arrow key navigation, common shortcuts, and full ARIA compliance for screen readers.

KN01 Keyboard Navigation & Shortcuts

Full keyboard control with arrows, shortcuts, and multi-month support

Live Demo

Try: Arrow keys, T (today), PageUp/PageDown, Home/End, Ctrl+Home/End, Tab

All Keyboard Controls
Arrow Keys
  • ← Left - Previous day
  • → Right - Next day
  • ↑ Up - Same day previous week
  • ↓ Down - Same day next week
Selection
  • Enter / Space - Select focused date
  • Escape - Close calendar
Quick Navigation
  • T - Jump to today
  • Home - First day of month (repeat: prev month)
  • End - Last day of month (repeat: next month)
  • Page Up - Previous month
  • Page Down - Next month
Year Navigation
  • Ctrl + Home - First day of year (repeat: prev year)
  • Ctrl + End - Last day of year (repeat: next year)
  • Ctrl + ← / → - Previous/next month
Multi-Month Mode
  • Tab - Switch to next month column
  • Shift + Tab - Switch to previous month column
Details
Always Enabled

Keyboard navigation is always enabled by default. No configuration needed.

Boundary Aware

All navigation shortcuts respect rolling-year-range, min-date, and max-date constraints. You cannot navigate outside the allowed date range.

Accessibility

Full keyboard support is essential for:

  • Screen reader users
  • Users with motor impairments
  • Power users who prefer keyboard
  • WCAG 2.1 compliance
Code Example