feat: Brush-Achsenbeschriftung auf Datumsformat umgestellt

- TickFormatter für Brush angepasst, sodass anstelle von Unix-Timestamps jetzt das formatierte Datum (TT.MM.JJJJ) angezeigt wird.
- Redux-Brush-Slice um `startDate` und `endDate` erweitert, um die Auswahlbereiche mit Datum statt Indizes zu speichern.
- Brush-Event-Handler (`handleBrushChange`) aktualisiert, sodass Start- und Enddatum beim Verschieben im Redux-Store gespeichert werden.

components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx

@@ -108,9 +108,20 @@ const LoopMeasurementChart = () => {
 
   const handleBrushChange = useCallback(
     ({ startIndex, endIndex }) => {
-      dispatch(setBrushRange({ startIndex, endIndex }));
+      dispatch(
+        setBrushRange({
+          startIndex,
+          endIndex,
+          startDate: new Date(formatierteDaten[startIndex].zeit)
+            .toISOString()
+            .split("T")[0],
+          endDate: new Date(formatierteDaten[endIndex].zeit)
+            .toISOString()
+            .split("T")[0],
+        })
+      );
     },
-    [dispatch]
+    [dispatch, formatierteDaten]
   );
 
   return (
@@ -160,6 +171,7 @@ const LoopMeasurementChart = () => {
             onChange={handleBrushChange}
             startIndex={brushRange.startIndex}
             endIndex={brushRange.endIndex || formatierteDaten.length - 1}
+            tickFormatter={(zeit) => new Date(zeit).toLocaleDateString()} // Datum statt Zahl
           />
         </ComposedChart>
       </ResponsiveContainer>

config/webVersion.ts

@@ -6,5 +6,5 @@
 2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
 
 */
-const webVersion = "1.6.120";
+const webVersion = "1.6.121";
 export default webVersion;

redux/slices/brushSlice.ts

@@ -6,11 +6,15 @@ const brushSlice = createSlice({
   initialState: {
     startIndex: 0,
     endIndex: 0,
+    startDate: null,
+    endDate: null,
   },
   reducers: {
     setBrushRange(state, action) {
       state.startIndex = action.payload.startIndex;
       state.endIndex = action.payload.endIndex;
+      state.startDate = action.payload.startDate || state.startDate;
+      state.endDate = action.payload.endDate || state.endDate;
     },
   },
 });