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

angular · Aug 13, 2015 · 9b0b861 · 9b0b861
1 parent 3e8c994
commit 9b0b861
Show file tree

Hide file tree

Showing 11 changed files with 1,327 additions and 0 deletions.
diff --git a/src/components/button/button.scss b/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;
 

diff --git a/src/components/calendar/calendar-theme.scss b/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; // ?
+  }
+}