mozrest-sdk-react-dev 0.1.72 → 0.1.73

package/mozrest-sdk.es.js

@@ -96844,7 +96844,13 @@ const SelectedDateDisplay = ({ initialDate, selectedDate, onSelectDate, datesSum
     style: { marginLeft: 10, marginRight: 10 }
   }, "No date selected"));
 };
-const CustomDatePicker = ({ onSelectDate, onOpenHoursAvailability, bookingSumary, initialDate, setInitialDate }) => {
+const CustomDatePicker = ({
+  onSelectDate,
+  onOpenHoursAvailability,
+  bookingSumary,
+  initialDate,
+  setInitialDate
+}) => {
   const [selectedDate, setSelectedDate] = useState(() => {
     const date4 = new Date();
     const year2 = date4.getFullYear();
@@ -96853,6 +96859,7 @@ const CustomDatePicker = ({ onSelectDate, onOpenHoursAvailability, bookingSumary
     return `${year2}-${month2}-${day2}`;
   });
   const [datePickerOpen, setDatePickerOpen] = useState(false);
+  const datePickerRef = useRef(null);
   const onChange3 = (date4, dateString) => {
     setSelectedDate(dateString);
     setInitialDate(dateString);
@@ -96862,6 +96869,18 @@ const CustomDatePicker = ({ onSelectDate, onOpenHoursAvailability, bookingSumary
   useEffect(() => {
     onSelectDate(selectedDate);
   }, [selectedDate]);
+  useEffect(() => {
+    function handleDocumentClick(event) {
+      var _a2, _b;
+      if (datePickerRef.current && typeof ((_a2 = event == null ? void 0 : event.target) == null ? void 0 : _a2.className) === "string" && !((_b = event == null ? void 0 : event.target) == null ? void 0 : _b.className.includes("ant"))) {
+        setDatePickerOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleDocumentClick);
+    return () => {
+      document.removeEventListener("mousedown", handleDocumentClick);
+    };
+  }, []);
   return /* @__PURE__ */ React__default.createElement("div", {
     style: { display: "flex" }
   }, /* @__PURE__ */ React__default.createElement(SelectedDateDisplay, {
@@ -96880,6 +96899,7 @@ const CustomDatePicker = ({ onSelectDate, onOpenHoursAvailability, bookingSumary
     size: "medium",
     onClick: () => setDatePickerOpen(true)
   })), /* @__PURE__ */ React__default.createElement(DatePicker$2, {
+    ref: datePickerRef,
     onChange: onChange3,
     open: datePickerOpen,
     style: {
@@ -99329,15 +99349,15 @@ const TableFilters = ({ params, setParams, reload, currentTimeZone, currentDate
 };
 const TableRow = ({ row: row2, currentTimeZone }) => {
   const formatHour = (hour2) => {
-    const utcHour2 = moment$1.utc(hour2, "HH:mm");
-    return moment$1.tz(`${utcHour2}`, currentTimeZone ? currentTimeZone : "").format("H:mm");
+    const utcHour2 = moment$1.utc(hour2, "HH:mm", true);
+    return moment$1.tz(utcHour2, currentTimeZone ? currentTimeZone : "").format("H:mm");
   };
   return /* @__PURE__ */ React__default.createElement("div", {
     style: { display: "flex", flexDirection: "column" }
   }, /* @__PURE__ */ React__default.createElement("div", {
     style: { display: "block", height: 20 }
   }, /* @__PURE__ */ React__default.createElement("small", {
-    style: { position: "fixed", cursor: "default" }
+    style: { position: "absolute", cursor: "default" }
   }, row2.name)), /* @__PURE__ */ React__default.createElement("div", {
     style: { display: "flex", gap: 3 }
   }, row2 && row2.slots && row2.slots.length && row2.slots.length > 0 ? row2.slots.map((slot2, index2) => /* @__PURE__ */ React__default.createElement("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mozrest-sdk-react-dev",
-  "version": "0.1.72",
+  "version": "0.1.73",
   "main": "mozrest-sdk.es.js",
   "keywords": ["mozrest"],
   "author": {