Schleifen Chart von bis Kalendar

components/modales/kueModal/LoopTDRChartActionBar.tsx

@@ -0,0 +1,30 @@
+import React, { useState } from "react";
+import DateRangePicker from "./DateRangePicker";
+
+const LoopTDRChartActionBar: React.FC = () => {
+  const [vonDatum, setVonDatum] = useState(new Date());
+  const [bisDatum, setBisDatum] = useState(new Date());
+
+  const handleAktualisieren = () => {
+    const von = vonDatum.toISOString().split("T")[0]; // Format: YYYY-MM-DD
+    const bis = bisDatum.toISOString().split("T")[0];
+
+    console.log(`Daten abrufen für Zeitraum: ${von} bis ${bis}`);
+    // API-Call hier mit den neuen Daten (z.B. location.href="...&DIA1=von;bis")
+  };
+
+  return (
+    <div className="flex flex-wrap justify-end items-center p-2 bg-gray-100 rounded-lg space-x-2 mr-4">
+      <DateRangePicker setVonDatum={setVonDatum} setBisDatum={setBisDatum} />
+
+      <button
+        onClick={handleAktualisieren}
+        className="px-3 py-1 bg-green-500 text-white rounded text-sm"
+      >
+        Aktualisieren
+      </button>
+    </div>
+  );
+};
+
+export default LoopTDRChartActionBar;