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

Arrow Key Navigation

Navigate calendar dates with keyboard arrows

Live Demo

Click input, then try: Arrow keys, Enter, Escape, Tab

Code Examples
HTML 
 
 
JavaScript 
 
 
 
Details
 
Arrow Key Controls
 
  • ← Left Arrow - Previous day
    •  
  • → Right Arrow - Next day
    •  
  • ↑ Up Arrow - Same day previous week
    •  
  • ↓ Down Arrow - Same day next week
 
Selection Keys
 
  • Enter / Space - Select focused date
    •  
  • Escape - Close calendar without selecting
 
Accessibility
 
Keyboard navigation is essential for accessibility and power users who prefer keyboard-only interaction.
 
Always Enabled
 
Keyboard navigation is always enabled by default. No configuration needed.
 
Keyboard Shortcuts
 
Quick navigation with shortcut keys
 
Live Demo
  
Try: T (today), PageUp/PageDown (months), Home/End
 
Code Examples
 
HTML 
 
 
 
JavaScript 
 
 
 
Details
 
Built-in Shortcuts
 
  • T - Jump to today
    •  
  • Home - First day of current month
    •  
  • End - Last day of current month
    •  
  • Page Up - Previous month
    •  
  • Page Down - Next month
    •  
  • Ctrl/Cmd + Left Arrow - Previous month
    •  
  • Ctrl/Cmd + Right Arrow - Next month
    •  
  • Ctrl + Home - First day of year
    •  
  • Ctrl + End - Last day of year
    •  
  • Tab - Switch to next month column (multi-month mode)
    •  
  • Shift + Tab - Switch to previous month column (multi-month mode)
 
Always Enabled
 
Keyboard navigation and shortcuts are always enabled by default. No configuration required.