fntechgit · santipalenque · Jun 12, 2026 · Jun 12, 2026 · Jun 12, 2026 · Jun 12, 2026
diff --git a/.browserslistrc b/.browserslistrc
@@ -1,2 +1,4 @@
-> 0.25%
-not dead
+Chrome >= 117
+Edge >= 121
+Firefox >= 121
+Safari >= 17
diff --git a/package.json b/package.json
@@ -39,17 +39,17 @@
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@fontsource/roboto": "^5.1.1",
-    "@mui/icons-material": "^6.4.3",
-    "@mui/material": "^6.4.3",
-    "@mui/x-date-pickers": "^7.26.0",
+    "@mui/icons-material": "^9.0.0",
+    "@mui/material": "^9.0.0",
+    "@mui/x-date-pickers": "^9.0.0",
     "@react-pdf/renderer": "4.3.0",
     "@sentry/react": "^8.32.0",
     "@sentry/webpack-plugin": "^2.22.4",
     "@stripe/react-stripe-js": "^5.4.1",
     "@stripe/stripe-js": "^8.5.3",
     "@types/googlemaps": "^3.39.3",
     "@types/markerclustererplus": "^2.1.29",
-    "@types/react": "^16.9.32",
+    "@types/react": "^18.0.0",
     "@uiw/codemirror-theme-sublime": "^4.21.23",
     "@uiw/react-codemirror": "^4.21.7",
     "@uiw/react-color-sketch": "^2.1.0",
@@ -92,14 +92,14 @@
     "moment": "^2.29.1",
     "moment-duration-format": "^2.3.2",
     "moment-timezone": "^0.5.33",
-    "openstack-uicore-foundation": "5.0.34",
+    "openstack-uicore-foundation": "6.0.0-beta.4",
     "p-limit": "^6.1.0",
     "path-browserify": "^1.0.1",
     "postcss-loader": "^6.2.1",
     "process": "^0.11.10",
     "prop-types": "^15.8.1",
     "qr-scanner": "^1.4.2",
-    "react": "^16.13.1",
+    "react": "^18.0.0",
     "react-accessible-treeview": "^2.6.2",
     "react-beautiful-dnd": "^13.1.1",
     "react-bootstrap": "^0.31.5",
@@ -110,7 +110,7 @@
     "react-device-detect": "^2.2.2",
     "react-dnd": "^16.0.0",
     "react-dnd-html5-backend": "^16.0.0",
-    "react-dom": "^16.13.1",
+    "react-dom": "^18.0.0",
     "react-dropzone": "^4.2.13",
     "react-final-form": "^6.5.9",
     "react-google-maps": "^9.4.5",
@@ -148,9 +148,9 @@
     "@babel/eslint-parser": "^7.24.7",
     "@testing-library/dom": "^10.1.0",
     "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "12.1.5",
+    "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^14.5.2",
-    "@types/react-dom": "16.9.24",
+    "@types/react-dom": "^18.0.0",
     "babel-jest": "^30.3.0",
     "css-minimizer-webpack-plugin": "^4.2.2",
     "eslint": "8.2.0",

diff --git a/src/components/audit-logs/index.js b/src/components/audit-logs/index.js
@@ -1,8 +1,8 @@
 import React, { useEffect, useState } from "react";
-import FreeTextSearch from "openstack-uicore-foundation/lib/components/free-text-search"
-import Table from "openstack-uicore-foundation/lib/components/table"
-import Dropdown from "openstack-uicore-foundation/lib/components/inputs/dropdown"
-import MemberInput from "openstack-uicore-foundation/lib/components/inputs/member-input"
+import FreeTextSearch from "openstack-uicore-foundation/lib/components/free-text-search";
+import Table from "openstack-uicore-foundation/lib/components/table";
+import Dropdown from "openstack-uicore-foundation/lib/components/inputs/dropdown";
+import MemberInput from "openstack-uicore-foundation/lib/components/inputs/member-input";
 import DateTimePicker from "openstack-uicore-foundation/lib/components/inputs/datetimepicker";
 import T from "i18n-react";
 import { epochToMomentTimeZone } from "openstack-uicore-foundation/lib/utils/methods";
@@ -215,9 +215,7 @@ const AuditLogs = ({
           />
         </div>
       </div>
-
       <hr />
-
       <div className="row">
         <div className="col-md-6">
           <Dropdown
@@ -260,46 +258,44 @@ const AuditLogs = ({
               <DateTimePicker
                 id="created_date_filter"
                 format={{ date: "YYYY-MM-DD", time: "HH:mm" }}
-                inputProps={{
-                  placeholder: T.translate(
-                    "audit_log.placeholders.created_date_from"
-                  )
-                }}
                 onChange={(ev) => handleChangeDateFilter(ev, false)}
                 timezone={currentSummit.time_zone_id}
                 value={epochToMomentTimeZone(
                   auditLogFilters.created_date_filter[0],
                   currentSummit.time_zone_id
                 )}
                 className="event-list-date-picker"
+                inputProps={{
+                  placeholder: T.translate(
+                    "audit_log.placeholders.created_date_from"
+                  )
+                }}
               />
             </div>
             <div className="col-md-3">
               <DateTimePicker
                 id="created_date_filter"
                 format={{ date: "YYYY-MM-DD", time: "HH:mm" }}
-                inputProps={{
-                  placeholder: T.translate(
-                    "audit_log.placeholders.created_date_to"
-                  )
-                }}
                 onChange={(ev) => handleChangeDateFilter(ev, true)}
                 timezone={currentSummit.time_zone_id}
                 value={epochToMomentTimeZone(
                   auditLogFilters.created_date_filter[1],
                   currentSummit.time_zone_id
                 )}
                 className="event-list-date-picker"
+                inputProps={{
+                  placeholder: T.translate(
+                    "audit_log.placeholders.created_date_to"
+                  )
+                }}
               />
             </div>
           </>
         )}
       </div>
-
       {logEntries.length === 0 && (
         <div>{T.translate("audit_log.no_log_entries")}</div>
       )}
-
       {logEntries.length > 0 && (
         <>
           <Table

diff --git a/src/components/filters/media-type-filter/__tests__/media-type-filter.test.js b/src/components/filters/media-type-filter/__tests__/media-type-filter.test.js
@@ -6,38 +6,46 @@ jest.mock("i18n-react/dist/i18n-react", () => ({
   translate: (key) => key
 }));
 
-jest.mock("react-select", () => function MockSelect({ id, value, options, onChange }) {
-    return (
-      <select
-        aria-label={id}
-        data-testid="operator-select"
-        value={value?.value || ""}
-        onChange={(e) => {
-          const option =
-            options.find((o) => o.value === e.target.value) || null;
-          onChange(option);
-        }}
-      >
-        <option value="">none</option>
-        {options.map((option) => (
-          <option key={option.value} value={option.value}>
-            {option.label}
-          </option>
-        ))}
-      </select>
-    );
-  });
-
-jest.mock("../../../inputs/media-upload-type-input", () => function MockMediaUploadTypeInput({ id, value, onChange }) {
-    return (
-      <input
-        data-testid="media-upload-type-input"
-        id={id}
-        value={value || ""}
-        onChange={(e) => onChange({ target: { value: e.target.value } })}
-      />
-    );
-  });
+jest.mock(
+  "react-select",
+  () =>
+    function MockSelect({ id, value, options, onChange }) {
+      return (
+        <select
+          aria-label={id}
+          data-testid="operator-select"
+          value={value?.value || ""}
+          onChange={(e) => {
+            const option =
+              options.find((o) => o.value === e.target.value) || null;
+            onChange(option);
+          }}
+        >
+          <option value="">none</option>
+          {options.map((option) => (
+            <option key={option.value} value={option.value}>
+              {option.label}
+            </option>
+          ))}
+        </select>
+      );
+    }
+);
+
+jest.mock(
+  "../../../inputs/media-upload-type-input",
+  () =>
+    function MockMediaUploadTypeInput({ id, value, onChange }) {
+      return (
+        <input
+          data-testid="media-upload-type-input"
+          id={id}
+          value={value || ""}
+          onChange={(e) => onChange({ target: { value: e.target.value } })}
+        />
+      );
+    }
+);
 
 describe("MediaTypeFilter", () => {
   const baseProps = {

diff --git a/src/components/forms/badge-form.js b/src/components/forms/badge-form.js
@@ -401,11 +401,6 @@ class BadgeForm extends React.Component {
                           <DateTimePicker
                             id="printDateFromFilter"
                             format={{ date: "YYYY-MM-DD", time: "HH:mm" }}
-                            inputProps={{
-                              placeholder: T.translate(
-                                "edit_ticket.placeholders.print_date_from"
-                              )
-                            }}
                             timezone={userTimeZone}
                             onChange={(ev) =>
                               this.handleChangePrintDate(ev, false)
@@ -416,15 +411,15 @@ class BadgeForm extends React.Component {
                             )}
                             className="badge-print-date-picker"
                             renderInput={renderInput}
-                          />
-                          <DateTimePicker
-                            id="printDateToFilter"
-                            format={{ date: "YYYY-MM-DD", time: "HH:mm" }}
                             inputProps={{
                               placeholder: T.translate(
-                                "edit_ticket.placeholders.print_date_to"
+                                "edit_ticket.placeholders.print_date_from"
                               )
                             }}
+                          />
+                          <DateTimePicker
+                            id="printDateToFilter"
+                            format={{ date: "YYYY-MM-DD", time: "HH:mm" }}
                             timezone={userTimeZone}
                             onChange={(ev) =>
                               this.handleChangePrintDate(ev, true)
@@ -435,6 +430,11 @@ class BadgeForm extends React.Component {
                             )}
                             className="badge-print-date-picker"
                             renderInput={renderInput}
+                            inputProps={{
+                              placeholder: T.translate(
+                                "edit_ticket.placeholders.print_date_to"
+                              )
+                            }}
                           />
                           <button
                             className="btn btn-default"
@@ -532,7 +532,6 @@ class BadgeForm extends React.Component {
             </div>
           </div>
         )}
-
         <hr />
         {entity.id !== 0 && (
           <SimpleLinkList