calendar: Tab focus gets trapped in day picker

[andreaslof]

Actual Behavior:

• What is the issue? *
  When moving focus via <TAB> key, focus gets trapped inside mdCalendar and can't progress past it. This seems to be an issue when only using the mdCalendar on it's own.
• What is the expected behavior?
  User should be able to move focus to other areas on page via <TAB> key.

This seems

CodePen (or steps to reproduce the issue): *

• CodePen Demo which shows your issue:
  https://codepen.io/anon/pen/ypaQVx
• Details: Notice how focus is trapped inside the calendar component, and you're not able to shift focus to the buttons.

AngularJS Versions: *

• AngularJS Version: 1.5.8
• AngularJS Material Version: 1.1.5

Additional Information:

• Browser Type: * Firefox (but seems to be persistent issue across all modern browsers)
• Browser Version: * 57
• OS: * Mac OS
• Stack Traces:

---

Shortcut to create a new CodePen Demo.
Note: * indicates required information. Without this information, your issue may be auto-closed.

Do not modify the titles or questions. Simply add your responses to the ends of the questions.
Add more lines if needed.

[Splaktar]

I was able to reproduce in a CodePen with AngularJS Material 1.1.5 and AngularJS 1.6.6. It does not effect the month picker, only the day picker of the calendar.