fix timezones

Author: tischsoic

src/bundle/Resources/public/js/scripts/core/date.time.range.single.js

@@ -1,4 +1,5 @@
-import { formatShortDateTime } from '../helpers/timezone.helper';
+import { getAdminUiConfig } from '@ibexa-admin-ui/src/bundle/Resources/public/js/scripts/helpers/context.helper';
+import { convertDateToTimezone, formatShortDateTime, getBrowserTimezone } from '../helpers/timezone.helper';
 import { setInstance } from '../helpers/object.instances';
 
 const { ibexa, document } = window;
@@ -29,7 +30,11 @@ class DateTimeRangeSingle {
     }
 
     getUnixTimestampUTC(dateObject) {
-        return Math.floor(dateObject.getTime() / 1000);
+        const { timezone } = getAdminUiConfig();
+        const selectedDateWithUserTimezone = convertDateToTimezone(dateObject, timezone, true);
+        const timestamp = Math.floor(selectedDateWithUserTimezone.valueOf() / 1000);
+
+        return timestamp;
     }
 
     setDates(dates) {
@@ -82,7 +87,18 @@ class DateTimeRangeSingle {
 
     init() {
         const { start, end } = this.container.dataset;
-        const defaultDate = start && end ? [start, end] : [];
+        let defaultDate = [];
+
+        if (start && end) {
+            const defaultStartDateWithUserTimezone = convertDateToTimezone(start * 1000);
+            const defaultEndDateWithUserTimezone = convertDateToTimezone(end * 1000);
+            const browserTimezone = getBrowserTimezone();
+
+            defaultDate = [
+                new Date(convertDateToTimezone(defaultStartDateWithUserTimezone, browserTimezone, true)),
+                new Date(convertDateToTimezone(defaultEndDateWithUserTimezone, browserTimezone, true)),
+            ];
+        }
 
         this.dateTimePickerWidget = new ibexa.core.DateTimePicker({
             container: this.dateTimePickerInputWrapper,

src/bundle/Resources/views/themes/admin/ui/component/date_time_range_single/date_time_range_single.twig

@@ -7,10 +7,8 @@
     'data-period-selector': period_input_selector,
     'data-start-selector': start_input_selector,
     'data-end-selector': end_input_selector,
-    'data-start': start_date is defined and start_date is not null
-        ? start_date|date('Y-m-d H:i:s') : '',
-    'data-end': end_date is defined and end_date is not null
-        ? end_date|date('Y-m-d H:i:s') : '',
+    'data-start': start_date|default(''),
+    'data-end': end_date|default(''),
 }) %}
 
 {% set picker_wrapper_attr = picker_wrapper_attr|default({})|merge({