after review

Author: tischsoic

src/bundle/Resources/public/js/scripts/admin.trash.list.js

@@ -235,6 +235,7 @@
         'ibexa:date-time-range-single:change',
         (event) => {
             const { dates } = event.detail;
+
             if (dates.length === 2 || dates.length === 0) {
                 formSearch.submit();
             }

src/bundle/Resources/public/js/scripts/core/date.time.picker.js

@@ -32,7 +32,7 @@ class DateTimePicker {
             ...(config.flatpickrConfig ?? {}),
         };
 
-        setInstance(this.container, this); // TODO: reove in 5.0
+        setInstance(this.container, this); // TODO: remove in 5.0
         setInstance(this.fieldWrapper, this);
     }
 

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

@@ -1,16 +1,18 @@
 import { formatShortDateTime } from '../helpers/timezone.helper';
 import { setInstance } from '../helpers/object.instances';
 
-const { ibexa } = window;
+const { ibexa, document } = window;
+
+const SECONDS_IN_DAY = 86400;
 
 class DateTimeRangeSingle {
     constructor(config) {
         this.container = config.container;
         this.dateTimePickerInputWrapper = this.container.querySelector('.ibexa-date-time-range-single__date-time-picker-input-wrapper');
 
         const { periodSelector, endSelector } = this.container.dataset;
-        this.periodInput = window.document.querySelector(periodSelector);
-        this.endInput = window.document.querySelector(endSelector);
+        this.periodInput = document.querySelector(periodSelector);
+        this.endInput = document.querySelector(endSelector);
 
         const customDateConfig = config.dateConfig || {};
         this.dateConfig = {
@@ -38,8 +40,7 @@ class DateTimeRangeSingle {
         if (dates.length === 2) {
             const startDate = this.getUnixTimestampUTC(dates[0]);
             const endDate = this.getUnixTimestampUTC(dates[1]);
-            const secondsInDay = 86400;
-            const days = (endDate - startDate) / secondsInDay;
+            const days = (endDate - startDate) / SECONDS_IN_DAY;
 
             this.periodInput.value = `P0Y0M${days}D`;
             this.periodInput.dispatchEvent(new Event('change'));
@@ -51,7 +52,7 @@ class DateTimeRangeSingle {
         } else if (dates.length === 0) {
             this.periodInput.value = '';
             this.periodInput.dispatchEvent(new Event('change'));
-            this.periodInput.dispatchEvent(new Event('change'));
+            this.periodInput.dispatchEvent(new Event('input'));
 
             this.endInput.value = '';
             this.endInput.dispatchEvent(new Event('change'));

src/bundle/Resources/public/js/scripts/filters.action.btns.js

@@ -64,6 +64,7 @@
                     }
 
                     const dateTimeRangeSingleNode = dateInputNode.closest('.ibexa-date-time-range-single');
+                    
                     if (dateTimeRangeSingleNode) {
                         const dateTimeRangeSingleInstance = ibexa.helpers.objectInstances.getInstance(dateTimeRangeSingleNode);