focus day highlight css animation

public/css/components/calendar.css

@@ -242,10 +242,25 @@
 	opacity: 0.5;
 }
 
-.fhc-calendar-month-page-day-highlight {
-	 /*background-color: #f5f5f5;*/
-	 /*background-color: red;*/
- }
+.fhc-calendar-month-page-day-focusday {
+	border-color: black !important;
+	background-color: white;
+	position: relative;
+	animation: dash-animation 2.5s linear infinite;
+}
+
+@keyframes dash-animation {
+	0% {
+		border-style: dashed;
+	}
+	50% {
+		border-style: solid;
+	}
+	100% {
+		border-style: dashed;
+	}
+}
+
 .fhc-highlight-week {
 	/*border-color: black !important;*/
 }

public/js/components/Calendar/Month/Page.js

@@ -72,7 +72,7 @@ export default {
 			const isNotThisMonth = day.getMonth() != this.month
 			const isInThePast = day.getTime() < this.today // this.date is just the focusDate but not the initial Date
 			
-			if(isThisDate) classstring += ' border-8'
+			if(isThisDate) classstring += ' fhc-calendar-month-page-day-focusday'
 			if(isHighlightedWeek) classstring += ' fhc-highlight-week'
 			if(isHighlightedDay) classstring += ' fhc-highlight-day'
 			

public/js/components/Calendar/Week/Page.js

@@ -363,17 +363,17 @@ export default {
 					<div @wheel.stop class="all-day-event all-day-event-border" v-for="(day,dayindex) in eventsPerDayAndHour">
 						<template v-for="(events,_day) in allDayEvents" :key="_day">
 
-						<div v-if="dayindex == _day" v-for="event in events" :key="event" class="d-grid m-1" style="top:0;" @click.prevent="weekPageClick(event, _day)"
-									:selected="event == selectedEvent"
-									:style="{'background-color': event?.color, 'margin-bottom':'1px'}"
-									class="small rounded overflow-hidden fhc-entry"
-									v-contrast
-									>		
-									<slot class="p-1" name="weekPage" :event="event" :day="day">
-										<p>this is a placeholder which means that no template was passed to the Calendar Page slot</p>
-									</slot>
-								</div>
-							</template>
+							<div v-if="dayindex == _day" v-for="event in events" :key="event" class="d-grid m-1" style="top:0;" @click.prevent="weekPageClick(event, _day)"
+								:selected="event == selectedEvent"
+								:style="{'background-color': event?.color, 'margin-bottom':'1px'}"
+								class="small rounded overflow-hidden fhc-entry"
+								v-contrast
+								>		
+								<slot class="p-1" name="weekPage" :event="event" :day="day">
+									<p>this is a placeholder which means that no template was passed to the Calendar Page slot</p>
+								</slot>
+							</div>
+						</template>
 					</div>
 				</div>
 				<div class="events position-relative" :ref="'eventsRef'+week" @mousemove="calcHourPosition" @mouseleave="hourPosition = null">