@superleapai/flow-ui 1.0.0

package/components/date-time-picker/date-time-picker-utils.js

@@ -0,0 +1,253 @@
+/**
+ * Date-time-picker utilities (vanilla JS, no date-fns).
+ * Helpers for calendar grid, validation, formatting, quick dates.
+ */
+
+(function (global) {
+  "use strict";
+
+  var MONTH_NAMES = [
+    "January", "February", "March", "April", "May", "June",
+    "July", "August", "September", "October", "November", "December",
+  ];
+
+  var MONTH_SHORT = [
+    "Jan", "Feb", "Mar", "Apr", "May", "Jun",
+    "Jul", "Aug", "Sep", "Oct", "Nov", "Dec",
+  ];
+
+  function isValidDate(d) {
+    return d instanceof Date && !isNaN(d.getTime());
+  }
+
+  function startOfDay(d) {
+    var x = new Date(d.getTime());
+    x.setHours(0, 0, 0, 0);
+    return x;
+  }
+
+  function addDays(d, n) {
+    var x = new Date(d.getTime());
+    x.setDate(x.getDate() + n);
+    return x;
+  }
+
+  function addMonths(d, n) {
+    var x = new Date(d.getTime());
+    x.setMonth(x.getMonth() + n);
+    return x;
+  }
+
+  function isSameDay(a, b) {
+    if (!a || !b) return false;
+    return (
+      a.getFullYear() === b.getFullYear() &&
+      a.getMonth() === b.getMonth() &&
+      a.getDate() === b.getDate()
+    );
+  }
+
+  function isSameMonth(a, b) {
+    if (!a || !b) return false;
+    return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth();
+  }
+
+  function isBefore(a, b) {
+    return a.getTime() < b.getTime();
+  }
+
+  function isAfter(a, b) {
+    return a.getTime() > b.getTime();
+  }
+
+  function getValidDate(date, fromDate, toDate) {
+    var now = new Date();
+    if (!date) return undefined;
+    if (!isValidDate(date)) {
+      if (fromDate && isAfter(fromDate, now)) return new Date(fromDate.getTime());
+      if (toDate && isBefore(toDate, now)) return new Date(toDate.getTime());
+      return new Date(now.getTime());
+    }
+    if (fromDate && isBefore(date, fromDate)) return new Date(fromDate.getTime());
+    if (toDate && isAfter(date, toDate)) return new Date(toDate.getTime());
+    return new Date(date.getTime());
+  }
+
+  function isDateInRange(date, fromDate, toDate) {
+    var d = startOfDay(date);
+    if (fromDate && isBefore(d, startOfDay(fromDate))) return false;
+    if (toDate && isAfter(d, startOfDay(toDate))) return false;
+    return true;
+  }
+
+  function getQuickSelectionDates(fromDate, toDate) {
+    var today = new Date();
+    var tomorrow = addDays(today, 1);
+    return {
+      today: isDateInRange(today, fromDate, toDate) ? today : undefined,
+      tomorrow: isDateInRange(tomorrow, fromDate, toDate) ? tomorrow : undefined,
+    };
+  }
+
+  function isPreviousMonthDisabled(currentMonth, fromDate) {
+    if (!fromDate) return false;
+    return isSameMonth(currentMonth, fromDate) || isBefore(currentMonth, fromDate);
+  }
+
+  function isNextMonthDisabled(currentMonth, toDate) {
+    if (!toDate) return false;
+    return isSameMonth(currentMonth, toDate) || isAfter(currentMonth, toDate);
+  }
+
+  function genMonths() {
+    return MONTH_NAMES.map(function (label, i) {
+      return { value: i, label: label };
+    });
+  }
+
+  function genYears(fromDate, toDate, yearRange) {
+    yearRange = yearRange == null ? 50 : yearRange;
+    var today = new Date();
+    var startYear = fromDate ? fromDate.getFullYear() : today.getFullYear() - yearRange;
+    var endYear = toDate ? toDate.getFullYear() : today.getFullYear() + yearRange;
+    var out = [];
+    for (var y = startYear; y <= endYear; y++) {
+      out.push({ value: y, label: String(y) });
+    }
+    return out;
+  }
+
+  /**
+   * Get calendar grid for a month: array of weeks, each week is array of { date, currentMonth, isToday, isSelected, disabled }
+   */
+  function getMonthGrid(displayMonth, selectedDate, fromDate, toDate) {
+    var year = displayMonth.getFullYear();
+    var month = displayMonth.getMonth();
+    var first = new Date(year, month, 1);
+    var last = new Date(year, month + 1, 0);
+    var startDow = first.getDay();
+    var daysInMonth = last.getDate();
+    var today = startOfDay(new Date());
+    var grid = [];
+    var week = [];
+
+    // Leading days from previous month
+    for (var i = 0; i < startDow; i++) {
+      var d = new Date(year, month, -startDow + i + 1);
+      week.push(cellFor(d, false, today, selectedDate, fromDate, toDate));
+    }
+    // Current month
+    for (var j = 1; j <= daysInMonth; j++) {
+      var d2 = new Date(year, month, j);
+      week.push(cellFor(d2, true, today, selectedDate, fromDate, toDate));
+      if (week.length === 7) {
+        grid.push(week);
+        week = [];
+      }
+    }
+    // Trailing days from next month
+    var trailing = 1;
+    while (week.length > 0 && week.length < 7) {
+      var d3 = new Date(year, month + 1, trailing);
+      week.push(cellFor(d3, false, today, selectedDate, fromDate, toDate));
+      trailing++;
+      if (week.length === 7) {
+        grid.push(week);
+        week = [];
+      }
+    }
+    return grid;
+  }
+
+  function cellFor(date, currentMonth, today, selectedDate, fromDate, toDate) {
+    return {
+      date: date,
+      currentMonth: currentMonth,
+      isToday: isSameDay(date, today),
+      isSelected: selectedDate ? isSameDay(date, selectedDate) : false,
+      disabled: (fromDate && isBefore(date, startOfDay(fromDate))) ||
+        (toDate && isAfter(date, startOfDay(toDate))),
+    };
+  }
+
+  /**
+   * Format date for display.
+   * @param {Date|undefined} value
+   * @param {12|24} hourCycle
+   * @param {'day'|'hour'|'minute'|'second'} granularity
+   * @param {string} [customFormat] - ignored in vanilla impl; we use granularity
+   */
+  function formatDateTime(value, hourCycle, granularity, customFormat) {
+    if (!value || !isValidDate(value)) return "";
+    var d = value;
+    var pad = function (n) {
+      return (n < 10 ? "0" : "") + n;
+    };
+    var month = MONTH_SHORT[d.getMonth()];
+    var day = d.getDate();
+    var year = d.getFullYear();
+    var dateStr = month + " " + day + ", " + year;
+    if (granularity === "day") return dateStr;
+    var h = d.getHours();
+    var m = d.getMinutes();
+    var s = d.getSeconds();
+    if (hourCycle === 24) {
+      var timeStr = pad(h) + ":" + pad(m);
+      if (granularity === "second") timeStr += ":" + pad(s);
+      return dateStr + " " + timeStr;
+    }
+    var h12 = h === 0 ? 12 : h > 12 ? h - 12 : h;
+    var amPm = h >= 12 ? "PM" : "AM";
+    var timeStr12 = h12 + ":" + pad(m);
+    if (granularity === "second") timeStr12 += ":" + pad(s);
+    timeStr12 += " " + amPm;
+    return dateStr + " " + timeStr12;
+  }
+
+  /**
+   * Parse "HH:mm" into hours and minutes; apply to a date (mutates).
+   */
+  function setTimeFromString(date, timeStr) {
+    if (!timeStr || typeof timeStr !== "string") return date;
+    var parts = timeStr.trim().split(":");
+    var h = Math.min(23, Math.max(0, parseInt(parts[0], 10) || 0));
+    var m = Math.min(59, Math.max(0, parseInt(parts[1], 10) || 0));
+    date.setHours(h, m, 0, 0);
+    return date;
+  }
+
+  /**
+   * Get "HH:mm" from a Date.
+   */
+  function getTimeString(date) {
+    if (!date || !isValidDate(date)) return "00:00";
+    var pad = function (n) {
+      return (n < 10 ? "0" : "") + n;
+    };
+    return pad(date.getHours()) + ":" + pad(date.getMinutes());
+  }
+
+  global.DateTimePickerUtils = {
+    MONTH_NAMES: MONTH_NAMES,
+    MONTH_SHORT: MONTH_SHORT,
+    isValidDate: isValidDate,
+    startOfDay: startOfDay,
+    addDays: addDays,
+    addMonths: addMonths,
+    isSameDay: isSameDay,
+    isSameMonth: isSameMonth,
+    isBefore: isBefore,
+    isAfter: isAfter,
+    getValidDate: getValidDate,
+    isDateInRange: isDateInRange,
+    getQuickSelectionDates: getQuickSelectionDates,
+    isPreviousMonthDisabled: isPreviousMonthDisabled,
+    isNextMonthDisabled: isNextMonthDisabled,
+    genMonths: genMonths,
+    genYears: genYears,
+    getMonthGrid: getMonthGrid,
+    formatDateTime: formatDateTime,
+    setTimeFromString: setTimeFromString,
+    getTimeString: getTimeString,
+  };
+})(typeof window !== "undefined" ? window : this);