Update

Update year view to look nicer and highlight today in year view like the other calendar views.

samples/react-calendar/src/webparts/calendar/components/Year.module.scss

@@ -4,14 +4,12 @@
   display: flex;
   flex-wrap: wrap;
   overflow-y: auto;
-}
 
   .month {
     margin: 5px 10px 15px 10px;
-}
 
     .monthName {
-  color: $ms-color-themeDark;
+      color: $ms-color-themePrimary;
       font-weight: bold;
       margin-bottom: 10px;
     }
@@ -30,24 +28,28 @@
     .date {
       width: 30px;
       height: 30px;
-  background: white;
       border-radius: 50px;
       border: none;
       outline: none;
-}
 
-.date.inMonth:hover {
+      &.inMonth {
+        &:hover {
           cursor: pointer;
-  background: $ms-color-themeDark;
+          background: $ms-color-themePrimary;
           color: white;
           font-weight: bold;
         }
+      }
 
-.today {
-  background: $ms-color-themeDark;
+      &.today {
+        background: $ms-color-themePrimary;
+        color: white;
       }
 
       .date.prevMonth,
       .date.nextMonth {
         color: grey;
       }
+    }
+  }
+}