SVY-21198 Incident | TypeError: Cannot read properties of undefined

(reading 'querySelector') [ai]

Author: cPecican

projects/bootstrapcomponents/src/calendar/basecalendar.ts

@@ -118,10 +118,25 @@ export class ServoyBootstrapBaseCalendar extends ServoyBootstrapBasefield<HTMLDi
     initializePicker() {
         if (!this.picker) {
             this.picker = new TempusDominus(this.getNativeElement(), this.config);
+            this.patchHandleFocus();
             this.picker.subscribe(Namespace.events.change, (event) => this.dateChanged(event));
         }
     }
 
+    protected patchHandleFocus() {
+        const display = (this.picker as any).display;
+        if (!display || typeof display._handleFocus !== 'function') return;
+        const original = display._handleFocus.bind(display);
+        display._handleFocus = () => {
+            if (!display.widget) return;
+            try {
+                original();
+            } catch (e) {
+                this.log.warn('Tempus Dominus focus error suppressed:', e);
+            }
+        };
+    }
+    
     public updateConfig(format: string) {
         const showYear = format.indexOf('y') >= 0;
         const showMonth = format.indexOf('M') >= 0;

projects/bootstrapcomponents/src/calendar/calendar.ts

@@ -160,6 +160,7 @@ export class ServoyBootstrapCalendar extends ServoyBootstrapBaseCalendar {
             (this.inputElementRef.nativeElement as HTMLInputElement).value='';
             this.picker = new TempusDominus(this.getNativeElement(), this.config);
             (this.inputElementRef.nativeElement as HTMLInputElement).value = currentValue;
+            this.patchHandleFocus();
             this.picker.dates.formatInput =  (date: DateTime) => date?this.formattingService.format(date, this.format, false):'';
             this.picker.dates.parseInput =  (value: string) => {
                 const parsed = this.formattingService.parse(value?value.trim():null, this.format, true, this.dataProviderID, true);