lets the user change the view of the calendar in the header with a select and highlights the date fields to change the view of the current calendar

public/css/components/calendar.css

@@ -2,6 +2,10 @@
   background-color: #e9ecef;
 }
 
+.fhc-calendar-week-page-header > div:hover{
+	background-color: #dddfe2;
+}
+
 .fhc-calendar-months .col-4,
 .fhc-calendar-years .col-4 {
   padding: 0.1875em 0;
@@ -117,6 +121,13 @@
   align-items: center;
   justify-content: end;
 }
+
+.fhc-calendar-month-page-weekday:hover {
+	background-color:#37789c;
+	color:white;
+	
+}
+
 .fhc-calendar-sm .fhc-calendar-month-page-day,
 .fhc-calendar-xs .fhc-calendar-month-page-day {
   position: relative;