universal-datetime-picker 2.0.0

package/dist/core/index.js

@@ -0,0 +1,867 @@
+'use strict';
+
+var dayjs = require('dayjs');
+var customParseFormat = require('dayjs/plugin/customParseFormat');
+var isSameOrAfter = require('dayjs/plugin/isSameOrAfter');
+var isSameOrBefore = require('dayjs/plugin/isSameOrBefore');
+var localeData = require('dayjs/plugin/localeData');
+var weekday = require('dayjs/plugin/weekday');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
+var customParseFormat__default = /*#__PURE__*/_interopDefault(customParseFormat);
+var isSameOrAfter__default = /*#__PURE__*/_interopDefault(isSameOrAfter);
+var isSameOrBefore__default = /*#__PURE__*/_interopDefault(isSameOrBefore);
+var localeData__default = /*#__PURE__*/_interopDefault(localeData);
+var weekday__default = /*#__PURE__*/_interopDefault(weekday);
+
+// src/core/types.ts
+var DEFAULT_LABELS = {
+  date: "Date",
+  time: "Time",
+  clear: "Clear",
+  close: "Close",
+  ok: "OK",
+  start: "Start",
+  end: "End",
+  chooseDate: "Choose date",
+  chooseDateRange: "Choose date range",
+  chooseMonth: "Choose month",
+  chooseYear: "Choose year",
+  previousMonth: "Previous month",
+  nextMonth: "Next month",
+  previousYear: "Previous year",
+  nextYear: "Next year",
+  selectEnd: "Select end date"
+};
+dayjs__default.default.extend(customParseFormat__default.default);
+dayjs__default.default.extend(isSameOrAfter__default.default);
+dayjs__default.default.extend(isSameOrBefore__default.default);
+dayjs__default.default.extend(localeData__default.default);
+dayjs__default.default.extend(weekday__default.default);
+var DEFAULT_FORMAT = "YYYY-MM-DD HH:mm:ss";
+var DATE_FORMAT = "YYYY-MM-DD";
+var TIME_FORMAT = "HH:mm:ss";
+function resolveFormat(options) {
+  if (options.format) {
+    return options.format;
+  }
+  const mode = options.mode ?? "datetime";
+  const showSeconds = options.showSeconds !== false;
+  const use12Hours = Boolean(options.use12Hours);
+  const timePart = use12Hours ? showSeconds ? "hh:mm:ss A" : "hh:mm A" : showSeconds ? "HH:mm:ss" : "HH:mm";
+  if (mode === "date") {
+    return DATE_FORMAT;
+  }
+  if (mode === "time") {
+    return timePart;
+  }
+  return `${DATE_FORMAT} ${timePart}`;
+}
+function buildTimeValue(value, format) {
+  const hour24 = value.hour();
+  const { hour, isAm } = to12Hour(hour24);
+  return {
+    hour,
+    hour24,
+    minute: value.minute(),
+    second: value.second(),
+    ampm: isAm ? "AM" : "PM",
+    formatted: value.format(format)
+  };
+}
+var asStringDeprecationWarned = false;
+function warnAsStringDeprecation() {
+  if (asStringDeprecationWarned) {
+    return;
+  }
+  if (typeof process !== "undefined" && process.env.NODE_ENV === "production") {
+    return;
+  }
+  asStringDeprecationWarned = true;
+  console.warn(
+    "[universal-datetime-picker] Omitting `asString` currently returns a formatted string. Set `asString={true}` to keep strings, or `asString={false}` to receive a Date / TimeValue. A future major release will default to Date / TimeValue."
+  );
+}
+function parseValue(value, format = DEFAULT_FORMAT) {
+  if (value === void 0 || value === null || value === "") {
+    return null;
+  }
+  if (dayjs__default.default.isDayjs(value)) {
+    return value.isValid() ? value : null;
+  }
+  if (value instanceof Date) {
+    const parsed2 = dayjs__default.default(value);
+    return parsed2.isValid() ? parsed2 : null;
+  }
+  if (typeof value === "string") {
+    const parsed2 = dayjs__default.default(value, format, true);
+    if (parsed2.isValid()) {
+      return parsed2;
+    }
+    const fallback = dayjs__default.default(value);
+    return fallback.isValid() ? fallback : null;
+  }
+  const parsed = dayjs__default.default(value);
+  return parsed.isValid() ? parsed : null;
+}
+function formatValue(value, format = DEFAULT_FORMAT) {
+  if (!value || !value.isValid()) {
+    return null;
+  }
+  return value.format(format);
+}
+function pad2(n) {
+  return String(n).padStart(2, "0");
+}
+var HOURS_24 = Array.from({ length: 24 }, (_, i) => pad2(i));
+var HOURS_12 = Array.from(
+  { length: 12 },
+  (_, i) => pad2(i === 0 ? 12 : i)
+);
+var MINUTES = Array.from({ length: 60 }, (_, i) => pad2(i));
+function to12Hour(hour24) {
+  const isAm = hour24 < 12;
+  const hour = hour24 % 12 === 0 ? 12 : hour24 % 12;
+  return { hour, isAm };
+}
+function to24Hour(hour12, isAm) {
+  if (hour12 === 12) {
+    return isAm ? 0 : 12;
+  }
+  return isAm ? hour12 : hour12 + 12;
+}
+function formatLocalized(date, template, locale) {
+  return date.locale(locale).format(template);
+}
+function getWeekdayLabels(locale, weekStartsOn) {
+  const labels = dayjs__default.default().locale(locale).localeData().weekdaysMin();
+  return [...labels.slice(weekStartsOn), ...labels.slice(0, weekStartsOn)];
+}
+function startOfWeek(date, weekStartsOn) {
+  const day = date.day();
+  const diff = (day - weekStartsOn + 7) % 7;
+  return date.subtract(diff, "day").startOf("day");
+}
+function endOfWeek(date, weekStartsOn) {
+  return startOfWeek(date, weekStartsOn).add(6, "day").endOf("day");
+}
+
+// src/core/logic/calendar.ts
+function isDisabledDay(date, options) {
+  const today = dayjs__default.default().startOf("day");
+  const day = date.startOf("day");
+  if (options.disablePastDates && day.isBefore(today, "day")) {
+    return true;
+  }
+  if (options.disableFutureDates && day.isAfter(today, "day")) {
+    return true;
+  }
+  const min = parseValue(options.minDate ?? null);
+  const max = parseValue(options.maxDate ?? null);
+  if (min && day.isBefore(min.startOf("day"), "day")) {
+    return true;
+  }
+  if (max && day.isAfter(max.startOf("day"), "day")) {
+    return true;
+  }
+  return false;
+}
+function buildCalendarMonth(options) {
+  const weekStartsOn = options.weekStartsOn ?? 0;
+  const monthStart = options.viewMonth.startOf("month");
+  const monthEnd = options.viewMonth.endOf("month");
+  const gridStart = startOfWeek(monthStart, weekStartsOn);
+  const gridEnd = endOfWeek(monthEnd, weekStartsOn);
+  const weeks = [];
+  let cursor = gridStart.clone();
+  while (cursor.isBefore(gridEnd) || cursor.isSame(gridEnd, "day")) {
+    const week = [];
+    for (let i = 0; i < 7; i += 1) {
+      const date = cursor.clone();
+      const isCurrentMonth = date.isSame(options.viewMonth, "month");
+      const isSelected = Boolean(
+        options.selected && date.isSame(options.selected, "day")
+      );
+      const isRangeStart = Boolean(
+        options.rangeStart && date.isSame(options.rangeStart, "day")
+      );
+      const isRangeEnd = Boolean(
+        options.rangeEnd && date.isSame(options.rangeEnd, "day")
+      );
+      const effectiveEnd = options.rangeEnd ?? options.hoverEnd ?? null;
+      let isInRange = false;
+      if (options.rangeStart && effectiveEnd) {
+        const rangeLow = options.rangeStart.isBefore(effectiveEnd, "day") ? options.rangeStart : effectiveEnd;
+        const rangeHigh = options.rangeStart.isBefore(effectiveEnd, "day") ? effectiveEnd : options.rangeStart;
+        isInRange = date.isAfter(rangeLow, "day") && date.isBefore(rangeHigh, "day") || date.isSame(rangeLow, "day") || date.isSame(rangeHigh, "day");
+      }
+      week.push({
+        date,
+        isCurrentMonth,
+        isCurrentDate: date.isSame(dayjs__default.default(), "day"),
+        isFuture: date.isAfter(dayjs__default.default(), "day"),
+        isPast: date.isBefore(dayjs__default.default(), "day"),
+        isWeekend: date.day() === 0 || date.day() === 6,
+        isDisabled: isDisabledDay(date, options),
+        isSelected,
+        isInRange,
+        isRangeStart,
+        isRangeEnd
+      });
+      cursor = cursor.add(1, "day");
+    }
+    weeks.push(week);
+  }
+  return weeks;
+}
+
+// src/core/controller.ts
+function padDisplay(n) {
+  return String(n).padStart(2, "0");
+}
+var PickerController = class {
+  constructor(options = {}) {
+    this.listeners = /* @__PURE__ */ new Set();
+    this.calPanel = "day";
+    this.showHours = false;
+    this.showMinutes = false;
+    this.showSecondsOpen = false;
+    this.showAmPm = false;
+    this.subscribe = (listener) => {
+      this.listeners.add(listener);
+      return () => {
+        this.listeners.delete(listener);
+      };
+    };
+    this.getSnapshot = () => this.snapshot;
+    /** Stable for useSyncExternalStore — returns same reference until mutate. */
+    this.getServerSnapshot = () => this.snapshot;
+    this.options = { ...options };
+    const mode = options.mode ?? "datetime";
+    const showSeconds = options.showSeconds !== false;
+    const use12Hours = Boolean(options.use12Hours);
+    const format = resolveFormat({
+      mode,
+      format: options.format,
+      use12Hours,
+      showSeconds
+    });
+    const initial = parseValue(options.value ?? options.defaultValue ?? dayjs__default.default(), format) ?? dayjs__default.default();
+    this.draft = initial;
+    this.viewMonth = initial.startOf("month");
+    this.focusedDay = initial;
+    this.tab = mode === "time" ? "time" : "date";
+    this.open = options.open ?? (options.inline ? true : options.defaultOpen ?? true);
+    this.snapshot = this.buildSnapshot();
+  }
+  setOptions(partial) {
+    const prev = this.options;
+    this.options = { ...this.options, ...partial };
+    if (partial.mode !== void 0 && partial.mode !== prev.mode) {
+      this.tab = partial.mode === "time" ? "time" : "date";
+    }
+    if (partial.open !== void 0) {
+      this.open = partial.open;
+    }
+    if ("value" in partial) {
+      if (partial.value === null) {
+        const fallback = dayjs__default.default();
+        this.draft = fallback;
+        this.viewMonth = fallback.startOf("month");
+        this.focusedDay = fallback;
+      } else if (partial.value !== void 0) {
+        const format = this.getResolvedFormat();
+        const parsed = parseValue(partial.value, format);
+        if (parsed) {
+          this.draft = parsed;
+          this.viewMonth = parsed.startOf("month");
+          this.focusedDay = parsed;
+        }
+      }
+    }
+    this.emit();
+  }
+  getResolvedFormat() {
+    return resolveFormat({
+      mode: this.options.mode ?? "datetime",
+      format: this.options.format,
+      use12Hours: Boolean(this.options.use12Hours),
+      showSeconds: this.options.showSeconds !== false
+    });
+  }
+  getLabels() {
+    return { ...DEFAULT_LABELS, ...this.options.labels };
+  }
+  emit() {
+    this.snapshot = this.buildSnapshot();
+    this.listeners.forEach((l) => l());
+  }
+  buildSnapshot() {
+    const mode = this.options.mode ?? "datetime";
+    const layout = this.options.layout ?? "combined";
+    const showSeconds = this.options.showSeconds !== false;
+    const use12Hours = Boolean(this.options.use12Hours);
+    const inline = Boolean(this.options.inline);
+    const popover = Boolean(this.options.popover);
+    const weekStartsOn = this.options.weekStartsOn ?? 0;
+    const locale = this.options.locale ?? "en";
+    const resolvedFormat = this.getResolvedFormat();
+    const labels = this.getLabels();
+    const weeks = buildCalendarMonth({
+      viewMonth: this.viewMonth,
+      selected: this.draft,
+      minDate: this.options.minDate,
+      maxDate: this.options.maxDate,
+      disablePastDates: this.options.disablePastDates,
+      disableFutureDates: this.options.disableFutureDates,
+      weekStartsOn
+    });
+    const showDate = mode !== "time";
+    const showTime = mode !== "date";
+    const useTabs = mode === "datetime" && layout === "tabs";
+    const showDatePanel = showDate && (!useTabs || this.tab === "date");
+    const showTimePanel = showTime && (!useTabs || this.tab === "time");
+    const hour24 = this.draft.hour();
+    const { hour: hour12, isAm } = to12Hour(hour24);
+    return {
+      draft: this.draft,
+      viewMonth: this.viewMonth,
+      calPanel: this.calPanel,
+      tab: this.tab,
+      showHours: this.showHours,
+      showMinutes: this.showMinutes,
+      showSecondsOpen: this.showSecondsOpen,
+      showAmPm: this.showAmPm,
+      focusedDay: this.focusedDay,
+      open: this.open,
+      mode,
+      layout,
+      showSeconds,
+      use12Hours,
+      inline,
+      popover,
+      weekStartsOn,
+      locale,
+      labels,
+      resolvedFormat,
+      asString: this.options.asString,
+      className: this.options.className,
+      theme: this.options.theme,
+      weeks,
+      weekdayLabels: getWeekdayLabels(locale, weekStartsOn),
+      showDate,
+      showTime,
+      useTabs,
+      showDatePanel,
+      showTimePanel,
+      showModeTabs: useTabs,
+      hour24,
+      hour12,
+      isAm,
+      hourOptions: use12Hours ? HOURS_12 : HOURS_24,
+      displayHour: use12Hours ? padDisplay(hour12) : padDisplay(hour24),
+      displayMinute: padDisplay(this.draft.minute()),
+      displaySecond: padDisplay(this.draft.second()),
+      minuteOptions: MINUTES
+    };
+  }
+  setOpen(open) {
+    if (this.options.inline) {
+      return;
+    }
+    this.open = open;
+    this.options.onOpenChange?.(open);
+    this.emit();
+  }
+  close() {
+    if (!this.options.inline) {
+      this.setOpen(false);
+    }
+  }
+  setTab(tab) {
+    this.tab = tab;
+    this.emit();
+  }
+  setCalPanel(panel) {
+    this.calPanel = panel;
+    this.emit();
+  }
+  setViewMonth(next) {
+    this.viewMonth = typeof next === "function" ? next(this.viewMonth) : next;
+    this.emit();
+  }
+  selectDay(day) {
+    this.draft = this.draft.year(day.year()).month(day.month()).date(day.date());
+    this.focusedDay = day;
+    this.emit();
+  }
+  setHour(hourValue) {
+    this.draft = this.draft.hour(hourValue);
+    this.emit();
+  }
+  setMinute(minute) {
+    this.draft = this.draft.minute(minute);
+    this.emit();
+  }
+  setSecond(second) {
+    this.draft = this.draft.second(second);
+    this.emit();
+  }
+  setAmPm(isAm) {
+    const { hour } = to12Hour(this.draft.hour());
+    this.draft = this.draft.hour(to24Hour(hour, isAm));
+    this.emit();
+  }
+  toggleHours() {
+    this.showHours = !this.showHours;
+    this.showMinutes = false;
+    this.showSecondsOpen = false;
+    this.showAmPm = false;
+    this.emit();
+  }
+  toggleMinutes() {
+    this.showMinutes = !this.showMinutes;
+    this.showHours = false;
+    this.showSecondsOpen = false;
+    this.showAmPm = false;
+    this.emit();
+  }
+  toggleSeconds() {
+    this.showSecondsOpen = !this.showSecondsOpen;
+    this.showHours = false;
+    this.showMinutes = false;
+    this.showAmPm = false;
+    this.emit();
+  }
+  toggleAmPm() {
+    this.showAmPm = !this.showAmPm;
+    this.showHours = false;
+    this.showMinutes = false;
+    this.showSecondsOpen = false;
+    this.emit();
+  }
+  closeTimeColumns() {
+    this.showHours = false;
+    this.showMinutes = false;
+    this.showSecondsOpen = false;
+    this.showAmPm = false;
+    this.emit();
+  }
+  selectHourOption(opt) {
+    const snap = this.snapshot;
+    if (snap.use12Hours) {
+      this.draft = this.draft.hour(to24Hour(Number(opt), snap.isAm));
+    } else {
+      this.draft = this.draft.hour(Number(opt));
+    }
+    this.showHours = false;
+    this.emit();
+  }
+  selectMinuteOption(opt) {
+    this.draft = this.draft.minute(Number(opt));
+    this.showMinutes = false;
+    this.emit();
+  }
+  selectSecondOption(opt) {
+    this.draft = this.draft.second(Number(opt));
+    this.showSecondsOpen = false;
+    this.emit();
+  }
+  selectAmPmOption(opt) {
+    const { hour } = to12Hour(this.draft.hour());
+    this.draft = this.draft.hour(to24Hour(hour, opt === "AM"));
+    this.showAmPm = false;
+    this.emit();
+  }
+  handleGridKeyDown(key) {
+    const snap = this.snapshot;
+    let next = this.focusedDay;
+    switch (key) {
+      case "ArrowLeft":
+        next = this.focusedDay.subtract(1, "day");
+        break;
+      case "ArrowRight":
+        next = this.focusedDay.add(1, "day");
+        break;
+      case "ArrowUp":
+        next = this.focusedDay.subtract(7, "day");
+        break;
+      case "ArrowDown":
+        next = this.focusedDay.add(7, "day");
+        break;
+      case "Home":
+        next = startOfWeek(this.focusedDay, snap.weekStartsOn);
+        break;
+      case "End":
+        next = endOfWeek(this.focusedDay, snap.weekStartsOn);
+        break;
+      case "PageUp":
+        next = this.focusedDay.subtract(1, "month");
+        this.viewMonth = next.startOf("month");
+        break;
+      case "PageDown":
+        next = this.focusedDay.add(1, "month");
+        this.viewMonth = next.startOf("month");
+        break;
+      case "Enter":
+      case " ": {
+        const cell = snap.weeks.flat().find((d) => d.date.isSame(this.focusedDay, "day"));
+        if (cell && !cell.isDisabled && cell.isCurrentMonth) {
+          this.selectDay(cell.date);
+        }
+        return true;
+      }
+      default:
+        return false;
+    }
+    this.focusedDay = next;
+    if (!next.isSame(this.viewMonth, "month")) {
+      this.viewMonth = next.startOf("month");
+    }
+    this.emit();
+    return true;
+  }
+  confirm() {
+    const snap = this.snapshot;
+    let payload;
+    if (snap.asString === false) {
+      if (snap.mode === "time") {
+        payload = buildTimeValue(this.draft, snap.resolvedFormat);
+      } else if (snap.mode === "date") {
+        payload = this.draft.startOf("day").toDate();
+      } else {
+        payload = this.draft.toDate();
+      }
+    } else {
+      if (snap.asString === void 0) {
+        warnAsStringDeprecation();
+      }
+      payload = formatValue(this.draft, snap.resolvedFormat);
+    }
+    this.options.onChange?.(payload);
+    this.close();
+    return payload;
+  }
+  clear() {
+    this.options.onChange?.(null);
+    this.close();
+  }
+  /** Year window helpers for month/year panels */
+  yearWindowStart(year) {
+    return Math.floor(year / 12) * 12;
+  }
+  navigatePrev() {
+    if (this.calPanel === "day") {
+      this.viewMonth = this.viewMonth.subtract(1, "month");
+    } else if (this.calPanel === "month") {
+      this.viewMonth = this.viewMonth.subtract(1, "year");
+    } else {
+      this.viewMonth = this.viewMonth.subtract(12, "year");
+    }
+    this.emit();
+  }
+  navigateNext() {
+    if (this.calPanel === "day") {
+      this.viewMonth = this.viewMonth.add(1, "month");
+    } else if (this.calPanel === "month") {
+      this.viewMonth = this.viewMonth.add(1, "year");
+    } else {
+      this.viewMonth = this.viewMonth.add(12, "year");
+    }
+    this.emit();
+  }
+  selectMonth(monthIndex) {
+    this.viewMonth = this.viewMonth.month(monthIndex);
+    this.calPanel = "day";
+    this.emit();
+  }
+  selectYear(year) {
+    this.viewMonth = this.viewMonth.year(year);
+    this.calPanel = "month";
+    this.emit();
+  }
+};
+
+// src/core/rangeController.ts
+var RangeController = class {
+  constructor(options = {}) {
+    this.listeners = /* @__PURE__ */ new Set();
+    this.hoverEnd = null;
+    this.calPanel = "day";
+    this.subscribe = (listener) => {
+      this.listeners.add(listener);
+      return () => {
+        this.listeners.delete(listener);
+      };
+    };
+    this.getSnapshot = () => this.snapshot;
+    this.getServerSnapshot = () => this.snapshot;
+    this.options = { ...options };
+    const format = options.format ?? DATE_FORMAT;
+    const parsed = this.parseRange(options.value ?? options.defaultValue, format);
+    this.start = parsed.start;
+    this.end = parsed.end;
+    this.viewMonth = (parsed.start ?? dayjs__default.default()).startOf("month");
+    this.focusedDay = parsed.start ?? dayjs__default.default();
+    this.open = options.open ?? (options.inline ? true : options.defaultOpen ?? true);
+    this.snapshot = this.buildSnapshot();
+  }
+  parseRange(range, format) {
+    return {
+      start: parseValue(range?.start ?? null, format),
+      end: parseValue(range?.end ?? null, format)
+    };
+  }
+  setOptions(partial) {
+    this.options = { ...this.options, ...partial };
+    if (partial.open !== void 0) {
+      this.open = partial.open;
+    }
+    if ("value" in partial) {
+      if (partial.value === null) {
+        this.start = null;
+        this.end = null;
+        this.hoverEnd = null;
+      } else if (partial.value !== void 0) {
+        const format = this.options.format ?? DATE_FORMAT;
+        const parsed = this.parseRange(partial.value, format);
+        this.start = parsed.start;
+        this.end = parsed.end;
+        if (parsed.start) {
+          this.viewMonth = parsed.start.startOf("month");
+          this.focusedDay = parsed.start;
+        }
+      }
+    }
+    this.emit();
+  }
+  getLabels() {
+    return { ...DEFAULT_LABELS, ...this.options.labels };
+  }
+  emit() {
+    this.snapshot = this.buildSnapshot();
+    this.listeners.forEach((l) => l());
+  }
+  buildSnapshot() {
+    const format = this.options.format ?? DATE_FORMAT;
+    const weekStartsOn = this.options.weekStartsOn ?? 0;
+    const locale = this.options.locale ?? "en";
+    const weeks = buildCalendarMonth({
+      viewMonth: this.viewMonth,
+      rangeStart: this.start,
+      rangeEnd: this.end,
+      hoverEnd: this.start && !this.end ? this.hoverEnd : null,
+      minDate: this.options.minDate,
+      maxDate: this.options.maxDate,
+      disablePastDates: this.options.disablePastDates,
+      disableFutureDates: this.options.disableFutureDates,
+      weekStartsOn
+    });
+    return {
+      start: this.start,
+      end: this.end,
+      hoverEnd: this.hoverEnd,
+      viewMonth: this.viewMonth,
+      focusedDay: this.focusedDay,
+      calPanel: this.calPanel,
+      open: this.open,
+      inline: Boolean(this.options.inline),
+      format,
+      asString: this.options.asString,
+      weekStartsOn,
+      locale,
+      labels: this.getLabels(),
+      className: this.options.className,
+      weeks,
+      weekdayLabels: getWeekdayLabels(locale, weekStartsOn)
+    };
+  }
+  setOpen(open) {
+    if (this.options.inline) {
+      return;
+    }
+    this.open = open;
+    this.options.onOpenChange?.(open);
+    this.emit();
+  }
+  close() {
+    if (!this.options.inline) {
+      this.setOpen(false);
+    }
+  }
+  setCalPanel(panel) {
+    this.calPanel = panel;
+    this.emit();
+  }
+  setViewMonth(next) {
+    this.viewMonth = typeof next === "function" ? next(this.viewMonth) : next;
+    this.emit();
+  }
+  navigatePrev() {
+    if (this.calPanel === "day") {
+      this.viewMonth = this.viewMonth.subtract(1, "month");
+    } else if (this.calPanel === "month") {
+      this.viewMonth = this.viewMonth.subtract(1, "year");
+    } else {
+      this.viewMonth = this.viewMonth.subtract(12, "year");
+    }
+    this.emit();
+  }
+  navigateNext() {
+    if (this.calPanel === "day") {
+      this.viewMonth = this.viewMonth.add(1, "month");
+    } else if (this.calPanel === "month") {
+      this.viewMonth = this.viewMonth.add(1, "year");
+    } else {
+      this.viewMonth = this.viewMonth.add(12, "year");
+    }
+    this.emit();
+  }
+  selectMonth(monthIndex) {
+    this.viewMonth = this.viewMonth.month(monthIndex);
+    this.calPanel = "day";
+    this.emit();
+  }
+  selectYear(year) {
+    this.viewMonth = this.viewMonth.year(year);
+    this.calPanel = "month";
+    this.emit();
+  }
+  emitRange(nextStart, nextEnd) {
+    if (this.options.asString === false) {
+      this.options.onChange?.({
+        start: nextStart ? nextStart.toDate() : null,
+        end: nextEnd ? nextEnd.toDate() : null
+      });
+    } else {
+      if (this.options.asString === void 0) {
+        warnAsStringDeprecation();
+      }
+      const format = this.options.format ?? DATE_FORMAT;
+      this.options.onChange?.({
+        start: formatValue(nextStart, format),
+        end: formatValue(nextEnd, format)
+      });
+    }
+  }
+  pickDay(day) {
+    if (!this.start || this.start && this.end) {
+      this.start = day;
+      this.end = null;
+      this.hoverEnd = null;
+      this.focusedDay = day;
+    } else if (day.isBefore(this.start, "day")) {
+      this.start = day;
+      this.end = null;
+      this.hoverEnd = null;
+      this.focusedDay = day;
+    } else {
+      this.end = day;
+      this.hoverEnd = null;
+      this.focusedDay = day;
+    }
+    this.emit();
+  }
+  setHoverEnd(day) {
+    if (this.start && !this.end) {
+      this.hoverEnd = day;
+      this.emit();
+    }
+  }
+  handleGridKeyDown(key) {
+    const snap = this.snapshot;
+    let next = this.focusedDay;
+    switch (key) {
+      case "ArrowLeft":
+        next = this.focusedDay.subtract(1, "day");
+        break;
+      case "ArrowRight":
+        next = this.focusedDay.add(1, "day");
+        break;
+      case "ArrowUp":
+        next = this.focusedDay.subtract(7, "day");
+        break;
+      case "ArrowDown":
+        next = this.focusedDay.add(7, "day");
+        break;
+      case "Home":
+        next = startOfWeek(this.focusedDay, snap.weekStartsOn);
+        break;
+      case "End":
+        next = endOfWeek(this.focusedDay, snap.weekStartsOn);
+        break;
+      case "PageUp":
+        next = this.focusedDay.subtract(1, "month");
+        this.viewMonth = next.startOf("month");
+        break;
+      case "PageDown":
+        next = this.focusedDay.add(1, "month");
+        this.viewMonth = next.startOf("month");
+        break;
+      case "Enter":
+      case " ": {
+        const cell = snap.weeks.flat().find((d) => d.date.isSame(this.focusedDay, "day"));
+        if (cell && !cell.isDisabled && cell.isCurrentMonth) {
+          this.pickDay(cell.date);
+        }
+        return true;
+      }
+      default:
+        return false;
+    }
+    this.focusedDay = next;
+    if (!next.isSame(this.viewMonth, "month")) {
+      this.viewMonth = next.startOf("month");
+    }
+    this.emit();
+    return true;
+  }
+  confirm() {
+    if (!this.start || !this.end) {
+      return null;
+    }
+    this.emitRange(this.start, this.end);
+    this.close();
+    return {
+      start: this.start.toDate(),
+      end: this.end.toDate()
+    };
+  }
+  clear() {
+    this.start = null;
+    this.end = null;
+    this.hoverEnd = null;
+    this.emitRange(null, null);
+    this.emit();
+    this.close();
+  }
+};
+
+Object.defineProperty(exports, "dayjs", {
+  enumerable: true,
+  get: function () { return dayjs__default.default; }
+});
+exports.DATE_FORMAT = DATE_FORMAT;
+exports.DEFAULT_FORMAT = DEFAULT_FORMAT;
+exports.DEFAULT_LABELS = DEFAULT_LABELS;
+exports.HOURS_12 = HOURS_12;
+exports.HOURS_24 = HOURS_24;
+exports.MINUTES = MINUTES;
+exports.PickerController = PickerController;
+exports.RangeController = RangeController;
+exports.TIME_FORMAT = TIME_FORMAT;
+exports.buildCalendarMonth = buildCalendarMonth;
+exports.buildTimeValue = buildTimeValue;
+exports.endOfWeek = endOfWeek;
+exports.formatLocalized = formatLocalized;
+exports.formatValue = formatValue;
+exports.getWeekdayLabels = getWeekdayLabels;
+exports.pad2 = pad2;
+exports.parseValue = parseValue;
+exports.resolveFormat = resolveFormat;
+exports.startOfWeek = startOfWeek;
+exports.to12Hour = to12Hour;
+exports.to24Hour = to24Hour;
+exports.warnAsStringDeprecation = warnAsStringDeprecation;