@ck-ui/component-library 1.0.17 → 2.0.0

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -1,249 +1,286 @@
-import { jsxs as g, jsx as n } from "react/jsx-runtime";
-import * as p from "react";
-import { useState as D, useRef as K, useMemo as h, useEffect as P, useCallback as q, useLayoutEffect as ue } from "react";
-import { CKButton as T } from "../CKButton/index.js";
-import { CKTag as ae } from "../CKTag/index.js";
-import { Tooltip as De } from "../Tooltip/index.js";
-import { S as he, C as be } from "../../CalendarGrid-CsD34cNQ.js";
-import { normalizeDefinedRanges as re, getDefaultDefinedRanges as we, normalizeDateForMUI as z, detectMatchingDefinedRange as Ce, detectMatchingPreset as ve, clampDefinedRange as Me, getEffectiveEnd as Re, getPresetStartDate as Le, formatWithPattern as Ee, formatToMonthDayYear as Te } from "./_utils/util.js";
-import { useDropdownDirection as Ne } from "../MultiSelect/_utils/useDropdownDirection.js";
-import '../../assets/DateRangePicker-DLr3_fJA.css';const xe = (o) => /* @__PURE__ */ p.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ p.createElement("path", { d: "M10.6668 1.3335V4.00016M5.3335 1.3335V4.00016", stroke: "white", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ p.createElement("path", { d: "M8.66667 2.6665H7.33333C4.81917 2.6665 3.5621 2.6665 2.78105 3.44755C2 4.2286 2 5.48568 2 7.99984V9.33317C2 11.8473 2 13.1044 2.78105 13.8854C3.5621 14.6665 4.81917 14.6665 7.33333 14.6665H8.66667C11.1808 14.6665 12.4379 14.6665 13.2189 13.8854C14 13.1044 14 11.8473 14 9.33317V7.99984C14 5.48568 14 4.2286 13.2189 3.44755C12.4379 2.6665 11.1808 2.6665 8.66667 2.6665Z", stroke: "#2B2B2B", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ p.createElement("path", { d: "M2 6.6665H14", stroke: "#2B2B2B", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ p.createElement("path", { d: "M7.99716 9.3335H8.00316M7.99716 12.0002H8.00316M10.6608 9.3335H10.6668M5.3335 9.3335H5.33948M5.3335 12.0002H5.33948", stroke: "#2B2B2B", strokeWidth: 0.666667, strokeLinecap: "round", strokeLinejoin: "round" })), ye = (o) => /* @__PURE__ */ p.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 11, height: 11, viewBox: "0 0 11 11", fill: "none", ...o }, /* @__PURE__ */ p.createElement("path", { d: "M10.3799 5.37988C10.3799 8.13988 8.13988 10.3799 5.37988 10.3799C2.61988 10.3799 0.934883 7.59988 0.934883 7.59988M0.934883 7.59988H3.19488M0.934883 7.59988V10.0999M0.379883 5.37988C0.379883 2.61988 2.59988 0.379883 5.37988 0.379883C8.71488 0.379883 10.3799 3.15988 10.3799 3.15988M10.3799 3.15988V0.659883M10.3799 3.15988H8.15988", stroke: "currentColor", strokeWidth: 0.76, strokeLinecap: "round", strokeLinejoin: "round" })), Se = (o) => /* @__PURE__ */ p.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", ...o }, /* @__PURE__ */ p.createElement("path", { d: "M9.61984 3.95312L13.6665 7.9998L9.61984 12.0465", stroke: "#2B2B2B", strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ p.createElement("path", { d: "M2.33324 8H13.5532", stroke: "#2B2B2B", strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" })), a = {
-  "ckds-date-range-picker": "_ckds-date-range-picker_10fau_2",
-  "ckds-date-range-picker--open": "_ckds-date-range-picker--open_10fau_26",
-  "ckds-date-range-picker__body": "_ckds-date-range-picker__body_10fau_39",
-  "ckds-date-range-picker__sidebar": "_ckds-date-range-picker__sidebar_10fau_47",
-  "ckds-date-range-picker__sidebar-item": "_ckds-date-range-picker__sidebar-item_10fau_58",
-  "ckds-date-range-picker__sidebar-item--active": "_ckds-date-range-picker__sidebar-item--active_10fau_80",
-  "ckds-date-range-picker__calendar": "_ckds-date-range-picker__calendar_10fau_95",
-  "ckds-date-range-picker__calendar--align-left": "_ckds-date-range-picker__calendar--align-left_10fau_109",
-  "ckds-date-range-picker__calendar--align-right": "_ckds-date-range-picker__calendar--align-right_10fau_112",
-  "ckds-date-range-picker__calendar--enter": "_ckds-date-range-picker__calendar--enter_10fau_115",
-  "ckds-date-range-picker__main": "_ckds-date-range-picker__main_10fau_120",
-  "ckds-date-range-picker__footer": "_ckds-date-range-picker__footer_10fau_127",
-  "ckds-date-range-picker__date-inputs": "_ckds-date-range-picker__date-inputs_10fau_136",
-  "ckds-date-range-picker__date-field": "_ckds-date-range-picker__date-field_10fau_142",
-  "ckds-date-range-picker__date-label": "_ckds-date-range-picker__date-label_10fau_148",
-  "ckds-date-range-picker__required-asterisk": "_ckds-date-range-picker__required-asterisk_10fau_156",
-  "ckds-date-range-picker__date-tag": "_ckds-date-range-picker__date-tag_10fau_167",
-  "ckds-date-range-picker__date-arrow": "_ckds-date-range-picker__date-arrow_10fau_181",
-  "ckds-date-range-picker__reset-btn": "_ckds-date-range-picker__reset-btn_10fau_186",
-  "ckds-date-range-picker__actions": "_ckds-date-range-picker__actions_10fau_190"
+import { jsxs as D, jsx as d } from "react/jsx-runtime";
+import * as o from "react";
+import { useState as b, useRef as se, useMemo as M, useEffect as F, useCallback as O, useLayoutEffect as be } from "react";
+import { CKButton as B } from "../CKButton/index.js";
+import { CKTag as ie } from "../CKTag/index.js";
+import { Tooltip as Me } from "../Tooltip/index.js";
+import { S as ye, C as ve } from "../../CalendarGrid-xx9nYA1_.js";
+import { getPresetStartDate as C, isSameDay as Z, normalizeDefinedRanges as ce, getDefaultDefinedRanges as Te, normalizeDateForMUI as j, detectMatchingDefinedRange as Ce, detectMatchingPreset as Ee, clampDefinedRange as Le, getEffectiveEnd as Re, formatWithPattern as Se, formatToMonthDayYear as Ne } from "./_utils/util.js";
+import { useDropdownDirection as Be } from "../MultiSelect/_utils/useDropdownDirection.js";
+import '../../assets/DateRangePicker-DNHTCnqT.css';const Pe = (_) => /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ..._ }, /* @__PURE__ */ o.createElement("path", { d: "M10.6668 1.3335V4.00016M5.3335 1.3335V4.00016", stroke: "white", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M8.66667 2.6665H7.33333C4.81917 2.6665 3.5621 2.6665 2.78105 3.44755C2 4.2286 2 5.48568 2 7.99984V9.33317C2 11.8473 2 13.1044 2.78105 13.8854C3.5621 14.6665 4.81917 14.6665 7.33333 14.6665H8.66667C11.1808 14.6665 12.4379 14.6665 13.2189 13.8854C14 13.1044 14 11.8473 14 9.33317V7.99984C14 5.48568 14 4.2286 13.2189 3.44755C12.4379 2.6665 11.1808 2.6665 8.66667 2.6665Z", stroke: "#2B2B2B", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M2 6.6665H14", stroke: "#2B2B2B", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M7.99716 9.3335H8.00316M7.99716 12.0002H8.00316M10.6608 9.3335H10.6668M5.3335 9.3335H5.33948M5.3335 12.0002H5.33948", stroke: "#2B2B2B", strokeWidth: 0.666667, strokeLinecap: "round", strokeLinejoin: "round" })), xe = (_) => /* @__PURE__ */ o.createElement("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ..._ }, /* @__PURE__ */ o.createElement("g", { clipPath: "url(#clip0_7800_479)" }, /* @__PURE__ */ o.createElement("path", { d: "M11 6C11 8.76 8.76 11 6 11C3.24 11 1.555 8.22 1.555 8.22M1.555 10.72V8.22H3.815M1 6C1 3.24 3.22 1 6 1C9.335 1 11 3.78 11 3.78M8.78 3.78H11V1.28", stroke: "#737373", strokeWidth: 0.57, strokeLinecap: "round", strokeLinejoin: "round" })), /* @__PURE__ */ o.createElement("defs", null, /* @__PURE__ */ o.createElement("clipPath", { id: "clip0_7800_479" }, /* @__PURE__ */ o.createElement("rect", { width: 12, height: 12, fill: "white" })))), Ae = (_) => /* @__PURE__ */ o.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", ..._ }, /* @__PURE__ */ o.createElement("path", { d: "M9.61984 3.95312L13.6665 7.9998L9.61984 12.0465", stroke: "#2B2B2B", strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M2.33324 8H13.5532", stroke: "#2B2B2B", strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" })), i = {
+  "ckds-date-range-picker": "_ckds-date-range-picker_7m6sy_2",
+  "ckds-date-range-picker--open": "_ckds-date-range-picker--open_7m6sy_26",
+  "ckds-date-range-picker__body": "_ckds-date-range-picker__body_7m6sy_39",
+  "ckds-date-range-picker__sidebar": "_ckds-date-range-picker__sidebar_7m6sy_47",
+  "ckds-date-range-picker__sidebar-item": "_ckds-date-range-picker__sidebar-item_7m6sy_58",
+  "ckds-date-range-picker__sidebar-item--active": "_ckds-date-range-picker__sidebar-item--active_7m6sy_99",
+  "ckds-date-range-picker__calendar": "_ckds-date-range-picker__calendar_7m6sy_113",
+  "ckds-date-range-picker__calendar--align-left": "_ckds-date-range-picker__calendar--align-left_7m6sy_127",
+  "ckds-date-range-picker__calendar--align-right": "_ckds-date-range-picker__calendar--align-right_7m6sy_130",
+  "ckds-date-range-picker__calendar--enter": "_ckds-date-range-picker__calendar--enter_7m6sy_133",
+  "ckds-date-range-picker__main": "_ckds-date-range-picker__main_7m6sy_138",
+  "ckds-date-range-picker__footer": "_ckds-date-range-picker__footer_7m6sy_146",
+  "ckds-date-range-picker__date-inputs": "_ckds-date-range-picker__date-inputs_7m6sy_155",
+  "ckds-date-range-picker__date-field": "_ckds-date-range-picker__date-field_7m6sy_161",
+  "ckds-date-range-picker__date-label": "_ckds-date-range-picker__date-label_7m6sy_167",
+  "ckds-date-range-picker__required-asterisk": "_ckds-date-range-picker__required-asterisk_7m6sy_175",
+  "ckds-date-range-picker__date-tag": "_ckds-date-range-picker__date-tag_7m6sy_186",
+  "ckds-date-range-picker__date-arrow": "_ckds-date-range-picker__date-arrow_7m6sy_199",
+  "ckds-date-range-picker__reset-btn": "_ckds-date-range-picker__reset-btn_7m6sy_206",
+  "ckds-date-range-picker__actions": "_ckds-date-range-picker__actions_7m6sy_217"
 };
-function Be(o) {
-  return Te(o);
+function ze(_) {
+  return Ne(_);
 }
-const Ae = ({ ranges: o, activeLabel: N, onSelect: s }) => /* @__PURE__ */ n("div", { className: a["ckds-date-range-picker__sidebar"], children: o.map((m) => /* @__PURE__ */ n(
-  T,
+const Ye = ({ ranges: _, activeLabel: U, onSelect: c }) => /* @__PURE__ */ d("div", { className: i["ckds-date-range-picker__sidebar"], children: _.map((f) => /* @__PURE__ */ d(
+  B,
   {
     type: "button",
-    className: `${a["ckds-date-range-picker__sidebar-item"]} ${N === m.label ? a["ckds-date-range-picker__sidebar-item--active"] : ""}`,
-    onClick: () => s(m),
-    label: m.label
+    className: `${i["ckds-date-range-picker__sidebar-item"]} ${U === f.label ? i["ckds-date-range-picker__sidebar-item--active"] : ""}`,
+    onClick: () => c(f),
+    label: f.label,
+    "aria-label": f.label
   },
-  m.label
-)) }), Ke = ({
-  onChange: o,
-  onClear: N,
-  value: s,
-  label: m = "Select date range",
-  minDate: W,
-  maxDate: G,
-  startDate: I,
-  endDate: O,
-  className: ne = "",
-  disabled: Z = !1,
-  error: se = !1,
-  definedRanges: x,
-  size: ie = "medium",
-  dateFormat: $,
-  resetDisabled: J,
-  defaultRange: Q
+  f.label
+)) }), qe = ({
+  onChange: _,
+  onClear: U,
+  value: c,
+  label: f = "Select date range",
+  minDate: E,
+  maxDate: y,
+  startDate: V,
+  endDate: I,
+  className: de = "",
+  disabled: J = !1,
+  error: oe = !1,
+  definedRanges: P,
+  size: le = "medium",
+  dateFormat: K,
+  resetDisabled: Q,
+  defaultRange: X
 }) => {
-  const i = Q ? {
+  const g = X ? {
     "7d": "7 Days",
     "3m": "3 Months",
     "6m": "6 Months",
     "1y": "1 Year",
     mtd: "Month to Date",
     ytd: "Year to Date"
-  }[Q.toLowerCase()] ?? null : null, [f, b] = D(!1), [X, w] = D(i ?? "Custom"), [de, C] = D(0), ee = K(s), [ce, E] = D(s), [oe, u] = D(!1), [H, Y] = D(i ?? "Custom"), y = K(null), j = K(null), { horizontal: le } = Ne(y, f, 400, 820), v = h(
+  }[X.toLowerCase()] ?? null : null, L = (() => {
+    if (g) return g;
+    if (!c?.startDate && !c?.endDate && !V && !I && (E || y)) {
+      const e = y ? new Date(y).getTime() < Date.now() ? new Date(y) : /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(), t = E ? new Date(E) : void 0, s = C("6 Months", e) ?? new Date(e.getFullYear(), e.getMonth() - 6, e.getDate()), r = t && s.getTime() < t.getTime() ? t : s, w = ["6 Months", "3 Months", "Month to Date", "7 Days"];
+      for (const re of w) {
+        const ne = C(re, e);
+        if (ne && Z(ne, r)) return re;
+      }
+      return "Custom";
+    }
+    return "Custom";
+  })(), [u, R] = b(!1), [ee, S] = b(L), [_e, N] = b(0), [ge, x] = b(c), [ke, v] = b(!1), [A, te] = b(L), z = se(null), W = se(null), { horizontal: pe } = Be(z, u, 400, 820), T = M(
     () => {
-      const e = re(x);
+      const e = ce(P);
       if (e && e.length > 0) {
-        if (e.some((r) => r.label === "Custom")) return e;
+        if (e.some((s) => s.label === "Custom")) return e;
         const t = /* @__PURE__ */ new Date();
         return [
           { label: "Custom", startDate: t, endDate: t },
           ...e
         ];
       }
-      return we();
+      return Te();
     },
-    [x]
-  ), S = h(() => {
-    const e = re(x);
+    [P]
+  ), Y = M(() => {
+    const e = ce(P);
     return !!(e && e.length > 0);
-  }, [x]), d = h(() => z(W), [W]), k = h(() => z(G), [G]), M = h(() => z(I), [I]), R = h(() => z(O), [O]), l = h(() => {
-    if (M && R) {
-      let e = M.getTime() <= R.getTime() ? new Date(M) : new Date(R), t = M.getTime() <= R.getTime() ? new Date(R) : new Date(M);
-      return d && e.getTime() < d.getTime() && (e = new Date(d)), k && t.getTime() > k.getTime() && (t = new Date(k)), { startDate: e, endDate: t };
+  }, [P]), a = M(() => j(E), [E]), n = M(() => j(y), [y]), p = M(() => j(V), [V]), m = M(() => j(I), [I]), k = M(() => {
+    if (p && m) {
+      let e = p.getTime() <= m.getTime() ? new Date(p) : new Date(m), t = p.getTime() <= m.getTime() ? new Date(m) : new Date(p);
+      return a && e.getTime() < a.getTime() && (e = new Date(a)), n && t.getTime() > n.getTime() && (t = new Date(n)), { startDate: e, endDate: t };
+    }
+    if (c?.startDate || c?.endDate) return c;
+    if (a || n) {
+      const e = n && n.getTime() < Date.now() ? new Date(n) : /* @__PURE__ */ new Date();
+      let r = C(g ?? "6 Months", e) ?? new Date(e.getFullYear(), e.getMonth() - 6, e.getDate());
+      return a && r.getTime() < a.getTime() && (r = new Date(a)), { startDate: r, endDate: e };
     }
-    if (s?.startDate || s?.endDate) return s;
-  }, [s, M, R, d, k]), [c, _] = D(l), te = l ? `${l.startDate?.getTime()}_${l.endDate?.getTime()}` : "";
-  P(() => {
-    l?.startDate && l?.endDate && (_({
-      startDate: new Date(l.startDate),
-      endDate: new Date(l.endDate)
-    }), C((e) => e + 1));
-  }, [te]), P(() => {
-    if (!i || l?.startDate) return;
-    const e = v.find((t) => t.label === i);
+  }, [c, p, m, a, n, g]), [l, h] = b(k), ae = k ? `${k.startDate?.getTime()}_${k.endDate?.getTime()}` : "";
+  F(() => {
+    k?.startDate && k?.endDate && (h({
+      startDate: new Date(k.startDate),
+      endDate: new Date(k.endDate)
+    }), N((e) => e + 1));
+  }, [ae]), F(() => {
+    if (!g || k?.startDate) return;
+    const e = T.find((t) => t.label === g);
     if (e && e.label !== "Custom") {
-      const t = B(e);
-      _(t), E(t), C((r) => r + 1);
+      const t = $(e);
+      h(t), x(t), N((s) => s + 1);
     }
-  }, []), ue(() => {
-    if (!f) return;
-    const e = i ? v.find((V) => V.label === i) : void 0, t = l ?? (e ? B(e) : void 0);
-    _(t);
-    const r = H !== "Custom" ? H : t?.startDate ? F(t) ?? "Custom" : i ?? "Custom";
-    w(r);
-    const L = r === "Custom" ? null : l ? F(l) : null;
-    u(r !== "Custom" && L === r), C((V) => V + 1);
-  }, [f, te]), P(() => {
-    s?.startDate && s?.endDate && E(s);
-  }, [s]), P(() => {
-    if (!f) return;
+  }, []), be(() => {
+    if (!u) return;
+    const e = g ? T.find((r) => r.label === g) : void 0, t = k ?? (e ? $(e) : void 0);
+    h(t);
+    const s = A !== "Custom" ? A : t?.startDate ? q(t) ?? L : L;
+    S(s), N((r) => r + 1);
+  }, [u, ae]), F(() => {
+    c?.startDate && c?.endDate && x(c);
+  }, [c]), F(() => {
+    if (!u) return;
     const e = (t) => {
-      j.current && !j.current.contains(t.target) && y.current && !y.current.contains(t.target) && b(!1);
+      W.current && !W.current.contains(t.target) && z.current && !z.current.contains(t.target) && R(!1);
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [f]);
-  const ke = () => {
-    Z || b((e) => !e);
-  }, _e = () => {
-    c && (E(c), Y(X), o(c)), b(!1);
-  }, ge = () => {
-    _(ce ?? s), b(!1);
-  }, F = q(
-    (e) => S ? Ce(
+  }, [u]);
+  const me = () => {
+    J || (u || v(!1), R((e) => !e));
+  }, De = () => {
+    l && (x(l), te(ee), _(l)), R(!1);
+  }, fe = () => {
+    h(ge ?? c), R(!1);
+  }, q = O(
+    (e) => Y ? Ce(
       e,
-      v,
-      d,
-      k
-    ) : ve(e, d, k),
-    [S, v, k, d]
-  ), B = q((e) => {
-    let t, r;
-    if (S)
-      ({ startDate: t, endDate: r } = Me(e, d, k));
+      T,
+      a,
+      n
+    ) : Ee(e, a, n),
+    [Y, T, n, a]
+  ), $ = O((e) => {
+    let t, s;
+    if (Y)
+      ({ startDate: t, endDate: s } = Le(e, a, n));
     else {
-      const L = Re(k);
-      r = L, t = Le(e.label, L) ?? new Date(e.startDate), d && t.getTime() < d.getTime() && (t = new Date(d));
+      const r = Re(n);
+      s = r, t = C(e.label, r) ?? new Date(e.startDate), a && t.getTime() < a.getTime() && (t = new Date(a));
     }
-    return { startDate: t, endDate: r };
-  }, [S, d, k]), pe = (e) => {
-    if (w(e.label), e.label === "Custom") return;
-    const t = B(e);
-    _(t), u(!0), C((r) => r + 1);
-  }, me = () => {
-    if (i) {
-      const e = v.find((t) => t.label === i);
-      if (e) {
-        const t = B(e);
-        _(t), E(t), w(i), Y(i), u(!1), C((r) => r + 1), o(t), N?.(), b(!1);
-        return;
+    return { startDate: t, endDate: s };
+  }, [Y, a, n]), he = (e) => {
+    if (S(e.label), e.label === "Custom") return;
+    const t = $(e);
+    h(t), v(e.label !== A), N((s) => s + 1);
+  }, ue = () => {
+    const e = n && n.getTime() < Date.now() ? new Date(n) : /* @__PURE__ */ new Date();
+    let t;
+    if (g) {
+      const r = T.find((w) => w.label === g);
+      t = r ? $(r) : { startDate: e, endDate: e };
+    } else if (p && m)
+      t = k ?? { startDate: new Date(p), endDate: new Date(m) };
+    else {
+      const r = C("6 Months", e) ?? new Date(e.getFullYear(), e.getMonth() - 6, e.getDate());
+      t = { startDate: a && r.getTime() < a.getTime() ? new Date(a) : r, endDate: e };
+    }
+    h(t), x(t);
+    const s = q(t) ?? L;
+    S(s), te(s), v(!1), N((r) => r + 1), _(t), U?.(), R(!1);
+  }, we = (() => {
+    if (Q !== void 0) return Q;
+    if (g) return A === g;
+    const e = n && n.getTime() < Date.now() ? new Date(n) : /* @__PURE__ */ new Date();
+    let t, s = e;
+    if (p && m)
+      t = a && p.getTime() < a.getTime() ? new Date(a) : new Date(p), s = n && m.getTime() > n.getTime() ? new Date(n) : new Date(m);
+    else {
+      if (!a && !n)
+        return !1;
+      {
+        const w = C("6 Months", e) ?? new Date(e.getFullYear(), e.getMonth() - 6, e.getDate());
+        t = a && w.getTime() < a.getTime() ? new Date(a) : w;
       }
     }
-    _(ee.current), E(ee.current), w("Custom"), Y("Custom"), u(!1), C((e) => e + 1), N?.(), b(!1);
-  }, fe = J !== void 0 ? J : i ? H === i : !1, A = q(
-    (e) => e ? $ ? Ee(e, $) : Be(e) : "",
-    [$]
-  ), U = s?.startDate && s?.endDate ? `${A(s.startDate)} – ${A(s.endDate)}` : m;
-  return /* @__PURE__ */ g(
+    const r = c?.startDate && c?.endDate ? c : k;
+    return !r?.startDate || !r?.endDate ? !0 : Z(r.startDate, t) && Z(r.endDate, s);
+  })(), H = O(
+    (e) => e ? K ? Se(e, K) : ze(e) : "",
+    [K]
+  ), G = c?.startDate && c?.endDate ? `${H(c.startDate)} – ${H(c.endDate)}` : f;
+  return /* @__PURE__ */ D(
     "div",
     {
       "data-testid": "date-range-picker",
-      className: `${a["ckds-date-range-picker"]} ${f ? a["ckds-date-range-picker--open"] : ""} ${ne}`,
-      ref: y,
+      className: `${i["ckds-date-range-picker"]} ${u ? i["ckds-date-range-picker--open"] : ""} ${de}`,
+      ref: z,
       children: [
-        /* @__PURE__ */ n(
-          T,
+        /* @__PURE__ */ d(
+          B,
           {
             variant: "secondary",
-            error: se,
-            disabled: Z,
-            onClick: ke,
-            "aria-label": U === m ? m : `Date range: ${U}`,
-            size: ie,
-            label: U,
+            error: oe,
+            disabled: J,
+            onClick: me,
+            "aria-label": G === f ? f : `Date range: ${G}`,
+            size: le,
+            label: G,
             icons: {
-              left: /* @__PURE__ */ n(xe, { width: 16, height: 16 }),
-              right: /* @__PURE__ */ n(he, { width: 16, height: 16 })
+              left: /* @__PURE__ */ d(Pe, { width: 16, height: 16 }),
+              right: /* @__PURE__ */ d(ye, { width: 16, height: 16 })
             },
             style: { background: "white" }
           }
         ),
-        f && /* @__PURE__ */ g(
+        u && /* @__PURE__ */ D(
           "div",
           {
-            ref: j,
-            className: `${a["ckds-date-range-picker__calendar"]} ${a["ckds-date-range-picker__calendar--enter"]} ${le === "right" ? a["ckds-date-range-picker__calendar--align-right"] : a["ckds-date-range-picker__calendar--align-left"]}`,
+            ref: W,
+            className: `${i["ckds-date-range-picker__calendar"]} ${i["ckds-date-range-picker__calendar--enter"]} ${pe === "right" ? i["ckds-date-range-picker__calendar--align-right"] : i["ckds-date-range-picker__calendar--align-left"]}`,
             children: [
-              /* @__PURE__ */ g("div", { className: a["ckds-date-range-picker__body"], children: [
-                /* @__PURE__ */ n(
-                  Ae,
+              /* @__PURE__ */ D("div", { className: i["ckds-date-range-picker__body"], children: [
+                /* @__PURE__ */ d(
+                  Ye,
                   {
-                    ranges: v,
-                    activeLabel: X,
-                    onSelect: pe
+                    ranges: T,
+                    activeLabel: ee,
+                    onSelect: he
                   }
                 ),
-                /* @__PURE__ */ n("div", { className: a["ckds-date-range-picker__main"], children: /* @__PURE__ */ n(
-                  be,
+                /* @__PURE__ */ d("div", { className: i["ckds-date-range-picker__main"], children: /* @__PURE__ */ d(
+                  ve,
                   {
-                    startDate: c?.startDate,
-                    endDate: c?.endDate,
+                    startDate: l?.startDate,
+                    endDate: l?.endDate,
                     onDateClick: (e) => {
-                      if (!c?.startDate || c.startDate && c.endDate)
-                        _({ startDate: e, endDate: void 0 }), w("Custom"), u(!1);
+                      if (!l?.startDate || l.startDate && l.endDate)
+                        h({ startDate: e, endDate: void 0 }), S("Custom"), v(!1);
                       else {
-                        const t = c.startDate;
+                        const t = l.startDate;
                         if (e.getTime() < t.getTime())
-                          _({ startDate: e, endDate: void 0 }), u(!1);
+                          h({ startDate: e, endDate: void 0 }), v(!1);
                         else {
-                          const r = { startDate: t, endDate: e };
-                          _(r);
-                          const L = F(r);
-                          w(L ?? "Custom"), u(!0);
+                          const s = { startDate: t, endDate: e };
+                          h(s);
+                          const r = q(s);
+                          S(r ?? "Custom"), v(!0);
                         }
                       }
                     },
-                    minDate: d,
-                    maxDate: k
+                    minDate: a,
+                    maxDate: n
                   },
-                  de
+                  _e
                 ) })
               ] }),
-              /* @__PURE__ */ g("div", { className: a["ckds-date-range-picker__footer"], children: [
-                /* @__PURE__ */ g("div", { className: a["ckds-date-range-picker__date-inputs"], children: [
-                  /* @__PURE__ */ g("div", { className: a["ckds-date-range-picker__date-field"], children: [
-                    /* @__PURE__ */ g("span", { className: a["ckds-date-range-picker__date-label"], children: [
+              /* @__PURE__ */ D("div", { className: i["ckds-date-range-picker__footer"], children: [
+                /* @__PURE__ */ D("div", { className: i["ckds-date-range-picker__date-inputs"], children: [
+                  /* @__PURE__ */ D("div", { className: i["ckds-date-range-picker__date-field"], children: [
+                    /* @__PURE__ */ D("span", { className: i["ckds-date-range-picker__date-label"], children: [
                       "Start Date",
-                      /* @__PURE__ */ n("span", { className: a["ckds-date-range-picker__required-asterisk"], children: "*" })
+                      /* @__PURE__ */ d("span", { className: i["ckds-date-range-picker__required-asterisk"], children: "*" })
                     ] }),
-                    /* @__PURE__ */ n(ae, { size: "small", variation: "NEUTRAL", shape: "pill", fill: "outline", className: a["ckds-date-range-picker__date-tag"], children: A(c?.startDate) || "MM-DD-YYYY" })
+                    /* @__PURE__ */ d(ie, { size: "small", variation: "NEUTRAL", shape: "pill", fill: "outline", className: i["ckds-date-range-picker__date-tag"], children: H(l?.startDate) || "MM-DD-YYYY" })
                   ] }),
-                  /* @__PURE__ */ n("span", { className: a["ckds-date-range-picker__date-arrow"], children: /* @__PURE__ */ n(Se, {}) }),
-                  /* @__PURE__ */ g("div", { className: a["ckds-date-range-picker__date-field"], children: [
-                    /* @__PURE__ */ g("span", { className: a["ckds-date-range-picker__date-label"], children: [
+                  /* @__PURE__ */ d("span", { className: i["ckds-date-range-picker__date-arrow"], children: /* @__PURE__ */ d(Ae, {}) }),
+                  /* @__PURE__ */ D("div", { className: i["ckds-date-range-picker__date-field"], children: [
+                    /* @__PURE__ */ D("span", { className: i["ckds-date-range-picker__date-label"], children: [
                       "End Date",
-                      /* @__PURE__ */ n("span", { className: a["ckds-date-range-picker__required-asterisk"], children: "*" })
+                      /* @__PURE__ */ d("span", { className: i["ckds-date-range-picker__required-asterisk"], children: "*" })
                     ] }),
-                    /* @__PURE__ */ n(ae, { size: "small", variation: "NEUTRAL", shape: "pill", fill: "outline", className: a["ckds-date-range-picker__date-tag"], children: A(c?.endDate) || "MM-DD-YYYY" })
+                    /* @__PURE__ */ d(ie, { size: "small", variation: "NEUTRAL", shape: "pill", fill: "outline", className: i["ckds-date-range-picker__date-tag"], children: H(l?.endDate) || "MM-DD-YYYY" })
                   ] }),
-                  /* @__PURE__ */ n(
-                    De,
+                  /* @__PURE__ */ d(
+                    Me,
                     {
                       title: "Reset selection and navigation to default",
                       placement: "top",
@@ -263,28 +300,30 @@ const Ae = ({ ranges: o, activeLabel: N, onSelect: s }) => /* @__PURE__ */ n("di
                             padding: "var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-ms, 12px)",
                             borderRadius: "8px",
                             lineHeight: "var(--ckcl-leading-sm, 16px)",
-                            borderColor: "var(--ckcl-black-350, #676666)"
+                            borderColor: "var(--ckcl-black-350, #676666)",
+                            fontFamily: "Inter",
+                            fontWeight: "400"
                           }
                         }
                       },
-                      children: /* @__PURE__ */ n(
-                        T,
+                      children: /* @__PURE__ */ d(
+                        B,
                         {
                           variant: "secondary",
                           size: "medium",
-                          onClick: me,
-                          disabled: fe,
+                          onClick: ue,
+                          disabled: we,
                           "aria-label": "Reset selection and navigation to default",
-                          className: a["ckds-date-range-picker__reset-btn"],
-                          icons: { left: /* @__PURE__ */ n(ye, {}) }
+                          className: i["ckds-date-range-picker__reset-btn"],
+                          icons: { left: /* @__PURE__ */ d(xe, {}) }
                         }
                       )
                     }
                   )
                 ] }),
-                /* @__PURE__ */ g("div", { className: a["ckds-date-range-picker__actions"], children: [
-                  /* @__PURE__ */ n(T, { variant: "secondary", label: "Cancel", size: "medium", onClick: ge }),
-                  /* @__PURE__ */ n(T, { variant: "primary", label: "Apply", size: "medium", onClick: _e, disabled: !oe || !c?.startDate || !c?.endDate })
+                /* @__PURE__ */ D("div", { className: i["ckds-date-range-picker__actions"], children: [
+                  /* @__PURE__ */ d(B, { variant: "secondary", label: "Cancel", size: "medium", onClick: fe }),
+                  /* @__PURE__ */ d(B, { variant: "primary", label: "Apply", size: "medium", onClick: De, disabled: !ke || !l?.startDate || !l?.endDate })
                 ] })
               ] })
             ]
@@ -295,5 +334,5 @@ const Ae = ({ ranges: o, activeLabel: N, onSelect: s }) => /* @__PURE__ */ n("di
   );
 };
 export {
-  Ke as DateRangePicker
+  qe as DateRangePicker
 };

package/dist/components/DateRangePicker/_utils/util.js

@@ -132,8 +132,8 @@ const B = (t) => new Date(t.getFullYear(), t.getMonth(), 1), F = (t) => new Date
     "Year to Date"
   ];
   for (const i of r) {
-    let a = _(i, n);
-    if (a && (e && a.getTime() < e.getTime() && (a = new Date(e)), m(t.startDate, a) && m(t.endDate, n)))
+    const a = _(i, n);
+    if (a && !(e && a.getTime() < e.getTime()) && m(t.startDate, a) && m(t.endDate, n))
       return i;
   }
   return null;

package/dist/components/MAVDropdown/index.d.ts

@@ -1,5 +1,5 @@
 import { MAVDropdownProps } from './_types/mavDropdown.types';
-export declare function MAVDropdown({ triggerLabel, selectedItem, items, onSelect, listHeight, className, }: MAVDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function MAVDropdown({ triggerLabel, selectedItem, items, onSelect, className, }: MAVDropdownProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace MAVDropdown {
     var displayName: string;
 }

package/dist/components/MAVDropdown/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/MAVDropdown/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAW,MAAM,4BAA4B,CAAC;AA4B5E,wBAAgB,WAAW,CAAC,EAC1B,YAAoB,EACpB,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,UAAoB,EACpB,SAAS,GACV,EAAE,gBAAgB,2CAqIlB;yBA5Ie,WAAW"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/MAVDropdown/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAW,MAAM,4BAA4B,CAAC;AA4B5E,wBAAgB,WAAW,CAAC,EAC1B,YAAoB,EACpB,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CAoIlB;yBA1Ie,WAAW"}