@travelswitchhq/flight-search-react 1.0.6 → 1.0.7

package/dist/index.mjs

@@ -1484,6 +1484,8 @@ function FlightSearchWidget({
   const roomsGuestsMenuRef = useRef(null);
   const dateRangeCalendarRef = useRef(null);
   const mobileDateRangeCalendarRef = useRef(null);
+  const oneWayDesktopCalendarRef = useRef(null);
+  const oneWayMobileCalendarRef = useRef(null);
   const segmentCalendarRefs = useRef({});
   const getMaxSegments = () => {
     if (tripType === "custom-search") return 3;
@@ -2369,17 +2371,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__ */ jsx("label", { children: "Departure" }),
               /* @__PURE__ */ jsx("p", { children: formatDisplayDate(segments[0]?.departureDate) }),
               /* @__PURE__ */ jsx(
                 Calendar,
                 {
+                  id: "oneWayDepartureDesktop",
                   numberOfMonths: 2,
-                  ref: (el) => {
-                    segmentCalendarRefs.current[0] = el;
-                  },
+                  ref: oneWayDesktopCalendarRef,
                   value: segments[0]?.departureDate ?? null,
                   onChange: (e) => {
                     const raw = e.value;
@@ -2399,10 +2403,9 @@ function FlightSearchWidget({
               /* @__PURE__ */ jsx(
                 Calendar,
                 {
+                  id: "oneWayDepartureMobile",
                   numberOfMonths: 10,
-                  ref: (el) => {
-                    segmentCalendarRefs.current[0] = el;
-                  },
+                  ref: oneWayMobileCalendarRef,
                   value: segments[0]?.departureDate ?? null,
                   onChange: (e) => {
                     const raw = e.value;
@@ -2420,7 +2423,7 @@ function FlightSearchWidget({
                   headerTemplate: () => /* @__PURE__ */ jsxs("div", { className: "mobileHead MobileShow", children: [
                     /* @__PURE__ */ jsx("a", { type: "button", onClick: (e) => {
                       e.stopPropagation();
-                      segmentCalendarRefs.current[0]?.hide?.();
+                      oneWayMobileCalendarRef.current?.hide?.();
                     }, children: /* @__PURE__ */ jsxs("svg", { width: "20px", height: "20px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
                       /* @__PURE__ */ jsx("path", { d: "M19 5L5 19", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
                       /* @__PURE__ */ jsx("path", { d: "M5 5L19 19", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
@@ -2434,7 +2437,7 @@ function FlightSearchWidget({
                       className: "sw-confirm-btn",
                       onClick: (e) => {
                         e.stopPropagation();
-                        segmentCalendarRefs.current[0]?.hide?.();
+                        oneWayMobileCalendarRef.current?.hide?.();
                       },
                       children: "Confirm"
                     }