@pibit.ai/cure-design-system 0.6.4 → 0.6.5

package/dist/applications/date-picker/date-range-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../../src/applications/date-picker/date-range-picker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,oBAAoB,IAAI,wBAAwB,EAChD,SAAS,EACV,MAAM,uBAAuB,CAAC;AA0C/B,MAAM,WAAW,oBAAqB,SAAQ,wBAAwB,CAAC,SAAS,CAAC;IAC/E,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5D,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yDAAyD;IACzD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kDAAkD;IAClD,WAAW,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACtD,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sDAAsD;IACtD,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,GAAI,wSAyB7B,oBAAoB,4CAqatB,CAAC"}
+{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../../src/applications/date-picker/date-range-picker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,oBAAoB,IAAI,wBAAwB,EAChD,SAAS,EACV,MAAM,uBAAuB,CAAC;AAyE/B,MAAM,WAAW,oBAAqB,SAAQ,wBAAwB,CAAC,SAAS,CAAC;IAC/E,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5D,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yDAAyD;IACzD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kDAAkD;IAClD,WAAW,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACtD,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sDAAsD;IACtD,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,GAAI,wSAyB7B,oBAAoB,4CA+btB,CAAC"}

package/dist/applications/date-picker/date-range-picker.js

@@ -1,174 +1,202 @@
-import { jsxs as o, jsx as a } from "react/jsx-runtime";
-import { useState as y, useRef as mt, useEffect as E, useMemo as U } from "react";
-import { today as nt, getLocalTimeZone as w } from "@internationalized/date";
-import { Calendar as ft } from "@untitledui/icons";
-import { useDateFormatter as pt } from "react-aria";
-import { useLocale as xt, DateRangePicker as ut, Group as yt, Popover as bt, Dialog as Nt } from "react-aria-components";
-import { Select as b } from "../../primitives/select/select.js";
-import { cx as I } from "../../utils/cn.js";
-import { getDateRangePresets as St, PRESET_LABELS as B, detectDateRangePresetKey as ht, getDateRangeFromPresetKey as X } from "./date-range-presets.js";
-import { DateInput as A } from "./date-input.js";
-import { RangeCalendar as vt } from "./range-calendar.js";
-import { RangePresetButton as Dt } from "./range-preset.js";
-import { Button as L } from "../../primitives/button/button.js";
-function N(d) {
-  if (!d || typeof d.year != "number")
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { useState as S, useRef as ft, useEffect as j, useMemo as V } from "react";
+import { today as pt, getLocalTimeZone as O } from "@internationalized/date";
+import { Calendar as ut } from "@untitledui/icons";
+import { useDateFormatter as xt } from "react-aria";
+import { useLocale as bt, DateRangePicker as yt, Group as Nt, Popover as St, Dialog as vt } from "react-aria-components";
+import { Select as v } from "../../primitives/select/select.js";
+import { cx as c } from "../../utils/cn.js";
+import { getDateRangePresets as ht, PRESET_LABELS as G, detectDateRangePresetKey as Dt, getDateRangeFromPresetKey as T } from "./date-range-presets.js";
+import { DateInput as C } from "./date-input.js";
+import { RangeCalendar as _t } from "./range-calendar.js";
+import { RangePresetButton as zt } from "./range-preset.js";
+import { Button as w } from "../../primitives/button/button.js";
+const gt = {
+  xs: {
+    text: "text-xs",
+    presetColumn: "w-28",
+    select: "sm",
+    // Select has no xs size, so its trigger is brought down to 28px here.
+    timeSelect: "w-24 [&_button>span]:h-7 [&_button>span]:py-1 [&_svg]:size-3.5",
+    button: "xs",
+    buttonClassName: "py-[5px]"
+  },
+  sm: {
+    text: "text-sm",
+    presetColumn: "w-32",
+    select: "sm",
+    timeSelect: "w-[115px]",
+    button: "sm",
+    buttonClassName: "py-1.5"
+  },
+  md: {
+    text: "text-sm",
+    presetColumn: "w-36",
+    select: "md",
+    timeSelect: "w-[120px] [&_button>span]:h-10",
+    button: "md",
+    buttonClassName: void 0
+  }
+};
+function h(n) {
+  if (!n || typeof n.year != "number")
     return !1;
-  const _ = d, { year: l, month: p, day: i } = _;
-  return l >= 1e3 && l <= 9999 && p >= 1 && p <= 12 && i >= 1 && i <= 31;
+  const K = n, { year: o, month: x, day: d } = K;
+  return o >= 1e3 && o <= 9999 && x >= 1 && x <= 12 && d >= 1 && d <= 31;
 }
-const Mt = ({
-  value: d,
-  defaultValue: _,
-  onChange: l,
-  onApply: p,
-  onCancel: i,
-  onReset: M,
-  headerLabel: V = "Selected date range for",
-  rangeFieldOptions: O = [
+const Wt = ({
+  value: n,
+  defaultValue: K,
+  onChange: o,
+  onApply: x,
+  onCancel: d,
+  onReset: W,
+  headerLabel: tt = "Selected date range for",
+  rangeFieldOptions: Y = [
     { label: "Created date", value: "created_date" },
     { label: "Proposed Effective date", value: "proposed_effective_date" }
   ],
-  selectedRangeField: T,
-  onRangeFieldChange: j,
+  selectedRangeField: et,
+  onRangeFieldChange: R,
   timezoneLabel: Pt = "(GMT-8:00) Pacific Time",
-  enableTimeSelection: G = !0,
-  timeOptions: D,
+  enableTimeSelection: q = !0,
+  timeOptions: g,
   startTime: P,
-  endTime: g,
-  onTimeChange: c,
-  showFieldDropdown: C = !0,
-  size: tt = "xs",
-  buttonClassName: et,
-  iconClassName: rt,
-  ...st
+  endTime: k,
+  onTimeChange: m,
+  showFieldDropdown: st = !0,
+  size: $ = "xs",
+  buttonClassName: rt,
+  iconClassName: at,
+  ...lt
 }) => {
-  var H, J;
-  const { locale: S } = xt(), at = [nt(w())], W = pt({
+  var U, X;
+  const { locale: D } = bt(), b = $ === "lg" ? "md" : $, l = gt[b], ot = [pt(O())], Z = xt({
     month: "2-digit",
     day: "2-digit",
     year: "numeric"
-  }), [r, x] = y(d ?? _ ?? null), [lt, h] = y(null), [Y, u] = y("Select date"), k = mt(!1), [K, ot] = y(!1);
-  E(() => {
-    d !== void 0 && x(d);
-  }, [d]);
-  const q = U(
-    () => (O || []).map((e) => ({
+  }), [s, y] = S(n ?? K ?? null), [ct, _] = S(null), [F, N] = S("Select date"), E = ft(!1), [I, it] = S(!1);
+  j(() => {
+    n !== void 0 && y(n);
+  }, [n]);
+  const H = V(
+    () => (Y || []).map((e) => ({
       id: e.value,
       label: e.label
     })),
-    [O]
-  ), m = U(() => {
-    if (D && D.length > 0)
-      return D.map((t) => ({ id: t.value, label: t.label }));
+    [Y]
+  ), f = V(() => {
+    if (g && g.length > 0)
+      return g.map((t) => ({ id: t.value, label: t.label }));
     const e = [];
     for (let t = 0; t < 24; t++)
-      for (let s of [0, 30]) {
-        const n = (t + 11) % 12 + 1, v = t < 12 ? "am" : "pm", f = `${n}:${s === 0 ? "00" : "30"} ${v}`;
-        e.push({ id: f, label: f });
+      for (let r of [0, 30]) {
+        const p = (t + 11) % 12 + 1, z = t < 12 ? "am" : "pm", u = `${p}:${r === 0 ? "00" : "30"} ${z}`;
+        e.push({ id: u, label: u });
       }
     return e.push({ id: "11:59 pm", label: "11:59 pm" }), e;
-  }, [D]), [Z, R] = y(
-    P ?? ((H = m == null ? void 0 : m[0]) == null ? void 0 : H.id) ?? "12:00 am"
-  ), [F, $] = y(
-    g ?? ((J = m == null ? void 0 : m[0]) == null ? void 0 : J.id) ?? "12:00 am"
+  }, [g]), [J, B] = S(
+    P ?? ((U = f == null ? void 0 : f[0]) == null ? void 0 : U.id) ?? "12:00 am"
+  ), [Q, M] = S(
+    k ?? ((X = f == null ? void 0 : f[0]) == null ? void 0 : X.id) ?? "12:00 am"
   );
-  E(() => {
-    P !== void 0 && R(P);
-  }, [P]), E(() => {
-    g !== void 0 && $(g);
-  }, [g]);
-  const it = (e, t) => {
-    R(e), $(t), c == null || c({ startTime: e, endTime: t });
-  }, ct = r != null && r.start && N(r.start) ? W.format(r.start.toDate(w())) : "Select date", dt = r != null && r.end && N(r.end) ? W.format(r.end.toDate(w())) : "Select date", z = (() => {
-    const e = St(S);
+  j(() => {
+    P !== void 0 && B(P);
+  }, [P]), j(() => {
+    k !== void 0 && M(k);
+  }, [k]);
+  const dt = (e, t) => {
+    B(e), M(t), m == null || m({ startTime: e, endTime: t });
+  }, mt = s != null && s.start && h(s.start) ? Z.format(s.start.toDate(O())) : "Select date", nt = s != null && s.end && h(s.end) ? Z.format(s.end.toDate(O())) : "Select date", L = (() => {
+    const e = ht(D);
     return Object.fromEntries(
-      Object.entries(B).map(
-        ([t, s]) => [t, { label: s, value: e[t] }]
+      Object.entries(G).map(
+        ([t, r]) => [t, { label: r, value: e[t] }]
       )
     );
   })();
-  return E(() => {
-    if (!(r != null && r.start) || !(r != null && r.end)) {
-      u("Select date");
+  return j(() => {
+    if (!(s != null && s.start) || !(s != null && s.end)) {
+      N("Select date");
       return;
     }
-    const e = ht(r, S);
-    u(e ? B[e] : "");
-  }, [r, S]), /* @__PURE__ */ o(
-    ut,
+    const e = Dt(s, D);
+    N(e ? G[e] : "");
+  }, [s, D]), /* @__PURE__ */ i(
+    yt,
     {
       "aria-label": "Date range picker",
       shouldCloseOnSelect: !1,
-      ...st,
-      value: r,
+      ...lt,
+      value: s,
       onOpenChange: (e) => {
-        if (ot(e), !e && !k.current && (i == null || i()), e) {
-          k.current = !1;
-          const t = r == null ? void 0 : r.preset;
+        if (it(e), !e && !E.current && (d == null || d()), e) {
+          E.current = !1;
+          const t = s == null ? void 0 : s.preset;
           if (t) {
-            const n = X(t, S);
-            x(n), l == null || l(n);
+            const p = T(t, D);
+            y(p), o == null || o(p);
           }
-          const s = t ? X(t, S).start : r == null ? void 0 : r.start;
-          s && h(s);
+          const r = t ? T(t, D).start : s == null ? void 0 : s.start;
+          r && _(r);
         }
       },
       onChange: (e) => {
         if (!(e != null && e.start) || !(e != null && e.end)) {
-          x(e), u(""), l == null || l(e);
+          y(e), N(""), o == null || o(e);
           return;
         }
-        const { start: t, end: s } = e, n = !(r != null && r.start) || t.compare(r.start) !== 0, v = !(r != null && r.end) || s.compare(r.end) !== 0;
-        if (v && N(s) ? h(s) : n && N(t) && h(t), !N(t) || !N(s)) {
-          x(e), u(""), l == null || l(e);
+        const { start: t, end: r } = e, p = !(s != null && s.start) || t.compare(s.start) !== 0, z = !(s != null && s.end) || r.compare(s.end) !== 0;
+        if (z && h(r) ? _(r) : p && h(t) && _(t), !h(t) || !h(r)) {
+          y(e), N(""), o == null || o(e);
           return;
         }
-        const Q = t.compare(s);
-        let f = { start: t, end: s };
-        Q > 0 && (n && !v ? f = { start: t, end: t } : v && !n ? f = { start: s, end: s } : f = { start: t, end: t }), x(f), u(""), l == null || l(f);
+        const A = t.compare(r);
+        let u = { start: t, end: r };
+        A > 0 && (p && !z ? u = { start: t, end: t } : z && !p ? u = { start: r, end: r } : u = { start: t, end: t }), y(u), N(""), o == null || o(u);
       },
       children: [
-        /* @__PURE__ */ a(yt, { "data-popover-open": K, children: /* @__PURE__ */ a(
-          L,
+        /* @__PURE__ */ a(Nt, { "data-popover-open": I, children: /* @__PURE__ */ a(
+          w,
           {
-            size: tt,
+            size: $,
             color: "secondary",
-            iconLeading: /* @__PURE__ */ a(ft, { className: I("size-4", rt) }),
-            className: I(
-              !K && et,
-              K && "shadow-[0_0_0_4px_rgba(102,112,133,0.14)]"
+            iconLeading: /* @__PURE__ */ a(ut, { className: c("size-3.5", at) }),
+            className: c(
+              !I && rt,
+              I && "shadow-[0_0_0_4px_rgba(102,112,133,0.14)]"
             ),
-            children: Y || (r ? `${ct} – ${dt}` : /* @__PURE__ */ a("span", { className: "text-placeholder", children: "Select dates" }))
+            children: F || (s ? `${mt} – ${nt}` : /* @__PURE__ */ a("span", { className: "text-placeholder", children: "Select dates" }))
           }
         ) }),
         /* @__PURE__ */ a(
-          bt,
+          St,
           {
             placement: "bottom right",
             offset: 8,
-            className: ({ isEntering: e, isExiting: t }) => I(
-              "origin-(--trigger-anchor-point) will-change-transform",
+            containerPadding: 8,
+            className: ({ isEntering: e, isExiting: t }) => c(
+              "origin-(--trigger-anchor-point) will-change-transform overflow-y-auto rounded-2xl border border-secondary bg-primary shadow-[0_0_24px_rgba(10,13,18,0.12)]",
               e && "duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5",
               t && "duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5"
             ),
             style: { marginLeft: "80px" },
-            children: /* @__PURE__ */ a(Nt, { className: "flex w-full rounded-2xl bg-primary ring ring-secondary focus:outline-hidden max-h-[60vh] overflow-y-auto", children: ({ close: e }) => /* @__PURE__ */ o("div", { className: "flex w-full flex-col", children: [
-              C && /* @__PURE__ */ a("div", { className: "flex items-center justify-between px-4 py-3 border-b border-secondary", children: /* @__PURE__ */ o("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ a("span", { className: "text-sm text-text-secondary", children: V }),
-                q.length > 0 && /* @__PURE__ */ a(
-                  b,
+            children: /* @__PURE__ */ a(vt, { className: "flex w-full rounded-2xl focus:outline-hidden", children: ({ close: e }) => /* @__PURE__ */ i("div", { className: "flex w-full flex-col", children: [
+              st && /* @__PURE__ */ a("div", { className: "flex items-center justify-between px-4 py-2 border-b border-secondary", children: /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ a("span", { className: c(l.text, "text-text-secondary"), children: tt }),
+                H.length > 0 && /* @__PURE__ */ a(
+                  v,
                   {
-                    size: "sm",
+                    size: l.select,
                     className: "w-64",
-                    selectedKey: T,
-                    onSelectionChange: (t) => j == null ? void 0 : j(String(t)),
-                    items: q,
-                    textStyles: "text-primary text-sm font-normal",
+                    selectedKey: et,
+                    onSelectionChange: (t) => R == null ? void 0 : R(String(t)),
+                    items: H,
+                    textStyles: c("text-primary font-normal", l.text),
                     children: (t) => /* @__PURE__ */ a(
-                      b.Item,
+                      v.Item,
                       {
-                        textStyles: "text-primary text-sm",
+                        textStyles: c("text-primary", l.text),
                         id: t.id,
                         children: t.label
                       }
@@ -176,68 +204,79 @@ const Mt = ({
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ o("div", { className: "flex", children: [
-                /* @__PURE__ */ a("div", { className: "hidden w-38 flex-col gap-0.5 border-r border-solid border-secondary p-3 lg:flex", children: Object.keys(B).map(
-                  (t) => {
-                    const s = z[t];
-                    return /* @__PURE__ */ a(
-                      Dt,
-                      {
-                        value: s.value,
-                        onClick: () => {
-                          x(s.value), l == null || l(s.value), u(s.label), h(s.value.start), t === "today" && it("12:00 am", "11:59 pm");
-                        },
-                        children: s.label
-                      },
-                      t
-                    );
+              /* @__PURE__ */ i("div", { className: "flex", children: [
+                /* @__PURE__ */ a(
+                  "div",
+                  {
+                    className: c(
+                      "hidden shrink-0 flex-col gap-0.5 border-r border-solid border-secondary p-2 lg:flex",
+                      l.presetColumn
+                    ),
+                    children: Object.keys(G).map(
+                      (t) => {
+                        const r = L[t];
+                        return /* @__PURE__ */ a(
+                          zt,
+                          {
+                            size: b,
+                            value: r.value,
+                            onClick: () => {
+                              y(r.value), o == null || o(r.value), N(r.label), _(r.value.start), t === "today" && dt("12:00 am", "11:59 pm");
+                            },
+                            children: r.label
+                          },
+                          t
+                        );
+                      }
+                    )
                   }
-                ) }),
-                /* @__PURE__ */ o("div", { className: "flex flex-col", children: [
+                ),
+                /* @__PURE__ */ i("div", { className: "flex flex-1 flex-col", children: [
                   /* @__PURE__ */ a(
-                    vt,
+                    _t,
                     {
-                      focusedValue: lt,
-                      onFocusChange: h,
-                      highlightedDates: at,
+                      size: b,
+                      focusedValue: ct,
+                      onFocusChange: _,
+                      highlightedDates: ot,
                       presets: {
-                        lastWeek: z.lastWeek,
-                        lastMonth: z.lastMonth,
-                        lastYear: z.lastYear
+                        lastWeek: L.lastWeek,
+                        lastMonth: L.lastMonth,
+                        lastYear: L.lastYear
                       },
                       containerClassName: "justify-around"
                     }
                   ),
-                  /* @__PURE__ */ o("div", { className: "flex justify-between gap-3 border-t border-secondary p-2", children: [
-                    /* @__PURE__ */ o("div", { className: "hidden items-center gap-3 md:flex", children: [
-                      /* @__PURE__ */ o("div", { className: "flex items-center gap-3", children: [
-                        /* @__PURE__ */ a(
-                          A,
+                  /* @__PURE__ */ i("div", { className: "flex justify-between gap-2 border-t border-secondary p-2", children: [
+                    /* @__PURE__ */ i("div", { className: "hidden items-center gap-2 md:flex", children: [
+                      /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ a(C, { slot: "start", size: b }),
+                        q && /* @__PURE__ */ a(
+                          v,
                           {
-                            slot: "start",
-                            className: "min-w-[117px] text-sm"
-                          }
-                        ),
-                        G && /* @__PURE__ */ a(
-                          b,
-                          {
-                            size: "sm",
-                            className: "w-[115px]",
+                            size: l.select,
+                            className: l.timeSelect,
                             popoverClassName: "w-auto min-w-max",
-                            selectedKey: Z || void 0,
+                            selectedKey: J || void 0,
                             onSelectionChange: (t) => {
-                              const s = String(t);
-                              R(s), c == null || c({
-                                startTime: s,
-                                endTime: F || ""
+                              const r = String(t);
+                              B(r), m == null || m({
+                                startTime: r,
+                                endTime: Q || ""
                               });
                             },
-                            items: m,
-                            textStyles: "text-primary py-0.5 text-sm font-body font-normal",
+                            items: f,
+                            textStyles: c(
+                              "text-primary py-0.5 font-body font-normal",
+                              l.text
+                            ),
                             children: (t) => /* @__PURE__ */ a(
-                              b.Item,
+                              v.Item,
                               {
-                                textStyles: "text-primary text-sm font-body font-normal",
+                                textStyles: c(
+                                  "text-primary font-body font-normal",
+                                  l.text
+                                ),
                                 id: t.id,
                                 children: t.label
                               }
@@ -245,36 +284,45 @@ const Mt = ({
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ a("div", { className: "text-md text-quaternary", children: "–" }),
-                      /* @__PURE__ */ o("div", { className: "flex items-center gap-3", children: [
-                        /* @__PURE__ */ a(
-                          A,
-                          {
-                            slot: "end",
-                            className: "min-w-[117px] text-sm"
-                          }
-                        ),
-                        G && /* @__PURE__ */ a(
-                          b,
+                      /* @__PURE__ */ a(
+                        "div",
+                        {
+                          className: c(
+                            "text-quaternary",
+                            b === "xs" ? "text-xs" : "text-md"
+                          ),
+                          children: "–"
+                        }
+                      ),
+                      /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ a(C, { slot: "end", size: b }),
+                        q && /* @__PURE__ */ a(
+                          v,
                           {
-                            size: "sm",
-                            className: "w-[115px]",
+                            size: l.select,
+                            className: l.timeSelect,
                             popoverClassName: "w-auto min-w-max",
-                            selectedKey: F || void 0,
+                            selectedKey: Q || void 0,
                             onSelectionChange: (t) => {
-                              const s = String(t);
-                              $(s), c == null || c({
-                                startTime: Z || "",
-                                endTime: s
+                              const r = String(t);
+                              M(r), m == null || m({
+                                startTime: J || "",
+                                endTime: r
                               });
                             },
-                            items: m,
-                            textStyles: "text-primary py-0.5 text-sm font-body font-normal",
+                            items: f,
+                            textStyles: c(
+                              "text-primary py-0.5 font-body font-normal",
+                              l.text
+                            ),
                             children: (t) => /* @__PURE__ */ a(
-                              b.Item,
+                              v.Item,
                               {
                                 id: t.id,
-                                textStyles: "text-primary text-sm font-body font-normal",
+                                textStyles: c(
+                                  "text-primary font-body font-normal",
+                                  l.text
+                                ),
                                 children: t.label
                               }
                             )
@@ -282,39 +330,39 @@ const Mt = ({
                         )
                       ] })
                     ] }),
-                    /* @__PURE__ */ o("div", { className: "grid w-full grid-cols-2 gap-3 md:flex md:w-auto", children: [
-                      M && /* @__PURE__ */ a(
-                        L,
+                    /* @__PURE__ */ i("div", { className: "grid w-full grid-cols-2 gap-2 md:flex md:w-auto", children: [
+                      W && /* @__PURE__ */ a(
+                        w,
                         {
-                          size: "xs",
+                          size: l.button,
                           color: "secondary",
-                          className: "p-2",
+                          className: l.buttonClassName,
                           onClick: () => {
-                            k.current = !0, M(), e();
+                            E.current = !0, W(), e();
                           },
                           children: "Reset"
                         }
                       ),
                       /* @__PURE__ */ a(
-                        L,
+                        w,
                         {
-                          size: "xs",
+                          size: l.button,
                           color: "secondary",
-                          className: "p-2",
+                          className: l.buttonClassName,
                           onClick: () => {
-                            i == null || i(), e();
+                            d == null || d(), e();
                           },
                           children: "Cancel"
                         }
                       ),
                       /* @__PURE__ */ a(
-                        L,
+                        w,
                         {
-                          size: "xs",
+                          size: l.button,
                           color: "primary",
-                          className: "p-2",
+                          className: l.buttonClassName,
                           onClick: () => {
-                            k.current = !0, p == null || p(), e();
+                            E.current = !0, x == null || x(), e();
                           },
                           children: "Apply"
                         }
@@ -331,5 +379,5 @@ const Mt = ({
   );
 };
 export {
-  Mt as DateRangePicker
+  Wt as DateRangePicker
 };

package/dist/applications/date-picker/date-time-calendar.d.ts

@@ -19,7 +19,7 @@ export interface DateTimeCalendarProps extends Omit<AriaCalendarProps<DateValue>
     timeGranularity?: TimeGranularity;
     /** The time a date gets when it is picked before any time is. Defaults to midnight. */
     defaultTime?: TimeValue;
-    /** Visual size: "xs" (compact) or "sm" (default). */
+    /** Visual size: "xs" (compact, default) or "sm". */
     size?: CalendarSize;
 }
 /**

package/dist/applications/date-picker/date-time-calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-time-calendar.d.ts","sourceRoot":"","sources":["../../../src/applications/date-picker/date-time-calendar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAClC,SAAS,EACT,SAAS,EACV,MAAM,uBAAuB,CAAC;AAS/B,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,YAAY,CAAC;AAKpB,kDAAkD;AAClD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAK3D,sFAAsF;AACtF,eAAO,MAAM,QAAQ,GAAI,MAAM,SAAS,EAAE,MAAM,SAAS,KAAG,SAU3D,CAAC;AAqCF,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,iBAAiB,CAAC,SAAS,CAAC,EAC5B,OAAO,GAAG,cAAc,GAAG,UAAU,CACtC;IACC,wFAAwF;IACxF,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,uEAAuE;IACvE,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,SAAS,EAAE,CAAC;IAC/B,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC;IACpB,oEAAoE;IACpE,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,uFAAuF;IACvF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,qDAAqD;IACrD,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,GAAI,qHAW9B,qBAAqB,4CAsGvB,CAAC"}
+{"version":3,"file":"date-time-calendar.d.ts","sourceRoot":"","sources":["../../../src/applications/date-picker/date-time-calendar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAClC,SAAS,EACT,SAAS,EACV,MAAM,uBAAuB,CAAC;AAS/B,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,YAAY,CAAC;AAMpB,kDAAkD;AAClD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAK3D,sFAAsF;AACtF,eAAO,MAAM,QAAQ,GAAI,MAAM,SAAS,EAAE,MAAM,SAAS,KAAG,SAU3D,CAAC;AA2CF,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,iBAAiB,CAAC,SAAS,CAAC,EAC5B,OAAO,GAAG,cAAc,GAAG,UAAU,CACtC;IACC,wFAAwF;IACxF,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,uEAAuE;IACvE,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,SAAS,EAAE,CAAC;IAC/B,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC;IACpB,oEAAoE;IACpE,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,uFAAuF;IACvF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oDAAoD;IACpD,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,GAAI,qHAW9B,qBAAqB,4CAsGvB,CAAC"}