Limit minimum endsOn datetime selector to current beginsOn, set correct

date of first week and translate labels on datepicker

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/views/Event/Edit.vue

@@ -22,7 +22,7 @@
           <tag-input v-model="event.tags" :data="tags" path="title" />
 
           <date-time-picker v-model="event.beginsOn" :label="$t('Starts on…')" :step="15"/>
-          <date-time-picker v-model="event.endsOn" :label="$t('Ends on…')" :step="15" />
+          <date-time-picker :min-date="minDateForEndsOn" v-model="event.endsOn" :label="$t('Ends on…')" :step="15" />
 
           <address-auto-complete v-model="event.physicalAddress" />
 
@@ -569,6 +569,15 @@ export default class EditEvent extends Vue {
       this.event.endsOn.setUTCHours(dateEndsOn.getUTCHours() + 1);
     }
   }
+
+  /**
+   * In event endsOn datepicker, we lock starting with the day before the beginsOn date
+   */
+  get minDateForEndsOn(): Date {
+    const minDate = new Date(this.event.beginsOn);
+    minDate.setDate(minDate.getDate() - 1);
+    return minDate;
+  }
 }
 </script>