Calendar past events are grayed out, today's background is gray

UI/Calendar/CalendarView.js

@@ -85,19 +85,27 @@ define(
                 var start = Moment(element.get('airDate'));
                 var end = Moment(element.get('end'));
 
+                var statusLevel = 'primary';
+
                 if (currentTime.isAfter(start) && currentTime.isBefore(end)) {
-                    return 'warning';
+                    statusLevel = 'warning';
                 }
 
-                if (start.isBefore(currentTime) && !hasFile) {
-                    return 'danger';
+                else if (start.isBefore(currentTime) && !hasFile) {
+                    statusLevel = 'danger';
                 }
 
-                if (hasFile) {
-                    return 'success';
+                else if (hasFile) {
+                    statusLevel = 'success';
                 }
 
-                return 'primary';
+                var test = currentTime.startOf('day').format('LLLL');
+
+                if (end.isBefore(currentTime.startOf('day'))) {
+                    statusLevel += ' past'
+                }
+
+                return statusLevel;
             }
         });
     });

UI/Calendar/calendar.less

@@ -26,6 +26,14 @@
   h2 {
     font-size : 17.5px;
   }
+
+  .fc-state-highlight {
+    background: #f1f1f1;
+  }
+
+  .past {
+    opacity: 0.8;
+  }
 }
 
 .event {

UI/Cells/EpisodeStatusCell.js

@@ -39,7 +39,7 @@ define(
                             tooltip = 'Episode has not aired';
                         }
                     }
-                    
+
                     this.$el.html('<i class="{0}" title="{1}"/>'.format(icon, tooltip));
                 }