diff --git a/js/src/components/Event/DateTimePicker.vue b/js/src/components/Event/DateTimePicker.vue
index 8fd28b1af..b9fac5814 100644
--- a/js/src/components/Event/DateTimePicker.vue
+++ b/js/src/components/Event/DateTimePicker.vue
@@ -19,11 +19,18 @@
expanded
:first-day-of-week="parseInt($t('firstDayOfWeek'), 10)"
:min-date="minDate"
- v-model="date"
+ v-model="dateWithoutTime"
:placeholder="$t('Click to select')"
icon="calendar"
/>
-
+
+
+
+
\ No newline at end of file
diff --git a/js/src/components/Event/EventFullDate.vue b/js/src/components/Event/EventFullDate.vue
index 15bc0f47d..8d6e1bb33 100644
--- a/js/src/components/Event/EventFullDate.vue
+++ b/js/src/components/Event/EventFullDate.vue
@@ -18,14 +18,31 @@
- {{ beginsOn | formatDateTimeString }}
-
+ {{ beginsOn | formatDateTimeString(showStartTime) }}
+
{{ $t('On {date} from {startTime} to {endTime}', {date: formatDate(beginsOn), startTime: formatTime(beginsOn), endTime: formatTime(endsOn)}) }}
-
+
+ {{ $t('On {date} ending at {endTime}', {date: formatDate(beginsOn), endTime: formatTime(endsOn)}) }}
+
+
+ {{ $t('On {date} starting at {startTime}', {date: formatDate(beginsOn), startTime: formatTime(beginsOn)}) }}
+
+
+ {{ $t('On {date}', {date: formatDate(beginsOn)}) }}
+
+
{{ $t('From the {startDate} at {startTime} to the {endDate} at {endTime}',
{startDate: formatDate(beginsOn), startTime: formatTime(beginsOn), endDate: formatDate(endsOn), endTime: formatTime(endsOn)}) }}
+
+ {{ $t('From the {startDate} at {startTime} to the {endDate}',
+ {startDate: formatDate(beginsOn), startTime: formatTime(beginsOn), endDate: formatDate(endsOn)}) }}
+
+
+ {{ $t('From the {startDate} to the {endDate}',
+ {startDate: formatDate(beginsOn), endDate: formatDate(endsOn)}) }}
+