rdv: renaming of variable + enable to display selected event

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Calendar/App.vue

@@ -1,17 +1,17 @@
 <template>
    <concerned-groups></concerned-groups>
-   <calendar-range></calendar-range>
+   <calendar-event></calendar-event>
 </template>
 
 <script>
 import ConcernedGroups from 'ChillActivityAssets/vuejs/Activity/components/ConcernedGroups.vue';
-import CalendarRange from '../_components/CalendarRange/CalendarRange.vue';
+import CalendarEvent from '../_components/CalendarEvent/CalendarEvent.vue';
 
 export default {
    name: "App",
    components: {
       ConcernedGroups,
-      CalendarRange
+      CalendarEvent
    }
 }
 </script>

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Calendar/i18n.js

@@ -1,5 +1,5 @@
 import { personMessages } from 'ChillPersonAssets/vuejs/_js/i18n'
-import { calendarRangeMessages } from '../_components/CalendarRange/js/i18n'
+import { calendarEventMessages } from '../_components/CalendarEvent/js/i18n'
 
 const appMessages = {
    fr: {
@@ -15,7 +15,7 @@ const appMessages = {
 }
 
 Object.assign(appMessages.fr, personMessages.fr);
-Object.assign(appMessages.fr, calendarRangeMessages.fr);
+Object.assign(appMessages.fr, calendarEventMessages.fr);
 
 export {
    appMessages

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarEvent/CalendarEvent.vue

@@ -1,6 +1,10 @@
 <template>
   <h2 class="chill-red">{{ $t('choose_your_date') }}</h2>
-  <FullCalendar :options="calendarOptions" />
+  <FullCalendar :options="calendarOptions">
+      <template v-slot:eventContent='arg'>
+          <b>{{ arg.timeText }}</b>
+      </template>
+  </FullCalendar>
 </template>
 <script>
 import '@fullcalendar/core/vdom' // solves problem with Vite
@@ -20,6 +24,7 @@ export default {
         initialView: 'dayGridMonth',
         selectable: true,
         select: this.onDateSelect,
+        selectMirror: true,
         headerToolbar: {
           left: 'prev,next today',
           center: 'title',

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarEvent/js/i18n.js

@@ -1,10 +1,10 @@
-const calendarRangeMessages = {
+const calendarEventMessages = {
     fr: {
         choose_your_date: 'Sélectionnez vos dates',
     }
  };
  
  export {
-    calendarRangeMessages
+    calendarEventMessages
  };