rdv: connect fullcalendar vue component to startDate and endDate fields

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

@@ -63,7 +63,7 @@ const store = createStore({
          };
       },
       // Calendar
-      onDateSelect(state, payload) {
+      setEvents(state, payload) {
          console.log(payload)
          state.events.push( {start: payload.start, end: payload.end})
       }
@@ -107,9 +107,13 @@ const store = createStore({
       },
 
       // Calendar
-      onDateSelect({ commit }, payload) {
-         console.log('### action onDateSelect', payload);
-         commit('onDateSelect', payload);
+      setDateRange({ commit }, payload) {
+         console.log('### action setDateRange', payload);
+         let startDateInput = document.getElementById("chill_calendarbundle_calendar_startDate");
+         startDateInput.value = payload.startStr;
+         let endDateInput = document.getElementById("chill_calendarbundle_calendar_endDate");
+         endDateInput.value = payload.endStr;
+         commit('setEvents', payload);
       }
   }
 });

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

@@ -30,7 +30,7 @@ export default {
   },
   methods: {
     onDateSelect(payload) {
-      this.$store.dispatch('onDateSelect', payload);
+      this.$store.dispatch('setDateRange', payload);
     }
   }
 }

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

@@ -1,6 +1,6 @@
 const calendarMessages = {
     fr: {
-        choose_your_date: 'Sélectionner vos dates',
+        choose_your_date: 'Sélectionnez vos dates',
     }
  };
  

src/Bundle/ChillCalendarBundle/Resources/views/Calendar/edit.html.twig

@@ -68,7 +68,7 @@
   </li>
   <li>
     <button class="btn btn-create" type="submit">
-      {{ 'Create'|trans }}
+      {{ 'Update'|trans }}
     </button>
   </li>
 </ul>