web-mojo 2.1.443 → 2.1.458

package/dist/chunks/{FormView-BDKrUX1-.js → FormView-C9PgTIH2.js}

@@ -1,4 +1,4 @@
-import { M as Mustache, h as MOJOUtils, V as View } from "./WebApp-BPWJVv80.js";
+import { M as Mustache, h as MOJOUtils, V as View } from "./WebApp-BONphh_h.js";
 class FormBuilder {
   constructor(config = {}) {
     this.fields = config.fields || [];
@@ -3781,10 +3781,9 @@ class DateRangePicker extends View {
       config.setup = (picker) => {
         picker.on("select", (e) => {
           const { start, end } = e.detail;
-          this.handleRangeChange(
-            start ? this.formatDate(start, this.format) : "",
-            end ? this.formatDate(end, this.format) : ""
-          );
+          const startDate = start ? this.normalizeDateFromPicker(start) : "";
+          const endDate = end ? this.normalizeDateFromPicker(end) : "";
+          this.handleRangeChange(startDate, endDate);
         });
         picker.on("clear", () => {
           this.handleRangeChange("", "");
@@ -3882,16 +3881,55 @@ class DateRangePicker extends View {
   // ========================================
   // Utility Methods
   // ========================================
+  /**
+   * Normalize date from Easepick DateTime object
+   * Easepick DateTime objects may have timezone issues, so extract the date components directly
+   */
+  normalizeDateFromPicker(dateObj) {
+    if (!dateObj) return "";
+    if (typeof dateObj.toJSDate === "function") {
+      const jsDate = dateObj.toJSDate();
+      return this.formatDate(jsDate, this.format);
+    }
+    if (typeof dateObj.getFullYear === "function") {
+      const year = dateObj.getFullYear();
+      const month = String(dateObj.getMonth() + 1).padStart(2, "0");
+      const day = String(dateObj.getDate()).padStart(2, "0");
+      switch (this.format) {
+        case "YYYY-MM-DD":
+          return `${year}-${month}-${day}`;
+        case "MM/DD/YYYY":
+          return `${month}/${day}/${year}`;
+        case "DD/MM/YYYY":
+          return `${day}/${month}/${year}`;
+        default:
+          return `${year}-${month}-${day}`;
+      }
+    }
+    return this.formatDate(dateObj, this.format);
+  }
   /**
    * Format date for different contexts
    */
   formatDate(date, format = this.format) {
     if (!date) return "";
-    const d = new Date(date);
-    if (isNaN(d.getTime())) return "";
-    const year = d.getFullYear();
-    const month = String(d.getMonth() + 1).padStart(2, "0");
-    const day = String(d.getDate()).padStart(2, "0");
+    let year, month, day, d;
+    if (typeof date === "string" && /^\d{4}-\d{2}-\d{2}$/.test(date)) {
+      const parts = date.split("-");
+      year = parseInt(parts[0]);
+      month = String(parseInt(parts[1])).padStart(2, "0");
+      day = String(parseInt(parts[2])).padStart(2, "0");
+    } else {
+      if (date instanceof Date) {
+        d = date;
+      } else {
+        d = new Date(date);
+      }
+      if (isNaN(d.getTime())) return "";
+      year = d.getFullYear();
+      month = String(d.getMonth() + 1).padStart(2, "0");
+      day = String(d.getDate()).padStart(2, "0");
+    }
     switch (format) {
       case "YYYY-MM-DD":
         return `${year}-${month}-${day}`;
@@ -3914,7 +3952,8 @@ class DateRangePicker extends View {
           "Nov",
           "Dec"
         ];
-        return `${monthNames[d.getMonth()]} ${day}, ${year}`;
+        const monthIndex = parseInt(month) - 1;
+        return `${monthNames[monthIndex]} ${day}, ${year}`;
       }
       default:
         return `${year}-${month}-${day}`;
@@ -3925,6 +3964,19 @@ class DateRangePicker extends View {
    */
   formatForOutput(date) {
     if (!date) return "";
+    if (typeof date === "string" && /^\d{4}-\d{2}-\d{2}$/.test(date)) {
+      switch (this.outputFormat) {
+        case "epoch":
+          const parts = date.split("-");
+          const d2 = new Date(parseInt(parts[0]), parseInt(parts[1]) - 1, parseInt(parts[2]));
+          return Math.floor(d2.getTime() / 1e3).toString();
+        case "iso":
+          return (/* @__PURE__ */ new Date(date + "T00:00:00")).toISOString();
+        case "date":
+        default:
+          return date;
+      }
+    }
     const d = new Date(date);
     if (isNaN(d.getTime())) return "";
     switch (this.outputFormat) {
@@ -3985,8 +4037,10 @@ class DateRangePicker extends View {
     const endInput = endFieldName ? this.element?.querySelector(`[name="${endFieldName}"]`) : null;
     const combinedInput = this.name ? this.element?.querySelector(`[name="${this.name}"]`) : null;
     const fieldNameInput = this.fieldName ? this.element?.querySelector(`[name="${this.fieldName}"]`) : null;
-    if (startInput) startInput.value = this.currentStartDate ? this.formatForOutput(this.currentStartDate) : "";
-    if (endInput) endInput.value = this.currentEndDate ? this.formatForOutput(this.currentEndDate) : "";
+    const startValue = this.currentStartDate ? this.formatForOutput(this.currentStartDate) : "";
+    const endValue = this.currentEndDate ? this.formatForOutput(this.currentEndDate) : "";
+    if (startInput) startInput.value = startValue;
+    if (endInput) endInput.value = endValue;
     if (combinedInput) combinedInput.value = this.getDisplayValue();
     if (fieldNameInput) fieldNameInput.value = this.name || "";
   }
@@ -5951,4 +6005,4 @@ export {
   applyFileDropMixin as a,
   FormView$1 as b
 };
-//# sourceMappingURL=FormView-BDKrUX1-.js.map
+//# sourceMappingURL=FormView-C9PgTIH2.js.map