1mpacto-react-ui 2.0.25 → 2.0.27

package/dist/components/Calendar/Calendar.mjs

@@ -1,109 +1,176 @@
-import { jsxs as h, jsx as n, Fragment as G } from "react/jsx-runtime";
-import $, { useEffect as L, isValidElement as N } from "react";
-import { createCalendar as P, getLocalTimeZone as I, getWeeksInMonth as V } from "@internationalized/date";
-import { useCalendar as q, useCalendarGrid as W } from "react-aria";
-import { useCalendarState as j } from "react-stately";
-import i from "./style.module.scss.mjs";
-import M from "../Button/Button.mjs";
-import F from "./CalendarCell.mjs";
-import w from "./CalendarButton.mjs";
-import O from "./CalendarMonth.mjs";
-import z, { ChevronDownIcon as H } from "./CalendarYear.mjs";
-import { useDeepCompareEffect as _ } from "../../hooks/useDeepCompareEffect.mjs";
-const K = (e) => {
-  const y = V(e.state.visibleRange.start, e.locale), { gridProps: a, headerProps: c, weekDays: C } = W({}, e.state), { prevButtonProps: f, nextButtonProps: g, title: d } = q(e, e.state), o = (l) => {
-    let r = "";
-    switch (l) {
-      case 0:
-        r = "Min";
-        break;
-      case 1:
-        r = "Sen";
-        break;
-      case 2:
-        r = "Sel";
-        break;
-      case 3:
-        r = "Rab";
-        break;
-      case 4:
-        r = "Kam";
-        break;
-      case 5:
-        r = "Jum";
-        break;
-      case 6:
-        r = "Sab";
-        break;
-    }
-    return r;
-  };
-  return /* @__PURE__ */ h("div", { children: [
-    !e.hiddenHeader && /* @__PURE__ */ h("div", { className: i["header-calendar"], children: [
-      /* @__PURE__ */ n(w, { ...f, children: typeof e?.prevIcon == "function" || N(e?.prevIcon) ? N(e.prevIcon) ? e.prevIcon : e.prevIcon() : /* @__PURE__ */ n(H, { className: "iru-rotate-90" }) }),
-      /* @__PURE__ */ n("div", { className: i["header-button-calendar"], onClick: () => e.setActiveTypeCalendar("month"), children: d }),
-      /* @__PURE__ */ n(w, { ...g, children: typeof e?.nextIcon == "function" || N(e?.nextIcon) ? N(e.nextIcon) ? e.nextIcon : e.nextIcon() : /* @__PURE__ */ n(H, { className: "-iru-rotate-90" }) })
+import { jsxs as f, jsx as a, Fragment as L } from "react/jsx-runtime";
+import $, { useEffect as j, isValidElement as k } from "react";
+import { createCalendar as G, getLocalTimeZone as R, getWeeksInMonth as P } from "@internationalized/date";
+import { useCalendar as F, useCalendarGrid as z } from "react-aria";
+import { useCalendarState as O } from "react-stately";
+import c from "./style.module.scss.mjs";
+import w from "../Button/Button.mjs";
+import Z from "./CalendarCell.mjs";
+import A from "./CalendarButton.mjs";
+import U from "./CalendarMonth.mjs";
+import _, { ChevronDownIcon as q } from "./CalendarYear.mjs";
+import { useDeepCompareEffect as K } from "../../hooks/useDeepCompareEffect.mjs";
+import { configCalendar as I } from "./Calendar.config.mjs";
+const o = {
+  "en-US": {
+    Reset: "Reset",
+    Apply: "Apply",
+    Start: "Start",
+    End: "End",
+    Hour: "Hour",
+    Minute: "Minute",
+    "Set Time": "Set time",
+    Sun: "Sun",
+    Mon: "Mon",
+    Tue: "Tue",
+    Wed: "Wed",
+    Thu: "Thu",
+    Fri: "Fri",
+    Sat: "Sat"
+  },
+  "id-ID": {
+    Reset: "Reset",
+    Apply: "Terapkan",
+    Start: "Awal",
+    End: "Akhir",
+    Hour: "Jam",
+    Minute: "Menit",
+    "Set Time": "Atur waktu",
+    Sun: "Min",
+    Mon: "Sen",
+    Tue: "Sel",
+    Wed: "Rab",
+    Thu: "Kam",
+    Fri: "Jum",
+    Sat: "Sab"
+  },
+  "zh-CN": {
+    Reset: "重置",
+    Apply: "应用",
+    Start: "开始",
+    End: "结束",
+    Hour: "小时",
+    Minute: "分钟",
+    "Set Time": "设置时间",
+    Sun: "周日",
+    Mon: "周一",
+    Tue: "周二",
+    Wed: "周三",
+    Thu: "周四",
+    Fri: "周五",
+    Sat: "周六"
+  },
+  "nl-NL": {
+    Reset: "Reset",
+    Apply: "Toepassen",
+    Start: "Start",
+    End: "Einde",
+    Hour: "Uur",
+    Minute: "Minuten",
+    "Set Time": "Tijd instellen",
+    Sun: "Zo",
+    Mon: "Ma",
+    Tue: "Di",
+    Wed: "Wo",
+    Thu: "Do",
+    Fri: "Vr",
+    Sat: "Za"
+  }
+}, Q = (n, e) => {
+  let i = "";
+  switch (n) {
+    case 0:
+      i = o[e].Sun;
+      break;
+    case 1:
+      i = o[e].Mon;
+      break;
+    case 2:
+      i = o[e].Tue;
+      break;
+    case 3:
+      i = o[e].Wed;
+      break;
+    case 4:
+      i = o[e].Thu;
+      break;
+    case 5:
+      i = o[e].Fri;
+      break;
+    case 6:
+      i = o[e].Sat;
+      break;
+  }
+  return i;
+}, X = (n) => {
+  const e = P(n.state.visibleRange.start, n.locale), { gridProps: i, headerProps: r, weekDays: E } = z({}, n.state), { prevButtonProps: T, nextButtonProps: S, title: l } = F(n, n.state);
+  return /* @__PURE__ */ f("div", { children: [
+    !n.hiddenHeader && /* @__PURE__ */ f("div", { className: c["header-calendar"], children: [
+      /* @__PURE__ */ a(A, { ...T, children: typeof n?.prevIcon == "function" || k(n?.prevIcon) ? k(n.prevIcon) ? n.prevIcon : n.prevIcon() : /* @__PURE__ */ a(q, { className: "iru-rotate-90" }) }),
+      /* @__PURE__ */ a("div", { className: c["header-button-calendar"], onClick: () => n.setActiveTypeCalendar("month"), children: l }),
+      /* @__PURE__ */ a(A, { ...S, children: typeof n?.nextIcon == "function" || k(n?.nextIcon) ? k(n.nextIcon) ? n.nextIcon : n.nextIcon() : /* @__PURE__ */ a(q, { className: "-iru-rotate-90" }) })
     ] }),
-    /* @__PURE__ */ h("table", { ...a, children: [
-      /* @__PURE__ */ n("thead", { ...c, children: /* @__PURE__ */ n("tr", { children: C.map((l, r) => /* @__PURE__ */ n("th", { className: i["days-calendar"], children: o(r) }, r)) }) }),
-      /* @__PURE__ */ n("tbody", { children: [...new Array(y).keys()].map((l) => /* @__PURE__ */ n("tr", { children: e.state.getDatesInWeek(l).map((r, b) => r ? /* @__PURE__ */ n(F, { state: e.state, date: r }, b) : /* @__PURE__ */ n("td", {}, b)) }, l)) })
+    /* @__PURE__ */ f("table", { ...i, children: [
+      /* @__PURE__ */ a("thead", { ...r, children: /* @__PURE__ */ a("tr", { children: E.map((g, d) => /* @__PURE__ */ a("th", { className: c["days-calendar"], children: Q(d, n.locale) }, d)) }) }),
+      /* @__PURE__ */ a("tbody", { children: [...new Array(e).keys()].map((g) => /* @__PURE__ */ a("tr", { children: n.state.getDatesInWeek(g).map((d, s) => d ? /* @__PURE__ */ a(Z, { state: n.state, date: d }, s) : /* @__PURE__ */ a("td", {}, s)) }, g)) })
     ] })
   ] });
-}, R = ({
-  minDate: e,
-  maxDate: y,
-  value: a,
-  time: c,
-  hiddenHeader: C,
-  handlerChangeTime: f,
-  timeLabel: g,
-  type: d
+}, B = ({
+  minDate: n,
+  maxDate: e,
+  value: i,
+  time: r,
+  hiddenHeader: E,
+  handlerChangeTime: T,
+  timeLabel: S,
+  type: l,
+  locale: g = "id-ID"
 }) => {
-  const o = e ? new Date(e) : null, l = y ? new Date(y) : null, r = o?.getHours(), b = l?.getHours(), m = o?.getMinutes(), D = l?.getMinutes(), [E, A] = $.useState(!0), S = (t, u, s) => Array.from({ length: (u - t) / s + 1 }, (v, k) => t + k * s), x = (t, u) => {
-    typeof f == "function" && f({ hour: t, minut: u, second: c?.second });
-  }, B = () => {
-    const t = document.getElementById(`calendar-hour-${c?.hour}-${d}`), u = document.getElementById(`calendar-minut-${c?.minut}-${d}`), s = document.getElementById(`wrapper-calendar-hour-${d}`), v = document.getElementById(`wrapper-calendar-minut-${d}`);
-    t && s && s.scrollTo({ behavior: "instant", top: t.offsetTop - 78 }), u && v && v.scrollTo({ behavior: "instant", top: u.offsetTop - 78 });
-  }, T = (t, u) => {
-    let s = !0;
-    if (o && a) {
-      const v = a.year === o.getFullYear(), k = a.month === o.getMonth() + 1;
-      a.day === o.getDate() && k && v ? (u === "hour" && t < (r ?? 0) || u === "minut" && (c?.hour ?? 0) <= o.getHours() && t < (m ?? 0)) && (s = !1) : a.toDate(I()).getTime() < o.getTime() && (s = !1);
+  const d = n ? new Date(n) : null, s = e ? new Date(e) : null, D = d?.getHours(), N = s?.getHours(), m = d?.getMinutes(), M = s?.getMinutes(), [v, W] = $.useState(!0), H = (t, h, u) => Array.from({ length: (h - t) / u + 1 }, (y, b) => t + b * u), x = (t, h) => {
+    typeof T == "function" && T({ hour: t, minut: h, second: r?.second });
+  }, V = () => {
+    const t = document.getElementById(`calendar-hour-${r?.hour}-${l}`), h = document.getElementById(`calendar-minut-${r?.minut}-${l}`), u = document.getElementById(`wrapper-calendar-hour-${l}`), y = document.getElementById(`wrapper-calendar-minut-${l}`);
+    t && u && u.scrollTo({ behavior: "instant", top: t.offsetTop - 78 }), h && y && y.scrollTo({ behavior: "instant", top: h.offsetTop - 78 });
+  }, C = (t, h) => {
+    let u = !0;
+    if (d && i) {
+      const y = i.year === d.getFullYear(), b = i.month === d.getMonth() + 1;
+      i.day === d.getDate() && b && y ? (h === "hour" && t < (D ?? 0) || h === "minut" && (r?.hour ?? 0) <= d.getHours() && t < (m ?? 0)) && (u = !1) : i.toDate(R()).getTime() < d.getTime() && (u = !1);
     }
-    if (l && a) {
-      const v = a.year === l.getFullYear(), k = a.month === l.getMonth() + 1;
-      a.day === l.getDate() && k && v ? (u === "hour" && t > (b ?? 0) || u === "minut" && (c?.hour ?? 0) >= l.getHours() && t > (D ?? 0)) && (s = !1) : a.toDate(I()).getTime() > l.getTime() && (s = !1);
+    if (s && i) {
+      const y = i.year === s.getFullYear(), b = i.month === s.getMonth() + 1;
+      i.day === s.getDate() && b && y ? (h === "hour" && t > (N ?? 0) || h === "minut" && (r?.hour ?? 0) >= s.getHours() && t > (M ?? 0)) && (u = !1) : i.toDate(R()).getTime() > s.getTime() && (u = !1);
     }
-    return s;
+    return u;
   };
   return $.useEffect(() => {
-    E && B(), c && A(!1);
-  }, [JSON.stringify(a), JSON.stringify(c)]), /* @__PURE__ */ h("div", { className: i["custom-time-calendar"], children: [
-    !C && /* @__PURE__ */ n("div", { className: i["header-time"], children: g || "Atur Waktu" }),
-    /* @__PURE__ */ h("div", { className: i["type-time"], children: [
-      /* @__PURE__ */ n("div", { children: "Jam" }),
-      /* @__PURE__ */ n("div", { children: "Menit" })
+    v && V(), r && W(!1);
+  }, [JSON.stringify(i), JSON.stringify(r)]), /* @__PURE__ */ f("div", { className: c["custom-time-calendar"], children: [
+    !E && /* @__PURE__ */ a("div", { className: c["header-time"], children: S || o[g]["Set Time"] }),
+    /* @__PURE__ */ f("div", { className: c["type-time"], children: [
+      /* @__PURE__ */ a("div", { children: o[g].Hour }),
+      /* @__PURE__ */ a("div", { children: o[g].Minute })
     ] }),
-    /* @__PURE__ */ h("div", { className: "iru-flex iru-justify-around", children: [
-      /* @__PURE__ */ n("div", { id: `wrapper-calendar-hour-${d}`, className: i["container-cell-time"], children: S(0, 23, 1).map((t) => /* @__PURE__ */ n(
+    /* @__PURE__ */ f("div", { className: "iru-flex iru-justify-around", children: [
+      /* @__PURE__ */ a("div", { id: `wrapper-calendar-hour-${l}`, className: c["container-cell-time"], children: H(0, 23, 1).map((t) => /* @__PURE__ */ a(
         "div",
         {
-          id: `calendar-hour-${t}-${d}`,
-          className: `${i["cell-time"]} ${c?.hour === t ? T(t, "hour") ? i.selected : i.error : ""} ${T(t, "hour") && c?.hour != t ? i.valid : i.invalid}`,
+          id: `calendar-hour-${t}-${l}`,
+          className: `${c["cell-time"]} ${r?.hour === t ? C(t, "hour") ? c.selected : c.error : ""} ${C(t, "hour") && r?.hour != t ? c.valid : c.invalid}`,
           onClick: () => {
-            T(t, "hour") && x(t, c?.minut);
+            C(t, "hour") && x(t, r?.minut);
           },
           children: t < 10 ? `0${t}` : t
         },
         t
       )) }),
-      /* @__PURE__ */ n("div", { id: `wrapper-calendar-minut-${d}`, className: i["container-cell-time"], children: S(0, 59, 1).map((t) => /* @__PURE__ */ n(
+      /* @__PURE__ */ a("div", { id: `wrapper-calendar-minut-${l}`, className: c["container-cell-time"], children: H(0, 59, 1).map((t) => /* @__PURE__ */ a(
         "div",
         {
-          id: `calendar-minut-${t}-${d}`,
-          className: `${i["cell-time"]} ${c?.minut === t ? T(t, "minut") ? i.selected : i.error : ""} ${T(t, "minut") && c?.minut != t ? i.valid : i.invalid}`,
+          id: `calendar-minut-${t}-${l}`,
+          className: `${c["cell-time"]} ${r?.minut === t ? C(t, "minut") ? c.selected : c.error : ""} ${C(t, "minut") && r?.minut != t ? c.valid : c.invalid}`,
           onClick: () => {
-            T(t, "minut") && x(c?.hour, t);
+            C(t, "minut") && x(r?.hour, t);
           },
           children: t < 10 ? `0${t}` : t
         },
@@ -111,87 +178,108 @@ const K = (e) => {
       )) })
     ] })
   ] });
-}, le = (e) => {
-  const y = e.typeTime ?? "SINGLE", a = j({
+}, me = ({ variants: n = "laba-blue-10", ...e }) => {
+  const i = e.typeTime ?? "SINGLE", r = O({
     ...e,
     locale: e.locale,
-    createCalendar: P
-  }), { title: c } = q(e, a), [C, f] = $.useState(e?.activeType ?? "date"), [g, d] = $.useState({ start: void 0, end: void 0 }), o = g.start?.hour?.toString() && g?.start?.minut?.toString() && e.value?.toDate(I()).setHours(g.start?.hour, g.start?.minut) || e.minDate, l = e.maxDate, r = (m, D) => {
-    const E = {
-      ...g,
-      [D]: m
+    createCalendar: G
+  }), { title: E } = F(e, r), [T, S] = $.useState(e?.activeType ?? "date"), [l, g] = $.useState({ start: void 0, end: void 0 }), d = l.start?.hour?.toString() && l?.start?.minut?.toString() && e.value?.toDate(R()).setHours(l.start?.hour, l.start?.minut) || e.minDate, s = e.maxDate, D = (m, M) => {
+    const v = {
+      ...l,
+      [M]: m
     };
-    d(E), typeof e?.handlerChangeTime == "function" && e.handlerChangeTime(E);
-  }, b = (m) => {
-    a.setValue(m);
+    g(v), typeof e?.handlerChangeTime == "function" && e.handlerChangeTime(v);
+  }, N = (m) => {
+    r.setValue(m);
   };
-  return _(() => {
-    e?.activeType && f(e.activeType);
-  }, [e?.activeType]), L(() => {
+  return K(() => {
+    e?.activeType && S(e.activeType);
+  }, [e?.activeType]), j(() => {
     if (e.time?.start && e.time?.end) {
-      const m = e.time.start, D = e.time.end;
-      d({ start: m, end: D });
+      const m = e.time.start, M = e.time.end;
+      g({ start: m, end: M });
     }
-  }, [JSON.stringify(e.time)]), /* @__PURE__ */ h("div", { className: "iru-text-laba-base-sr", children: [
-    C === "date" && /* @__PURE__ */ n(G, { children: /* @__PURE__ */ h("div", { className: i["container-calendar"], children: [
-      /* @__PURE__ */ h("div", { className: "iru-flex iru-gap-2", children: [
-        /* @__PURE__ */ n(K, { state: a, setActiveTypeCalendar: f, ...e }),
-        e?.isCustomTime && /* @__PURE__ */ h("div", { className: "iru-flex", children: [
-          /* @__PURE__ */ n(
-            R,
+  }, [JSON.stringify(e.time)]), /* @__PURE__ */ f("div", { className: "iru-text-laba-base-sr", children: [
+    T === "date" && /* @__PURE__ */ a(L, { children: /* @__PURE__ */ f("div", { className: `${I.variants[n]}`, children: [
+      /* @__PURE__ */ f("div", { className: "iru-flex iru-gap-2", children: [
+        /* @__PURE__ */ a(X, { state: r, setActiveTypeCalendar: S, ...e }),
+        e?.isCustomTime && /* @__PURE__ */ f("div", { className: "iru-flex", children: [
+          /* @__PURE__ */ a(
+            B,
             {
               minDate: e.minDate,
               maxDate: e.maxDate,
               time: e.time?.start,
               value: e.value,
-              timeLabel: y === "RANGE" ? "Awal" : "Atur Waktu",
+              timeLabel: o[e.locale][i === "RANGE" ? "Start" : "Set Time"],
               type: "start",
-              handlerChangeTime: (m) => r(m, "start")
+              locale: e.locale,
+              handlerChangeTime: (m) => D(m, "start")
             }
           ),
-          y === "RANGE" && /* @__PURE__ */ n(
-            R,
+          i === "RANGE" && /* @__PURE__ */ a(
+            B,
             {
-              minDate: o,
-              maxDate: l,
+              minDate: d,
+              maxDate: s,
               time: e.time?.end,
               value: e.value,
-              timeLabel: "Akhir",
+              timeLabel: o[e.locale].End,
               type: "end",
-              handlerChangeTime: (m) => r(m, "end")
+              handlerChangeTime: (m) => D(m, "end")
             }
           )
         ] })
       ] }),
-      (e?.withConfirm ?? e?.isCustomTime) && /* @__PURE__ */ h("div", { className: `${i["footer-calendar"]}`, children: [
-        typeof e?.buttonReset == "function" ? /* @__PURE__ */ n("div", { onClick: () => e.handlerReset(a), children: e.buttonReset() }) : /* @__PURE__ */ n(M, { variants: "nude-laba-blue-10", size: "small", onClick: () => e.handlerReset(a), children: "Reset" }),
-        typeof e?.buttonSubmit == "function" ? /* @__PURE__ */ n("div", { onClick: e.handlerSubmit, children: e.buttonSubmit() }) : /* @__PURE__ */ n(M, { size: "small", onClick: e.handlerSubmit, children: "Terapkan" })
+      (e?.withConfirm ?? e?.isCustomTime) && /* @__PURE__ */ f("div", { className: `${c["footer-calendar"]}`, children: [
+        typeof e?.buttonReset == "function" ? /* @__PURE__ */ a("div", { onClick: () => e.handlerReset(r), children: e.buttonReset() }) : /* @__PURE__ */ a(
+          w,
+          {
+            variants: I.resetButtonVariant[n],
+            size: "small",
+            onClick: () => e.handlerReset(r),
+            children: o[e.locale].Reset
+          }
+        ),
+        typeof e?.buttonSubmit == "function" ? /* @__PURE__ */ a("div", { onClick: e.handlerSubmit, children: e.buttonSubmit() }) : /* @__PURE__ */ a(
+          w,
+          {
+            variants: I.submitButtonVariant[n],
+            size: "small",
+            onClick: e.handlerSubmit,
+            children: o[e.locale].Apply
+          }
+        )
       ] })
     ] }) }),
-    C === "month" && /* @__PURE__ */ n(
-      O,
+    T === "month" && /* @__PURE__ */ a(
+      U,
       {
-        state: a,
-        setActiveTypeCalendar: f,
+        state: r,
+        setActiveTypeCalendar: S,
         type: e.type,
-        onChangeMonth: b,
+        onChangeMonth: N,
+        variants: n,
         hiddenHeader: e.hiddenHeader
       }
     ),
-    C === "year" && /* @__PURE__ */ n(
-      z,
+    T === "year" && /* @__PURE__ */ a(
+      _,
       {
-        state: a,
+        state: r,
         type: e.type,
-        setActiveTypeCalendar: f,
-        title: c,
-        onChangeYear: b,
-        hiddenHeader: e.hiddenHeader
+        setActiveTypeCalendar: S,
+        title: E,
+        onChangeYear: N,
+        hiddenHeader: e.hiddenHeader,
+        variants: n
       }
     )
   ] });
 };
 export {
-  R as CustomTimeCalendar,
-  le as default
+  B as CustomTimeCalendar,
+  me as default,
+  Q as getDaysCalendar,
+  o as translateCalendar
 };

package/dist/components/Calendar/CalendarCell.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),j=require("react"),c=require("@internationalized/date"),r=require("react-aria"),a=require("./style.module.scss.cjs"),x=b=>{const o=j.useRef(null),{locale:f}=r.useLocale(),{state:l,date:e}=b,{cellProps:R,buttonProps:v,isSelected:t,isOutsideVisibleRange:$,isDisabled:i,formattedDate:g,isInvalid:s}=r.useCalendarCell({date:e},l,o),{focusProps:m}=r.useFocusRing(),n="highlightedRange"in l?l.highlightedRange?c.isSameDay(e,l.highlightedRange.start):null:t,u="highlightedRange"in l?l.highlightedRange?c.isSameDay(e,l.highlightedRange.end):null:t,h=c.getDayOfWeek(e,f),y=t&&(n||h===0||e.day===1),S=t&&(u||h===6||e.day===e.calendar.getDaysInMonth(e));return d.jsx("td",{...R,children:d.jsx("div",{...r.mergeProps(v,m),ref:o,className:`${a.default["cell-calendar"]} ${y?"iru-rounded-l-full":""} ${S?"iru-rounded-r-full":""} ${t?s?"iru-bg-red-300":"iru-bg-laba-blue-02":""} ${i?"iru-disabled":""}`,children:$?d.jsx("div",{className:a.default["visible-cell-calendar"],children:g}):d.jsx("div",{className:`${a.default["active-cell-calendar"]} ${i&&!s?a.default.disabled:""} ${n||u?s?a.default.error:a.default.selected:""} ${t&&!i&&!(n??u)?s?"hover:iru-bg-red-400":"hover:iru-text-laba-blue-05":""} ${!t&&!i?"hover:iru-bg-laba-blue-01":""}`,children:g})})})};exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),j=require("react"),c=require("@internationalized/date"),r=require("react-aria"),l=require("./style.module.scss.cjs"),x=f=>{const o=j.useRef(null),{locale:b}=r.useLocale(),{state:t,date:e}=f,{cellProps:R,buttonProps:v,isSelected:a,isOutsideVisibleRange:$,isDisabled:s,formattedDate:g,isInvalid:d}=r.useCalendarCell({date:e},t,o),{focusProps:m}=r.useFocusRing(),n="highlightedRange"in t?t.highlightedRange?c.isSameDay(e,t.highlightedRange.start):null:a,u="highlightedRange"in t?t.highlightedRange?c.isSameDay(e,t.highlightedRange.end):null:a,h=c.getDayOfWeek(e,b),y=a&&(n||h===0||e.day===1),S=a&&(u||h===6||e.day===e.calendar.getDaysInMonth(e));return i.jsx("td",{...R,children:i.jsx("div",{ref:o,className:`${l.default["cell-calendar"]} ${y?"iru-rounded-l-full":""} ${S?"iru-rounded-r-full":""} ${a?d?l.default.error:l.default.selected:""} ${s?"iru-disabled":""}`,children:$?i.jsx("div",{className:l.default["visible-cell-calendar"],children:g}):i.jsx("div",{...r.mergeProps(v,m),className:`${l.default["active-cell-calendar"]} ${s&&!d?l.default.disabled:""} ${n||u?d?l.default.error:l.default.selected:""} ${a&&!s&&!(n??u)?d?"hover:iru-bg-red-400":"hover:iru-text-laba-blue-05":""} ${!a&&!s?"hover:iru-bg-laba-blue-01":""}`,children:g})})})};exports.default=x;

package/dist/components/Calendar/CalendarCell.mjs

@@ -1,20 +1,20 @@
 import { jsx as s } from "react/jsx-runtime";
 import y from "react";
-import { isSameDay as g, getDayOfWeek as D } from "@internationalized/date";
+import { isSameDay as u, getDayOfWeek as D } from "@internationalized/date";
 import { useLocale as S, useCalendarCell as C, useFocusRing as P, mergeProps as x } from "react-aria";
-import a from "./style.module.scss.mjs";
-const W = (h) => {
-  const o = y.useRef(null), { locale: b } = S(), { state: l, date: e } = h, { cellProps: m, buttonProps: f, isSelected: i, isOutsideVisibleRange: R, isDisabled: t, formattedDate: c, isInvalid: r } = C({ date: e }, l, o), { focusProps: p } = P(), d = "highlightedRange" in l ? l.highlightedRange ? g(e, l.highlightedRange.start) : null : i, n = "highlightedRange" in l ? l.highlightedRange ? g(e, l.highlightedRange.end) : null : i, u = D(e, b), $ = i && (d || u === 0 || e.day === 1), v = i && (n || u === 6 || e.day === e.calendar.getDaysInMonth(e));
-  return /* @__PURE__ */ s("td", { ...m, children: /* @__PURE__ */ s(
+import l from "./style.module.scss.mjs";
+const W = (g) => {
+  const o = y.useRef(null), { locale: m } = S(), { state: i, date: e } = g, { cellProps: f, buttonProps: R, isSelected: t, isOutsideVisibleRange: b, isDisabled: a, formattedDate: c, isInvalid: r } = C({ date: e }, i, o), { focusProps: p } = P(), d = "highlightedRange" in i ? i.highlightedRange ? u(e, i.highlightedRange.start) : null : t, n = "highlightedRange" in i ? i.highlightedRange ? u(e, i.highlightedRange.end) : null : t, h = D(e, m), $ = t && (d || h === 0 || e.day === 1), v = t && (n || h === 6 || e.day === e.calendar.getDaysInMonth(e));
+  return /* @__PURE__ */ s("td", { ...f, children: /* @__PURE__ */ s(
     "div",
     {
-      ...x(f, p),
       ref: o,
-      className: `${a["cell-calendar"]} ${$ ? "iru-rounded-l-full" : ""} ${v ? "iru-rounded-r-full" : ""} ${i ? r ? "iru-bg-red-300" : "iru-bg-laba-blue-02" : ""} ${t ? "iru-disabled" : ""}`,
-      children: R ? /* @__PURE__ */ s("div", { className: a["visible-cell-calendar"], children: c }) : /* @__PURE__ */ s(
+      className: `${l["cell-calendar"]} ${$ ? "iru-rounded-l-full" : ""} ${v ? "iru-rounded-r-full" : ""} ${t ? r ? l.error : l.selected : ""} ${a ? "iru-disabled" : ""}`,
+      children: b ? /* @__PURE__ */ s("div", { className: l["visible-cell-calendar"], children: c }) : /* @__PURE__ */ s(
         "div",
         {
-          className: `${a["active-cell-calendar"]} ${t && !r ? a.disabled : ""} ${d || n ? r ? a.error : a.selected : ""} ${i && !t && !(d ?? n) ? r ? "hover:iru-bg-red-400" : "hover:iru-text-laba-blue-05" : ""} ${!i && !t ? "hover:iru-bg-laba-blue-01" : ""}`,
+          ...x(R, p),
+          className: `${l["active-cell-calendar"]} ${a && !r ? l.disabled : ""} ${d || n ? r ? l.error : l.selected : ""} ${t && !a && !(d ?? n) ? r ? "hover:iru-bg-red-400" : "hover:iru-text-laba-blue-05" : ""} ${!t && !a ? "hover:iru-bg-laba-blue-01" : ""}`,
           children: c
         }
       )

package/dist/components/Calendar/CalendarMonth.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),$=require("react-aria"),n=require("./style.module.scss.cjs"),h=require("./CalendarButton.cjs"),i=require("react"),y=require("./CalendarYear.cjs"),q=({prevIcon:l,nextIcon:s,state:e,setActiveTypeCalendar:c,onChangeMonth:m,type:t,hiddenHeader:D})=>{const V=new Date().getFullYear(),x=e.focusedDate.calendar.getMonthsInYear(e.focusedDate),j=$.useDateFormatter({month:"short",timeZone:e.timeZone}),b=(o,a)=>{const d=e.focusedDate.set({month:o});a?(c("date"),e.setFocusedDate(d)):!a&&typeof m=="function"&&m(d)},f=o=>{const a=e.focusedDate.set({year:o});e.setFocusedDate(a)};return r.jsxs("div",{className:`iru-w-[296px] ${n.default["container-calendar"]}`,children:[!D&&r.jsxs("div",{className:n.default["header-calendar"],children:[r.jsx(h.default,{isDisabled:e?.minValue?e.focusedDate.year<=e.minValue.year:!1,onPress:()=>f(e.focusedDate.year-1),children:typeof l=="function"||i.isValidElement(l)?i.isValidElement(l)?l:l():r.jsx(y.ChevronDownIcon,{className:"iru-rotate-90"})}),r.jsx("div",{className:`${n.default["header-button-calendar"]} ${t.includes("year")?"":n.default.disabled}`,onClick:()=>{t.includes("year")&&c("year")},children:e.focusedDate.year}),r.jsx(h.default,{isDisabled:e?.maxValue?e.focusedDate.year>=e.maxValue.year:!1,onPress:()=>f(e.focusedDate.year+1),children:typeof s=="function"||i.isValidElement(s)?i.isValidElement(s)?s:s():r.jsx(y.ChevronDownIcon,{className:"-iru-rotate-90"})})]}),r.jsx("div",{className:n.default["month-calendar"],children:[...Array(x).keys()].map(o=>{const a=e.focusedDate.set({month:o+1}),d=j.format(a.toDate(e.timeZone)),g=e.value?.year||e.value?.start?.year||V,C=e?.minValue?a.month<e?.minValue?.month&&a.year<=e.minValue.year:!1,N=e?.maxValue?a.month>e.maxValue.month&&a.year>=e.maxValue.year:!1,u=C||N;return r.jsx("div",{onClick:()=>{u||b(a.month,t.includes("date"))},className:`${n.default["cell-month"]} ${e.focusedDate.month===a.month&&!u&&a.year===g?n.default.selected:""} ${e.focusedDate.month!==a.month&&!u?"hover:iru-bg-laba-blue-01":""} ${u?"iru-text-gray-400":"iru-cursor-pointer"}`,children:d},o)})})]})};exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),N=require("react-aria"),o=require("./style.module.scss.cjs"),h=require("./CalendarButton.cjs"),u=require("react"),y=require("./CalendarYear.cjs"),$=require("./Calendar.config.cjs"),M=({prevIcon:l,nextIcon:s,state:e,setActiveTypeCalendar:c,onChangeMonth:m,type:t,hiddenHeader:D,variants:V="laba-blue-10"})=>{const x=new Date().getFullYear(),b=e.focusedDate.calendar.getMonthsInYear(e.focusedDate),j=N.useDateFormatter({month:"short",timeZone:e.timeZone}),g=(n,a)=>{const i=e.focusedDate.set({month:n});a?(c("date"),e.setFocusedDate(i)):!a&&typeof m=="function"&&m(i)},f=n=>{const a=e.focusedDate.set({year:n});e.setFocusedDate(a)};return r.jsxs("div",{className:`iru-w-[296px] ${$.configCalendar.variants[V]}`,children:[!D&&r.jsxs("div",{className:o.default["header-calendar"],children:[r.jsx(h.default,{isDisabled:e?.minValue?e.focusedDate.year<=e.minValue.year:!1,onPress:()=>f(e.focusedDate.year-1),children:typeof l=="function"||u.isValidElement(l)?u.isValidElement(l)?l:l():r.jsx(y.ChevronDownIcon,{className:"iru-rotate-90"})}),r.jsx("div",{className:`${o.default["header-button-calendar"]} ${t.includes("year")?"":o.default.disabled}`,onClick:()=>{t.includes("year")&&c("year")},children:e.focusedDate.year}),r.jsx(h.default,{isDisabled:e?.maxValue?e.focusedDate.year>=e.maxValue.year:!1,onPress:()=>f(e.focusedDate.year+1),children:typeof s=="function"||u.isValidElement(s)?u.isValidElement(s)?s:s():r.jsx(y.ChevronDownIcon,{className:"-iru-rotate-90"})})]}),r.jsx("div",{className:o.default["month-calendar"],children:[...Array(b).keys()].map(n=>{const a=e.focusedDate.set({month:n+1}),i=j.format(a.toDate(e.timeZone)),C=e.value?.year||e.value?.start?.year||x,q=e?.minValue?a.month<e?.minValue?.month&&a.year<=e.minValue.year:!1,v=e?.maxValue?a.month>e.maxValue.month&&a.year>=e.maxValue.year:!1,d=q||v;return r.jsx("div",{onClick:()=>{d||g(a.month,t.includes("date"))},className:`${o.default["cell-month"]} ${e.focusedDate.month===a.month&&!d&&a.year===C?o.default.selected:""} ${e.focusedDate.month!==a.month&&!d?"hover:iru-bg-laba-blue-01":""} ${d?"iru-text-gray-400":"iru-cursor-pointer"}`,children:i},n)})})]})};exports.default=M;

package/dist/components/Calendar/CalendarMonth.mjs

@@ -1,42 +1,44 @@
 import { jsxs as h, jsx as o } from "react/jsx-runtime";
-import { useDateFormatter as Y } from "react-aria";
-import r from "./style.module.scss.mjs";
+import { useDateFormatter as v } from "react-aria";
+import n from "./style.module.scss.mjs";
 import y from "./CalendarButton.mjs";
-import { isValidElement as m } from "react";
+import { isValidElement as d } from "react";
 import { ChevronDownIcon as D } from "./CalendarYear.mjs";
-const w = ({
+import { configCalendar as F } from "./Calendar.config.mjs";
+const A = ({
   prevIcon: l,
   nextIcon: i,
   state: e,
   setActiveTypeCalendar: u,
   onChangeMonth: t,
   type: c,
-  hiddenHeader: V
+  hiddenHeader: V,
+  variants: b = "laba-blue-10"
 }) => {
-  const b = (/* @__PURE__ */ new Date()).getFullYear(), N = e.focusedDate.calendar.getMonthsInYear(e.focusedDate), $ = Y({
+  const p = (/* @__PURE__ */ new Date()).getFullYear(), N = e.focusedDate.calendar.getMonthsInYear(e.focusedDate), $ = v({
     month: "short",
     timeZone: e.timeZone
-  }), p = (n, a) => {
-    const s = e.focusedDate.set({ month: n });
+  }), g = (r, a) => {
+    const s = e.focusedDate.set({ month: r });
     a ? (u("date"), e.setFocusedDate(s)) : !a && typeof t == "function" && t(s);
-  }, f = (n) => {
-    const a = e.focusedDate.set({ year: n });
+  }, f = (r) => {
+    const a = e.focusedDate.set({ year: r });
     e.setFocusedDate(a);
   };
-  return /* @__PURE__ */ h("div", { className: `iru-w-[296px] ${r["container-calendar"]}`, children: [
-    !V && /* @__PURE__ */ h("div", { className: r["header-calendar"], children: [
+  return /* @__PURE__ */ h("div", { className: `iru-w-[296px] ${F.variants[b]}`, children: [
+    !V && /* @__PURE__ */ h("div", { className: n["header-calendar"], children: [
       /* @__PURE__ */ o(
         y,
         {
           isDisabled: e?.minValue ? e.focusedDate.year <= e.minValue.year : !1,
           onPress: () => f(e.focusedDate.year - 1),
-          children: typeof l == "function" || m(l) ? m(l) ? l : l() : /* @__PURE__ */ o(D, { className: "iru-rotate-90" })
+          children: typeof l == "function" || d(l) ? d(l) ? l : l() : /* @__PURE__ */ o(D, { className: "iru-rotate-90" })
         }
       ),
       /* @__PURE__ */ o(
         "div",
         {
-          className: `${r["header-button-calendar"]} ${c.includes("year") ? "" : r.disabled}`,
+          className: `${n["header-button-calendar"]} ${c.includes("year") ? "" : n.disabled}`,
           onClick: () => {
             c.includes("year") && u("year");
           },
@@ -48,26 +50,26 @@ const w = ({
         {
           isDisabled: e?.maxValue ? e.focusedDate.year >= e.maxValue.year : !1,
           onPress: () => f(e.focusedDate.year + 1),
-          children: typeof i == "function" || m(i) ? m(i) ? i : i() : /* @__PURE__ */ o(D, { className: "-iru-rotate-90" })
+          children: typeof i == "function" || d(i) ? d(i) ? i : i() : /* @__PURE__ */ o(D, { className: "-iru-rotate-90" })
         }
       )
     ] }),
-    /* @__PURE__ */ o("div", { className: r["month-calendar"], children: [...Array(N).keys()].map((n) => {
-      const a = e.focusedDate.set({ month: n + 1 }), s = $.format(a.toDate(e.timeZone)), x = e.value?.year || e.value?.start?.year || b, g = e?.minValue ? a.month < e?.minValue?.month && a.year <= e.minValue.year : !1, C = e?.maxValue ? a.month > e.maxValue.month && a.year >= e.maxValue.year : !1, d = g || C;
+    /* @__PURE__ */ o("div", { className: n["month-calendar"], children: [...Array(N).keys()].map((r) => {
+      const a = e.focusedDate.set({ month: r + 1 }), s = $.format(a.toDate(e.timeZone)), x = e.value?.year || e.value?.start?.year || p, C = e?.minValue ? a.month < e?.minValue?.month && a.year <= e.minValue.year : !1, Y = e?.maxValue ? a.month > e.maxValue.month && a.year >= e.maxValue.year : !1, m = C || Y;
       return /* @__PURE__ */ o(
         "div",
         {
           onClick: () => {
-            d || p(a.month, c.includes("date"));
+            m || g(a.month, c.includes("date"));
           },
-          className: `${r["cell-month"]} ${e.focusedDate.month === a.month && !d && a.year === x ? r.selected : ""} ${e.focusedDate.month !== a.month && !d ? "hover:iru-bg-laba-blue-01" : ""} ${d ? "iru-text-gray-400" : "iru-cursor-pointer"}`,
+          className: `${n["cell-month"]} ${e.focusedDate.month === a.month && !m && a.year === x ? n.selected : ""} ${e.focusedDate.month !== a.month && !m ? "hover:iru-bg-laba-blue-01" : ""} ${m ? "iru-text-gray-400" : "iru-cursor-pointer"}`,
           children: s
         },
-        n
+        r
       );
     }) })
   ] });
 };
 export {
-  w as default
+  A as default
 };

package/dist/components/Calendar/CalendarRange.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),l=require("react"),x=require("@internationalized/date"),m=require("react-aria"),y=require("react-stately"),v=require("./CalendarButton.cjs"),d=require("./style.module.scss.cjs"),M=require("./CalendarCell.cjs"),j=require("../Button/Button.cjs"),A=require("./CalendarMonth.cjs"),f=require("./CalendarYear.cjs"),R=require("./Calendar.cjs"),B=e=>{const u=l.useRef(null),{locale:s}=m.useLocale(),i=y.useRangeCalendarState({...e,locale:s,createCalendar:x.createCalendar}),D=n=>{let a="";switch(n){case 0:a="Min";break;case 1:a="Sen";break;case 2:a="Sel";break;case 3:a="Rab";break;case 4:a="Kam";break;case 5:a="Jum";break;case 6:a="Sab";break}return a},{calendarProps:S,prevButtonProps:k,nextButtonProps:T,title:C}=m.useRangeCalendar(e,i,u),{gridProps:I,headerProps:N,weekDays:q}=m.useCalendarGrid({},i),w=x.getWeeksInMonth(i.visibleRange.start,s),[o,h]=l.useState("date"),[r,b]=l.useState({start:void 0,end:void 0}),P=r.start?.hour?.toString()&&r?.start?.minut?.toString()&&e.value?.start?.toDate(x.getLocalTimeZone()).setHours(r.start?.hour,r.start?.minut)||e.minDate,E=e.maxDate,g=(n,a)=>{const c={...r,[a]:n};b(c),typeof e?.handlerChangeTimeRange=="function"&&e.handlerChangeTimeRange(c)};return l.useEffect(()=>{if(e.time?.start&&e.time?.end){const n=e.time.start,a=e.time.end;b({start:n,end:a})}},[JSON.stringify(e.time)]),t.jsxs("div",{className:"iru-text-laba-base-sr",children:[o==="date"&&t.jsx(t.Fragment,{children:t.jsx("div",{...S,ref:u,children:t.jsxs("div",{className:d.default["container-calendar"],children:[t.jsxs("div",{className:"iru-flex iru-gap-2",children:[t.jsxs("div",{children:[t.jsxs("div",{className:d.default["header-calendar"],children:[t.jsx(v.default,{...k,children:typeof e?.prevIcon=="function"||l.isValidElement(e?.prevIcon)?l.isValidElement(e.prevIcon)?e.prevIcon:e.prevIcon():t.jsx(f.ChevronDownIcon,{className:"iru-rotate-90"})}),t.jsx("div",{className:d.default["header-button-calendar"],onClick:()=>h("month"),children:C}),t.jsx(v.default,{...T,children:typeof e?.nextIcon=="function"||l.isValidElement(e?.nextIcon)?l.isValidElement(e.nextIcon)?e.nextIcon:e.nextIcon():t.jsx(f.ChevronDownIcon,{className:"-iru-rotate-90"})})]}),t.jsxs("table",{...I,cellPadding:"0",className:"flex-1",children:[t.jsx("thead",{...N,className:"text-gray-600",children:t.jsx("tr",{children:q.map((n,a)=>t.jsx("th",{className:d.default["days-calendar"],children:D(a)},a))})}),t.jsx("tbody",{children:[...new Array(w).keys()].map(n=>t.jsx("tr",{children:i.getDatesInWeek(n).map((a,c)=>a?t.jsx(M.default,{state:i,date:a},c):t.jsx("td",{},c))},n))})]})]}),e?.isCustomTime&&t.jsxs("div",{className:"iru-flex",children:[t.jsx(R.CustomTimeCalendar,{minDate:e.minDate,maxDate:e.maxDate,time:e.time?.start,value:e.value?.start,timeLabel:"Awal",type:"start",handlerChangeTime:n=>g(n,"start")}),t.jsx(R.CustomTimeCalendar,{minDate:P,maxDate:E,time:e.time?.end,value:e.value?.end,timeLabel:"Akhir",type:"end",handlerChangeTime:n=>g(n,"end")})]})]}),e.withConfirm&&t.jsxs("div",{className:d.default["footer-calendar"],children:[typeof e?.buttonReset=="function"?t.jsx("div",{onClick:()=>e.handlerReset(i),children:e.buttonReset()}):t.jsx(j.default,{variants:"nude-laba-blue-10",size:"small",onClick:()=>e.handlerReset(i),children:"Reset"}),typeof e?.buttonSubmit=="function"?t.jsx("div",{onClick:e.handlerSubmit,children:e.buttonSubmit()}):t.jsx(j.default,{size:"small",onClick:e.handlerSubmit,children:"Terapkan"})]})]})})}),o==="month"&&t.jsx(A.default,{state:i,setActiveTypeCalendar:h,type:["date","month","year"]}),o==="year"&&t.jsx(f.default,{state:i,setActiveTypeCalendar:h,title:C,type:["date","month","year"]})]})},L=e=>{const u=y.useDateRangePickerState(e),s=l.useRef(null),{calendarProps:i}=m.useDateRangePicker(e,u,s);return t.jsx("div",{ref:s,children:t.jsx(B,{handlerReset:e.handlerReset,handlerSubmit:e.handlerSubmit,withConfirm:e.withConfirm,prevIcon:e.prevIcon,nextIcon:e.nextIcon,buttonReset:e.buttonReset,buttonSubmit:e.buttonSubmit,isCustomTime:e.isCustomTime,time:e.time,minDate:e.minDate,maxDate:e.maxDate,handlerChangeTimeRange:e.handlerChangeTimeRange,...i})})};exports.default=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),r=require("react"),C=require("@internationalized/date"),j=require("react-aria"),I=require("react-stately"),y=require("./CalendarButton.cjs"),o=require("./style.module.scss.cjs"),V=require("./CalendarCell.cjs"),D=require("../Button/Button.cjs"),M=require("./CalendarMonth.cjs"),f=require("./CalendarYear.cjs"),s=require("./Calendar.cjs"),g=require("./Calendar.config.cjs"),_=({variants:d="laba-blue-10",locale:a="id-ID",...e})=>{const c=r.useRef(null),n=I.useRangeCalendarState({...e,locale:a,createCalendar:C.createCalendar}),{calendarProps:S,prevButtonProps:T,nextButtonProps:q,title:v}=j.useRangeCalendar(e,n,c),{gridProps:N,headerProps:k,weekDays:P}=j.useCalendarGrid({},n),w=C.getWeeksInMonth(n.visibleRange.start,a),[h,x]=r.useState("date"),[u,b]=r.useState({start:void 0,end:void 0}),E=u.start?.hour?.toString()&&u?.start?.minut?.toString()&&e.value?.start?.toDate(C.getLocalTimeZone()).setHours(u.start?.hour,u.start?.minut)||e.minDate,B=e.maxDate,R=(i,l)=>{const m={...u,[l]:i};b(m),typeof e?.handlerChangeTimeRange=="function"&&e.handlerChangeTimeRange(m)};return r.useEffect(()=>{if(e.time?.start&&e.time?.end){const i=e.time.start,l=e.time.end;b({start:i,end:l})}},[JSON.stringify(e.time)]),t.jsxs("div",{className:"iru-text-laba-base-sr",children:[h==="date"&&t.jsx(t.Fragment,{children:t.jsx("div",{...S,ref:c,children:t.jsxs("div",{className:g.configCalendar.variants[d],children:[t.jsxs("div",{className:"iru-flex iru-gap-2",children:[t.jsxs("div",{children:[t.jsxs("div",{className:o.default["header-calendar"],children:[t.jsx(y.default,{...T,children:typeof e?.prevIcon=="function"||r.isValidElement(e?.prevIcon)?r.isValidElement(e.prevIcon)?e.prevIcon:e.prevIcon():t.jsx(f.ChevronDownIcon,{className:"iru-rotate-90"})}),t.jsx("div",{className:o.default["header-button-calendar"],onClick:()=>x("month"),children:v}),t.jsx(y.default,{...q,children:typeof e?.nextIcon=="function"||r.isValidElement(e?.nextIcon)?r.isValidElement(e.nextIcon)?e.nextIcon:e.nextIcon():t.jsx(f.ChevronDownIcon,{className:"-iru-rotate-90"})})]}),t.jsxs("table",{...N,cellPadding:"0",className:"flex-1",children:[t.jsx("thead",{...k,className:"text-gray-600",children:t.jsx("tr",{children:P.map((i,l)=>t.jsx("th",{className:o.default["days-calendar"],children:s.getDaysCalendar(l,a)},l))})}),t.jsx("tbody",{children:[...new Array(w).keys()].map(i=>t.jsx("tr",{children:n.getDatesInWeek(i).map((l,m)=>l?t.jsx(V.default,{state:n,date:l},m):t.jsx("td",{},m))},i))})]})]}),e?.isCustomTime&&t.jsxs("div",{className:"iru-flex",children:[t.jsx(s.CustomTimeCalendar,{minDate:e.minDate,maxDate:e.maxDate,time:e.time?.start,value:e.value?.start,timeLabel:s.translateCalendar[a].Start,type:"start",handlerChangeTime:i=>R(i,"start")}),t.jsx(s.CustomTimeCalendar,{minDate:E,maxDate:B,time:e.time?.end,value:e.value?.end,timeLabel:s.translateCalendar[a].End,type:"end",handlerChangeTime:i=>R(i,"end")})]})]}),e.withConfirm&&t.jsxs("div",{className:o.default["footer-calendar"],children:[typeof e?.buttonReset=="function"?t.jsx("div",{onClick:()=>e.handlerReset(n),children:e.buttonReset()}):t.jsx(D.default,{variants:g.configCalendar.resetButtonVariant[d],size:"small",onClick:()=>e.handlerReset(n),children:s.translateCalendar[a].Reset}),typeof e?.buttonSubmit=="function"?t.jsx("div",{onClick:e.handlerSubmit,children:e.buttonSubmit()}):t.jsx(D.default,{variants:g.configCalendar.submitButtonVariant[d],size:"small",onClick:e.handlerSubmit,children:s.translateCalendar[a].Apply})]})]})})}),h==="month"&&t.jsx(M.default,{state:n,setActiveTypeCalendar:x,type:["date","month","year"],variants:d}),h==="year"&&t.jsx(f.default,{state:n,setActiveTypeCalendar:x,title:v,type:["date","month","year"],variants:d})]})},A=({variants:d,...a})=>{const e=I.useDateRangePickerState(a),c=r.useRef(null),{calendarProps:n}=j.useDateRangePicker(a,e,c);return t.jsx("div",{ref:c,children:t.jsx(_,{handlerReset:a.handlerReset,handlerSubmit:a.handlerSubmit,withConfirm:a.withConfirm,prevIcon:a.prevIcon,nextIcon:a.nextIcon,buttonReset:a.buttonReset,buttonSubmit:a.buttonSubmit,isCustomTime:a.isCustomTime,time:a.time,minDate:a.minDate,maxDate:a.maxDate,handlerChangeTimeRange:a.handlerChangeTimeRange,variants:d,locale:a.locale,...n})})};exports.default=A;