@dbcdk/react-components 0.0.167 → 0.0.169

package/dist/components/datetime-picker/DateTimePicker.cjs

@@ -1,563 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var lucideReact = require('lucide-react');
-var react = require('react');
-var Button = require('../../components/button/Button');
-var Input = require('../../components/forms/input/Input');
-var Popover = require('../../components/popover/Popover');
-var dateTimeHelpers = require('./dateTimeHelpers');
-var styles = require('./DateTimePicker.module.css');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styles__default = /*#__PURE__*/_interopDefault(styles);
-
-const dUTC = (y, m, day) => new Date(Date.UTC(y, m, day));
-const addDaysUTC = (utcDate, n) => dUTC(utcDate.getUTCFullYear(), utcDate.getUTCMonth(), utcDate.getUTCDate() + n);
-const startOfMonthUTC = (utcDate) => dUTC(utcDate.getUTCFullYear(), utcDate.getUTCMonth(), 1);
-const endOfMonthUTC = (utcDate) => dUTC(utcDate.getUTCFullYear(), utcDate.getUTCMonth() + 1, 0);
-const sameDayUTC = (a, b) => a.getUTCFullYear() === b.getUTCFullYear() && a.getUTCMonth() === b.getUTCMonth() && a.getUTCDate() === b.getUTCDate();
-const toUTCDateOnlyFromLocal = (local) => dUTC(local.getFullYear(), local.getMonth(), local.getDate());
-const startOfWeekUTC = (utcDate, weekStartsOn) => {
-  const dow = utcDate.getUTCDay();
-  const diff = (dow - weekStartsOn + 7) % 7;
-  return addDaysUTC(utcDate, -diff);
-};
-function buildMonthGrid(anchorLocalDate, weekStartsOn) {
-  const anchorUTC = toUTCDateOnlyFromLocal(anchorLocalDate);
-  const firstUTC = startOfWeekUTC(startOfMonthUTC(anchorUTC), weekStartsOn);
-  const cells = [];
-  for (let i = 0; i < 42; i++) cells.push(addDaysUTC(firstUTC, i));
-  return cells;
-}
-const isBetweenUTC = (d, a, b) => {
-  const t = +d, s = +a, e = +b;
-  return t >= Math.min(s, e) && t <= Math.max(s, e);
-};
-function defaultFormatDate(d, { locale, enableTime }) {
-  const opts = enableTime ? { year: "numeric", month: "short", day: "2-digit", hour: "2-digit", minute: "2-digit" } : { year: "numeric", month: "short", day: "2-digit" };
-  return new Intl.DateTimeFormat(locale || void 0, opts).format(d);
-}
-function defaultFormatRange(s, e, opts) {
-  if (s && e) return `${defaultFormatDate(s, opts)} \u2013 ${defaultFormatDate(e, opts)}`;
-  if (s) return `${defaultFormatDate(s, opts)} \u2013`;
-  if (e) return `\u2013 ${defaultFormatDate(e, opts)}`;
-  return "";
-}
-const cx = (...classes) => classes.filter(Boolean).join(" ");
-const DateTimePicker = react.forwardRef(function DateTimePicker2({
-  mode = "single",
-  value,
-  onChange,
-  enableTime = false,
-  showCalendarIcon = true,
-  timeStep = 15,
-  min,
-  max,
-  locale = typeof navigator !== "undefined" ? navigator.language : "da-DK",
-  weekStartsOn = 1,
-  presets,
-  inputProps,
-  formatDate = defaultFormatDate,
-  formatRange = defaultFormatRange,
-  onOpenChange
-}, _ref) {
-  const popRef = react.useRef(null);
-  const onChangeRange = onChange;
-  const onChangeIso = onChange;
-  const onChangeDateOnly = onChange;
-  const todayLocal = react.useMemo(() => /* @__PURE__ */ new Date(), []);
-  const initialAnchor = react.useMemo(() => {
-    if (mode === "single") {
-      if (typeof value === "string") {
-        const d = enableTime ? dateTimeHelpers.localDateFromIso(value) : dateTimeHelpers.localDateFromDateOnly(value);
-        return d != null ? d : todayLocal;
-      }
-      return todayLocal;
-    }
-    const v = value;
-    if (v == null ? void 0 : v.start) {
-      const d = dateTimeHelpers.localDateFromDateOnly(v.start);
-      return d != null ? d : todayLocal;
-    }
-    return todayLocal;
-  }, [mode, value, enableTime, todayLocal]);
-  const [monthAnchor, setMonthAnchor] = react.useState(initialAnchor);
-  react.useEffect(() => setMonthAnchor(initialAnchor), [initialAnchor]);
-  const [timeHH, setTimeHH] = react.useState(todayLocal.getHours());
-  const [timeMM, setTimeMM] = react.useState(
-    Math.floor(todayLocal.getMinutes() / timeStep) * timeStep
-  );
-  react.useEffect(() => {
-    if (mode === "single" && enableTime && typeof value === "string") {
-      const d = dateTimeHelpers.localDateFromIso(value);
-      if (!d) return;
-      setTimeHH(d.getHours());
-      setTimeMM(Math.floor(d.getMinutes() / timeStep) * timeStep);
-    }
-  }, [mode, enableTime, value, timeStep]);
-  const [hoverUTC, setHoverUTC] = react.useState(null);
-  const cellsUTC = react.useMemo(
-    () => buildMonthGrid(monthAnchor, weekStartsOn),
-    [monthAnchor, weekStartsOn]
-  );
-  const monthStartUTC = react.useMemo(
-    () => startOfMonthUTC(toUTCDateOnlyFromLocal(monthAnchor)),
-    [monthAnchor]
-  );
-  const monthEndUTC = react.useMemo(
-    () => endOfMonthUTC(toUTCDateOnlyFromLocal(monthAnchor)),
-    [monthAnchor]
-  );
-  const weekdayFmt = react.useMemo(() => new Intl.DateTimeFormat(locale, { weekday: "short" }), [locale]);
-  const monthFmt = react.useMemo(
-    () => new Intl.DateTimeFormat(locale, { month: "long", year: "numeric" }),
-    [locale]
-  );
-  const selectedUTC_single = react.useMemo(() => {
-    if (mode !== "single") return null;
-    if (typeof value !== "string") return null;
-    const d = enableTime ? dateTimeHelpers.localDateFromIso(value) : dateTimeHelpers.localDateFromDateOnly(value);
-    if (!d) return null;
-    return toUTCDateOnlyFromLocal(d);
-  }, [mode, value, enableTime]);
-  const selectedUTC_start = react.useMemo(() => {
-    if (mode !== "range") return null;
-    const v = value;
-    if (!(v == null ? void 0 : v.start)) return null;
-    const d = dateTimeHelpers.localDateFromDateOnly(v.start);
-    return d ? toUTCDateOnlyFromLocal(d) : null;
-  }, [mode, value]);
-  const selectedUTC_end = react.useMemo(() => {
-    if (mode !== "range") return null;
-    const v = value;
-    if (!(v == null ? void 0 : v.end)) return null;
-    const d = dateTimeHelpers.localDateFromDateOnly(v.end);
-    return d ? toUTCDateOnlyFromLocal(d) : null;
-  }, [mode, value]);
-  const isDisabledUTC = react.useCallback(
-    (utcDay) => {
-      if (min && utcDay < toUTCDateOnlyFromLocal(min)) return true;
-      if (max && utcDay > toUTCDateOnlyFromLocal(max)) return true;
-      return false;
-    },
-    [min, max]
-  );
-  const selectDay = react.useCallback(
-    (utcDay) => {
-      var _a, _b;
-      if (isDisabledUTC(utcDay)) return;
-      const y = utcDay.getUTCFullYear();
-      const m0 = utcDay.getUTCMonth();
-      const d = utcDay.getUTCDate();
-      if (mode === "single") {
-        if (enableTime) {
-          const iso = dateTimeHelpers.isoFromLocalParts(y, m0, d, timeHH, timeMM);
-          if (!iso) return;
-          onChangeIso(iso);
-        } else {
-          const dateOnly = dateTimeHelpers.dateOnlyFromLocalParts(y, m0, d);
-          onChangeDateOnly(dateOnly);
-        }
-        (_a = popRef.current) == null ? void 0 : _a.close();
-        return;
-      }
-      const curr = value;
-      const picked = dateTimeHelpers.dateOnlyFromLocalParts(y, m0, d);
-      if (!curr.start || curr.start && curr.end) {
-        onChangeRange({ start: picked, end: null });
-        return;
-      }
-      const start = dateTimeHelpers.compareDateOnly(curr.start, picked) <= 0 ? curr.start : picked;
-      const end = dateTimeHelpers.compareDateOnly(curr.start, picked) <= 0 ? picked : curr.start;
-      onChangeRange({ start, end });
-      (_b = popRef.current) == null ? void 0 : _b.close();
-    },
-    [
-      enableTime,
-      isDisabledUTC,
-      mode,
-      onChangeDateOnly,
-      onChangeIso,
-      onChangeRange,
-      timeHH,
-      timeMM,
-      value
-    ]
-  );
-  function addMonthsLocal(dt, n) {
-    const y = dt.getFullYear();
-    const m = dt.getMonth();
-    return new Date(y, m + n, 1);
-  }
-  function addDaysLocal(dt, n) {
-    const d = new Date(dt);
-    d.setDate(d.getDate() + n);
-    return d;
-  }
-  const gridRef = react.useRef(null);
-  react.useEffect(() => {
-    const el = gridRef.current;
-    if (!el) return;
-    const onKey = (e) => {
-      var _a;
-      if (!((_a = popRef.current) == null ? void 0 : _a.isOpen())) return;
-      if ([
-        "ArrowLeft",
-        "ArrowRight",
-        "ArrowUp",
-        "ArrowDown",
-        "PageUp",
-        "PageDown",
-        "Home",
-        "End"
-      ].includes(e.key)) {
-        e.preventDefault();
-      }
-      switch (e.key) {
-        case "ArrowLeft":
-          setMonthAnchor((prev) => addDaysLocal(prev, -1));
-          break;
-        case "ArrowRight":
-          setMonthAnchor((prev) => addDaysLocal(prev, 1));
-          break;
-        case "ArrowUp":
-          setMonthAnchor((prev) => addDaysLocal(prev, -7));
-          break;
-        case "ArrowDown":
-          setMonthAnchor((prev) => addDaysLocal(prev, 7));
-          break;
-        case "PageUp":
-          setMonthAnchor((prev) => addMonthsLocal(prev, -1));
-          break;
-        case "PageDown":
-          setMonthAnchor((prev) => addMonthsLocal(prev, 1));
-          break;
-        case "Home": {
-          const a = toUTCDateOnlyFromLocal(monthAnchor);
-          setMonthAnchor(new Date(a.getUTCFullYear(), a.getUTCMonth(), 1));
-          break;
-        }
-        case "End": {
-          const a = toUTCDateOnlyFromLocal(monthAnchor);
-          setMonthAnchor(new Date(a.getUTCFullYear(), a.getUTCMonth() + 1, 0));
-          break;
-        }
-      }
-    };
-    el.addEventListener("keydown", onKey);
-    return () => el.removeEventListener("keydown", onKey);
-  }, [monthAnchor]);
-  const hours = react.useMemo(() => Array.from({ length: 24 }, (_, i) => i), []);
-  const minutes = react.useMemo(
-    () => Array.from({ length: Math.floor(60 / (timeStep || 1)) }, (_, i) => i * (timeStep || 1)),
-    [timeStep]
-  );
-  const formatted = react.useMemo(() => {
-    if (mode === "single") {
-      if (typeof value !== "string") return "";
-      const d = enableTime ? dateTimeHelpers.localDateFromIso(value) : dateTimeHelpers.localDateFromDateOnly(value);
-      return d ? dateTimeHelpers.toMaskedFromDate(d, enableTime) : "";
-    }
-    const v = value;
-    const s = typeof (v == null ? void 0 : v.start) === "string" ? dateTimeHelpers.localDateFromDateOnly(v.start) : null;
-    const e = typeof (v == null ? void 0 : v.end) === "string" ? dateTimeHelpers.localDateFromDateOnly(v.end) : null;
-    const ss = s ? dateTimeHelpers.toMaskedFromDate(s, false) : "";
-    const ee = e ? dateTimeHelpers.toMaskedFromDate(e, false) : "";
-    if (ss && ee) return `${ss} \u2013 ${ee}`;
-    if (ss) return `${ss} \u2013`;
-    if (ee) return `\u2013 ${ee}`;
-    return "";
-  }, [mode, value, enableTime]);
-  const [text, setText] = react.useState(formatted);
-  const [dirty, setDirty] = react.useState(false);
-  react.useEffect(() => {
-    if (!dirty) setText(formatted);
-  }, [formatted, dirty]);
-  const commitTypedValue = react.useCallback(() => {
-    if (!text.trim()) {
-      if (mode === "single") {
-        if (enableTime) onChangeIso(null);
-        else onChangeDateOnly(null);
-      } else {
-        onChangeRange({ start: null, end: null });
-      }
-      setDirty(false);
-      return;
-    }
-    if (mode === "single") {
-      const dLocal = dateTimeHelpers.parseLooseDateOrDateTime(text);
-      if (!dLocal) return;
-      if (enableTime) {
-        onChangeIso(dateTimeHelpers.isoFromLocalDate(dLocal));
-      } else {
-        onChangeDateOnly(
-          dateTimeHelpers.dateOnlyFromLocalParts(dLocal.getFullYear(), dLocal.getMonth(), dLocal.getDate())
-        );
-      }
-      setMonthAnchor(dLocal);
-      setDirty(false);
-      return;
-    }
-    const r = dateTimeHelpers.parseLooseRange(text);
-    if (r) {
-      const start = dateTimeHelpers.dateOnlyFromLocalParts(
-        r.start.getFullYear(),
-        r.start.getMonth(),
-        r.start.getDate()
-      );
-      const end = dateTimeHelpers.dateOnlyFromLocalParts(r.end.getFullYear(), r.end.getMonth(), r.end.getDate());
-      onChangeRange({ start, end });
-      setMonthAnchor(r.start);
-      setDirty(false);
-    }
-  }, [text, mode, enableTime, onChangeDateOnly, onChangeIso, onChangeRange]);
-  const emitTimeChange = react.useCallback(
-    (nextHH, nextMM) => {
-      if (mode !== "single" || !enableTime) return;
-      if (typeof value !== "string") return;
-      const current = dateTimeHelpers.localDateFromIso(value);
-      if (!current) return;
-      const iso = dateTimeHelpers.isoFromLocalParts(
-        current.getFullYear(),
-        current.getMonth(),
-        current.getDate(),
-        nextHH,
-        nextMM
-      );
-      if (!iso) return;
-      onChangeIso(iso);
-    },
-    [mode, enableTime, value, onChangeIso]
-  );
-  const clear = react.useCallback(() => {
-    if (mode === "single") {
-      if (enableTime) onChangeIso(null);
-      else onChangeDateOnly(null);
-    } else {
-      onChangeRange({ start: null, end: null });
-    }
-    setDirty(false);
-    setText("");
-  }, [mode, enableTime, onChangeDateOnly, onChangeIso, onChangeRange]);
-  const fallbackPlaceholder = mode === "single" ? "V\xE6lg dato" : "V\xE6lg interval";
-  const fullWidth = Boolean(inputProps == null ? void 0 : inputProps.fullWidth);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Popover.Popover,
-    {
-      matchTriggerWidth: false,
-      ref: popRef,
-      onOpenChange,
-      fullWidth,
-      trigger: (toggle) => {
-        var _a, _b;
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            onClick: (e) => {
-              const target = e.target;
-              if (target == null ? void 0 : target.closest('[data-input-container-label-action="true"]')) return;
-              toggle(e);
-            },
-            className: [styles__default.default.triggerWrap, fullWidth ? styles__default.default.triggerWrapFullWidth : ""].filter(Boolean).join(" "),
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              Input.Input,
-              {
-                ...inputProps,
-                fieldClassName: styles__default.default.compactTriggerField,
-                autoComplete: "off",
-                autoCorrect: "off",
-                autoCapitalize: "none",
-                spellCheck: "false",
-                placeholder: (_a = inputProps == null ? void 0 : inputProps.placeholder) != null ? _a : fallbackPlaceholder,
-                value: dirty ? text : formatted,
-                onInput: (e) => {
-                  setDirty(true);
-                  const raw = e.target.value;
-                  const masked = mode === "single" ? dateTimeHelpers.maskSingle(raw, enableTime) : dateTimeHelpers.maskRange(raw, false);
-                  setText(masked);
-                },
-                onBlur: commitTypedValue,
-                onKeyDown: (e) => {
-                  var _a2;
-                  (_a2 = inputProps == null ? void 0 : inputProps.onKeyDown) == null ? void 0 : _a2.call(inputProps, e);
-                  if (e.defaultPrevented) return;
-                  if (e.key === "Enter") {
-                    e.preventDefault();
-                    commitTypedValue();
-                  }
-                },
-                icon: showCalendarIcon ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { size: 16 }) : void 0,
-                onClear: formatted || text ? clear : void 0,
-                "aria-haspopup": "dialog",
-                "aria-expanded": ((_b = popRef.current) == null ? void 0 : _b.isOpen()) ? true : false,
-                disabled: inputProps == null ? void 0 : inputProps.disabled,
-                error: inputProps == null ? void 0 : inputProps.error
-              }
-            )
-          }
-        );
-      },
-      viewportPadding: 8,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx(styles__default.default.panel, !!(presets == null ? void 0 : presets.length) && styles__default.default.panelWithPresets), children: [
-        (presets == null ? void 0 : presets.length) ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.presetsCol, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.presetsLabel, children: "Forvalg" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.presetsList, children: [
-            presets.map((p) => /* @__PURE__ */ jsxRuntime.jsx(
-              Button.Button,
-              {
-                variant: "outlined",
-                size: "sm",
-                onClick: () => {
-                  var _a;
-                  const r = p.getRange();
-                  const start = dateTimeHelpers.dateOnlyFromLocalParts(
-                    r.start.getFullYear(),
-                    r.start.getMonth(),
-                    r.start.getDate()
-                  );
-                  const end = dateTimeHelpers.dateOnlyFromLocalParts(
-                    r.end.getFullYear(),
-                    r.end.getMonth(),
-                    r.end.getDate()
-                  );
-                  onChangeRange({ start, end });
-                  setDirty(false);
-                  setText(
-                    `${dateTimeHelpers.toMaskedFromDate(r.start, false)} \u2013 ${dateTimeHelpers.toMaskedFromDate(r.end, false)}`
-                  );
-                  setMonthAnchor(r.start);
-                  (_a = popRef.current) == null ? void 0 : _a.close();
-                },
-                children: p.label
-              },
-              p.label
-            )),
-            mode === "range" && /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "danger", size: "sm", onClick: clear, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 14 }), children: "Ryd" })
-          ] })
-        ] }) : null,
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.calendarArea, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.header, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Button.Button,
-              {
-                variant: "outlined",
-                size: "sm",
-                "aria-label": "Forrige m\xE5ned",
-                icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { size: 16 }),
-                onClick: () => setMonthAnchor((prev) => addMonthsLocal(prev, -1))
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-live": "polite", className: styles__default.default.headerTitle, children: monthFmt.format(monthAnchor) }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Button.Button,
-              {
-                variant: "outlined",
-                size: "sm",
-                "aria-label": "N\xE6ste m\xE5ned",
-                icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { size: 16 }),
-                onClick: () => setMonthAnchor((prev) => addMonthsLocal(prev, 1))
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.weekRow, "aria-hidden": true, children: Array.from({ length: 7 }, (_, i) => (i + weekStartsOn) % 7).map((dow) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.weekCell, children: weekdayFmt.format(dUTC(2024, 8, dow + 1)).slice(0, 2) }, dow)) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              ref: gridRef,
-              role: "grid",
-              "aria-label": "Kalender",
-              tabIndex: 0,
-              className: styles__default.default.grid,
-              onMouseLeave: () => setHoverUTC(null),
-              children: cellsUTC.map((utcDay, idx) => {
-                const inThisMonth = utcDay >= monthStartUTC && utcDay <= monthEndUTC;
-                const isToday = sameDayUTC(utcDay, toUTCDateOnlyFromLocal(todayLocal));
-                const disabledDay = isDisabledUTC(utcDay);
-                let selected = false;
-                let inRange = false;
-                if (mode === "single" && selectedUTC_single)
-                  selected = sameDayUTC(utcDay, selectedUTC_single);
-                if (mode === "range" && selectedUTC_start && selectedUTC_end) {
-                  inRange = isBetweenUTC(utcDay, selectedUTC_start, selectedUTC_end);
-                  selected = sameDayUTC(utcDay, selectedUTC_start) || sameDayUTC(utcDay, selectedUTC_end);
-                }
-                if (mode === "range" && selectedUTC_start && !selectedUTC_end && hoverUTC) {
-                  inRange = isBetweenUTC(utcDay, selectedUTC_start, hoverUTC);
-                  selected = sameDayUTC(utcDay, selectedUTC_start);
-                }
-                const dayNum = utcDay.getUTCDate();
-                return /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    role: "gridcell",
-                    "aria-selected": selected,
-                    "aria-disabled": disabledDay,
-                    onMouseEnter: () => setHoverUTC(utcDay),
-                    onClick: () => selectDay(utcDay),
-                    disabled: disabledDay,
-                    className: cx(
-                      styles__default.default.dayCell,
-                      inThisMonth ? styles__default.default.dayInMonth : styles__default.default.dayOutside,
-                      selected && styles__default.default.daySelected,
-                      inRange && styles__default.default.dayInRange,
-                      isToday && !selected && styles__default.default.dayToday,
-                      disabledDay && styles__default.default.dayDisabled
-                    ),
-                    title: new Date(utcDay).toLocaleDateString(locale),
-                    children: dayNum
-                  },
-                  idx
-                );
-              })
-            }
-          ),
-          enableTime && mode === "single" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.timeRow, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.timeLabel, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { size: 14 }),
-              " Tid"
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "select",
-              {
-                value: timeHH,
-                onChange: (e) => {
-                  const nextHH = parseInt(e.target.value, 10);
-                  setTimeHH(nextHH);
-                  emitTimeChange(nextHH, timeMM);
-                },
-                className: styles__default.default.timeSelect,
-                children: hours.map((h) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: h, children: String(h).padStart(2, "0") }, h))
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "select",
-              {
-                value: timeMM,
-                onChange: (e) => {
-                  const nextMM = parseInt(e.target.value, 10);
-                  setTimeMM(nextMM);
-                  emitTimeChange(timeHH, nextMM);
-                },
-                className: styles__default.default.timeSelect,
-                children: minutes.map((m) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: m, children: String(m).padStart(2, "0") }, m))
-              }
-            )
-          ] }),
-          mode === "range" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.footer, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "outlined", size: "sm", onClick: clear, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 14 }), children: "Ryd" }),
-            /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "primary", size: "sm", onClick: () => {
-              var _a;
-              return (_a = popRef.current) == null ? void 0 : _a.close();
-            }, children: "OK" })
-          ] })
-        ] })
-      ] })
-    }
-  );
-});
-DateTimePicker.displayName = "DateTimePicker";
-
-exports.DateTimePicker = DateTimePicker;

package/dist/components/datetime-picker/DateTimePicker.d.ts

@@ -1,66 +0,0 @@
-import React from 'react';
-import { Input } from '../../components/forms/input/Input';
-import { type DateOnlyString, type UtcIsoString } from './dateTimeHelpers';
-type Mode = 'single' | 'range';
-type WeekStart = 0 | 1;
-/**
- * Contract (recommended):
- * - UI is always local time
- *
- * SINGLE:
- * - enableTime=true  => value is UtcIsoString | null (UTC instant in/out)
- * - enableTime=false => value is DateOnlyString | null (calendar date in/out)
- *
- * RANGE:
- * - always date-only in UI AND value: { start/end: DateOnlyString | null }
- */
-type RangeValue = {
-    start: DateOnlyString | null;
-    end: DateOnlyString | null;
-};
-type InputProps = React.ComponentProps<typeof Input>;
-type BaseProps = {
-    mode?: Mode;
-    enableTime?: boolean;
-    showCalendarIcon?: boolean;
-    timeStep?: number;
-    min?: Date;
-    max?: Date;
-    locale?: string;
-    weekStartsOn?: WeekStart;
-    presets?: {
-        label: string;
-        getRange: () => {
-            start: Date;
-            end: Date;
-        };
-    }[];
-    inputProps?: Omit<InputProps, 'value' | 'onInput' | 'onBlur' | 'icon' | 'onClear' | 'type'>;
-    formatDate?: (d: Date, opts: {
-        locale: string;
-        enableTime: boolean;
-    }) => string;
-    formatRange?: (s: Date | null, e: Date | null, opts: {
-        locale: string;
-        enableTime: boolean;
-    }) => string;
-    onOpenChange?: (open: boolean) => void;
-};
-export type DateTimePickerProps = (BaseProps & {
-    mode?: 'single';
-    enableTime?: true;
-    value: UtcIsoString | null;
-    onChange: (next: UtcIsoString | null) => void;
-}) | (BaseProps & {
-    mode?: 'single';
-    enableTime?: false;
-    value: DateOnlyString | null;
-    onChange: (next: DateOnlyString | null) => void;
-}) | (BaseProps & {
-    mode: 'range';
-    enableTime?: boolean;
-    value: RangeValue;
-    onChange: (next: RangeValue) => void;
-});
-export declare const DateTimePicker: React.ForwardRefExoticComponent<DateTimePickerProps & React.RefAttributes<HTMLDivElement>>;
-export {};