fix: Zeitstempel in Meldungstabelle inkl. Uhrzeit im deutschen Format (TT.MM.JJJJ, HH:MM:SS)

- msg.t wird jetzt per toLocaleString('de-DE') mit Zeitformatierung angezeigt
- Beispiel: 26.06.2025, 19:26:07

.env.development

@@ -6,6 +6,6 @@ NEXT_PUBLIC_USE_MOCK_BACKEND_LOOP_START=false
 NEXT_PUBLIC_EXPORT_STATIC=false
 NEXT_PUBLIC_USE_CGI=false
 # App-Versionsnummer
-NEXT_PUBLIC_APP_VERSION=1.6.542
+NEXT_PUBLIC_APP_VERSION=1.6.543
 NEXT_PUBLIC_CPL_MODE=json   # json (Entwicklungsumgebung) oder jsSimulatedProd (CPL ->CGI-Interface-Simulator) oder production (CPL-> CGI-Interface Platzhalter)
 

.env.production

@@ -5,5 +5,5 @@ NEXT_PUBLIC_CPL_API_PATH=/CPL
 NEXT_PUBLIC_EXPORT_STATIC=true
 NEXT_PUBLIC_USE_CGI=true
 # App-Versionsnummer
-NEXT_PUBLIC_APP_VERSION=1.6.542
+NEXT_PUBLIC_APP_VERSION=1.6.543
 NEXT_PUBLIC_CPL_MODE=production

CHANGELOG.md

@@ -1,3 +1,13 @@
+## [1.6.543] – 2025-07-07
+
+- fix: DatePicker über Tabellenkopf anzeigen durch z-index und Portal-Lösung
+
+- react-datepicker auf portalId 'root-portal' umgestellt
+- CSS-Klasse 'custom-datepicker-popper' mit z-index: 9999 in globals.css ergänzt
+- Problem behoben, dass DatePicker hinter dem sticky Tabellen-Header verborgen war
+- Tailwind-Konfiguration um z-[60,70] erweitert, wenn nötig
+
+---
 ## [1.6.542] – 2025-07-07
 
 - feat: lade nur spezifischen Spannungs-/Temperatur-Thunk beim Öffnen des Detailmodals

components/main/reports/MeldungenTabelle.tsx

@@ -33,7 +33,17 @@ export default function MeldungenTabelle({
                   style={{ backgroundColor: msg.c }}
                 ></div>
               </td>
-              <td className="border p-2">{msg.t}</td>
+              <td className="border p-2">
+                {new Date(msg.t).toLocaleString("de-DE", {
+                  day: "2-digit",
+                  month: "2-digit",
+                  year: "numeric",
+                  hour: "2-digit",
+                  minute: "2-digit",
+                  second: "2-digit",
+                })}
+              </td>
+
               <td className="border p-2">{msg.i}</td>
               <td className="border p-2">{msg.m}</td>
               <td className="border p-2">{msg.v}</td>

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.542",
+  "version": "1.6.543",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "cpl-v4",
-      "version": "1.6.542",
+      "version": "1.6.543",
       "dependencies": {
         "@fontsource/roboto": "^5.1.0",
         "@iconify-icons/ri": "^1.2.10",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.542",
+  "version": "1.6.543",
   "private": true,
   "scripts": {
     "dev": "next dev",