Keyboard navigation issues

[RinkAttendant6]

A few issues I found while implementing this widget on my pages:

• With the icon only mode, there is no way to open the widget when navigation using the Tab button. I have tried adding tabindex='0' onto the appended input group as well as the font awesome icon itself but it doesn't open the widget even when trying to activate the focusable icon using Spacebar or Enter. The only way is to set allowInputToggle to true to allow the widget to open on focus.
• Keyboard navigation appears to stop working after the widget closes and reopens. Steps to reproduce:
  1. Focus on the input and pick a date using any method (mouse, touch, or keyboard)
  2. Leave the input and come back to it
  3. Attempt to navigate using the keyboard shortcuts (arrows, page up/down, etc.) The widget no longer seems to capture the keyboard events as the arrows will navigate the cursor in the input or the page itself.
• I can't find any way to navigate to the time input mechanism or any of the buttons (today, close, etc.) using the keyboard

[mig-dave]

It get's confused because the keyup event is not called before the widget is hidden. A workaround for me was to insert this at the bottom of the _keydown handler.

            if (currentKey==13 || currentKey==27) {
              this._keyup(e);
	    }