@travelswitchhq/flight-search-react 1.0.6 → 1.0.7

package/dist/index.cjs

@@ -1510,6 +1510,8 @@ function FlightSearchWidget({
   const roomsGuestsMenuRef = (0, import_react.useRef)(null);
   const dateRangeCalendarRef = (0, import_react.useRef)(null);
   const mobileDateRangeCalendarRef = (0, import_react.useRef)(null);
+  const oneWayDesktopCalendarRef = (0, import_react.useRef)(null);
+  const oneWayMobileCalendarRef = (0, import_react.useRef)(null);
   const segmentCalendarRefs = (0, import_react.useRef)({});
   const getMaxSegments = () => {
     if (tripType === "custom-search") return 3;
@@ -2395,17 +2397,19 @@ function FlightSearchWidget({
           {
             className: "sw-form-field sw-pos-rel sw-com-cal",
             style: { cursor: "pointer" },
-            onClick: () => segmentCalendarRefs.current[0]?.show?.(),
+            onClick: () => {
+              oneWayDesktopCalendarRef.current?.show?.();
+              oneWayMobileCalendarRef.current?.show?.();
+            },
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "Departure" }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: formatDisplayDate(segments[0]?.departureDate) }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_calendar.Calendar,
                 {
+                  id: "oneWayDepartureDesktop",
                   numberOfMonths: 2,
-                  ref: (el) => {
-                    segmentCalendarRefs.current[0] = el;
-                  },
+                  ref: oneWayDesktopCalendarRef,
                   value: segments[0]?.departureDate ?? null,
                   onChange: (e) => {
                     const raw = e.value;
@@ -2425,10 +2429,9 @@ function FlightSearchWidget({
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_calendar.Calendar,
                 {
+                  id: "oneWayDepartureMobile",
                   numberOfMonths: 10,
-                  ref: (el) => {
-                    segmentCalendarRefs.current[0] = el;
-                  },
+                  ref: oneWayMobileCalendarRef,
                   value: segments[0]?.departureDate ?? null,
                   onChange: (e) => {
                     const raw = e.value;
@@ -2446,7 +2449,7 @@ function FlightSearchWidget({
                   headerTemplate: () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mobileHead MobileShow", children: [
                     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { type: "button", onClick: (e) => {
                       e.stopPropagation();
-                      segmentCalendarRefs.current[0]?.hide?.();
+                      oneWayMobileCalendarRef.current?.hide?.();
                     }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "20px", height: "20px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
                       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M19 5L5 19", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
                       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 5L19 19", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
@@ -2460,7 +2463,7 @@ function FlightSearchWidget({
                       className: "sw-confirm-btn",
                       onClick: (e) => {
                         e.stopPropagation();
-                        segmentCalendarRefs.current[0]?.hide?.();
+                        oneWayMobileCalendarRef.current?.hide?.();
                       },
                       children: "Confirm"
                     }