feat(datepicker): add a year view

Adds the ability for users to switch years quicker by clicking on the month header. Cheers to @mhchen for helping me get started. Fixes #4251.
angular · May 27, 2016 · d7a0236 · d7a0236
1 parent c9158c8
commit d7a0236
Show file tree

Hide file tree

Showing 15 changed files with 1,604 additions and 773 deletions.
diff --git a/src/components/datepicker/calendar-theme.scss b/src/components/datepicker/calendar-theme.scss
@@ -25,18 +25,13 @@
     }
   }
 
-  // The CSS class `md-focus` is used instead of real browser focus for accessibility reasons
-  // (the root md-calendar holds browser focus).
-  .md-calendar-date.md-focus {
-    .md-calendar-date-selection-indicator {
-      background: '{{background-hue-1}}';
+  .md-calendar-date-selection-indicator {
+    .md-calendar-date.md-focus &,
+    &:hover {
+      background: '{{background-300}}';
     }
   }
 
-  .md-calendar-date-selection-indicator:hover {
-    background: '{{background-300}}';
-  }
-
   // Selected style goes after hover and focus so that it takes priority.
   .md-calendar-date.md-calendar-selected-date,
   .md-calendar-date.md-focus.md-calendar-selected-date {