feat(calendar): starting work for date-picker.

Author: jelbourn

src/components/button/button.scss

@@ -181,6 +181,7 @@ $icon-button-margin: rem(0.600) !default;
     }
   }
 }
+
 .md-toast-open-bottom {
   .md-button.md-fab-bottom-left,
   .md-button.md-fab-bottom-right {
@@ -199,6 +200,7 @@ $icon-button-margin: rem(0.600) !default;
   flex: 1;
   width: 100%;
 }
+
 .md-button-group > .md-button {
   flex: 1;
 

src/components/calendar/calendar-theme.scss

@@ -0,0 +1,28 @@
+// Theme styles for mdCalendar.
+
+.md-calendar-day-header {
+  background-color: #eeeeee; // grey-200
+  color: #616161; // need spec; currently grey-700
+}
+
+.md-calendar-date.md-calendar-date-today {
+  color: #2196f3; // blue-500
+}
+
+.md-calendar-date:focus {
+  .md-calendar-date-selection-indicator {
+    background-color: #e0e0e0; // grey-300
+  }
+}
+
+.md-calendar-date-selection-indicator:hover {
+  background-color: #e0e0e0; // grey-300
+}
+
+// Selected style goes after hover and focus so that it takes priority.
+.md-calendar-date.md-calendar-selected-date {
+  .md-calendar-date-selection-indicator {
+    background-color: #2196f3; // blue-500
+    color: white; // ?
+  }
+}