@travelswitchhq/flight-search-react 1.0.3 → 1.0.5

package/dist/index.cjs

@@ -244,7 +244,7 @@ var flightSearchWidgetStyles = `
   border-radius: 50%;
   background-color: #fff;
   cursor: pointer;
-  transform: translate(-50%, -50%);
+  transform: translate(50%, -50%);
 }
 .sw-srh-wrap.sw-srh-box.sw-pos-rel .sw-form-field.sw-pos-rel:last-child {
 padding-inline-start: 25px;
@@ -794,7 +794,7 @@ padding-inline-start: 25px;
   -webkit-user-select: none;
   user-select: none;
 }
-.sw-tab-checkbox input {
+.sw-container .sw-tab-checkbox input {
   display: none;
 }
 .sw-tab-checkbox input:checked + .sw-tab-content,
@@ -1295,7 +1295,7 @@ padding-inline-start: 25px;
     .sw-rooms-guests-title{
         display: none !important;
     }
-    .sw-rooms-guests-content{
+    .sw-rooms-gst-content{
         padding: 15px;
     }
     .sw-rooms-guests-footer{
@@ -2102,14 +2102,14 @@ function FlightSearchWidget({
           }
         ),
         isOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sw-dropdown", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mobileHead mobileShow", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mobileHead MobileShow", children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { type: "button", onClick: () => closeAirportDropdown(dropdownType, segmentIndex), 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", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 5L19 19", stroke: "black", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })
             ] }) }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { children: isOrigin ? "Origin" : "Destination" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mobileSrgInput mobileShow", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "text", placeholder: `Search ${isOrigin ? "Origin" : "Destination"}`, value: value ?? "", onChange: (e) => {
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mobileSrgInput MobileShow", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "text", placeholder: `Search ${isOrigin ? "Origin" : "Destination"}`, value: value ?? "", onChange: (e) => {
             const val = e.target.value;
             handleSegmentFieldChange(segmentIndex, dropdownType, val);
             triggerSearchAirport(segmentIndex, dropdownType, val);
@@ -2206,7 +2206,29 @@ function FlightSearchWidget({
               dateFormat: "dd M yy",
               placeholder: "29 Jan 2026",
               className: "p-inputtext-sm MobileShow",
-              minDate: getMinDateForSegment(index)
+              minDate: getMinDateForSegment(index),
+              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();
+                  mobileDateRangeCalendarRef.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" })
+                ] }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { children: "Departure" })
+              ] }),
+              footerTemplate: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mobileFooter MobileShow", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "button",
+                {
+                  type: "button",
+                  className: "sw-confirm-btn",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    mobileDateRangeCalendarRef.current?.hide?.();
+                  },
+                  children: "Confirm"
+                }
+              ) })
             }
           )
         ] }),
@@ -2477,7 +2499,7 @@ function FlightSearchWidget({
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { children: "Number of Travellers" })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "sw-rooms-guests-title", children: "Number of Travellers" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sw-rooms-guests-content", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sw-rooms-gst-content", children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sw-srh-pax", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sw-srh-common-adult", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: "Adults" }),