add has-events class default background color

Author: fbertone

src/angular-material-calendar.scss

@@ -2,6 +2,7 @@ $calendar-md-background-active: rgba(0, 0, 0, .02) !default;
 $calendar-md-shadow-active: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12) !default;
 $calendar-md-border: 1px solid rgba(0, 0, 0, .12) !default;
 $calendar-md-background-hover: rgba(0, 0, 0, .04) !default;
+$calendar-md-event-background: rgba(150, 202, 45, 1) !default;
 
 calendar-md {
 
@@ -35,6 +36,9 @@ calendar-md {
                             pointer-events: none;
                             cursor: auto;
                         }
+                        &.has-events {
+                            background-color: $calendar-md-event-background;
+                        }
                         border-bottom: $calendar-md-border;
                         // Date label.
                         :first-child {
@@ -97,6 +101,10 @@ calendar-md {
                             background: $calendar-md-background-active;
                         }
 
+                        &.has-events {
+                            background-color: $calendar-md-event-background;
+                        }
+
                         // Day number label.
                         :first-child {
                             padding: 0;