1mpacto-react-ui 2.0.25 → 2.0.27

package/dist/components/DatePicker/DatePicker.mjs

@@ -1,42 +1,50 @@
-import { jsxs as q, Fragment as A, jsx as c } from "react/jsx-runtime";
-import p from "react";
+import { jsxs as q, Fragment as A, jsx as l } from "react/jsx-runtime";
+import v from "react";
 import { createCalendar as J, parseDate as K, getLocalTimeZone as Q } from "@internationalized/date";
 import U from "../Calendar/Calendar.mjs";
-import { useDateFormatter as W, useLocale as X, I18nProvider as Y } from "react-aria";
-import _ from "../Popover/Popover.mjs";
-const g = (u) => {
-  let s;
-  const r = new Date(u ?? /* @__PURE__ */ new Date());
-  return u && (s = K(new Date(r.setHours(r.getHours() + 7)).toISOString().slice(0, 10))), s;
-}, se = (u) => {
+import { useDateFormatter as W, I18nProvider as X } from "react-aria";
+import Y from "../Popover/Popover.mjs";
+const w = (f, m) => {
+  let r;
+  if (f) {
+    const u = new Intl.DateTimeFormat(m, {
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit"
+    }).formatToParts(new Date(f)), g = u.find((i) => i.type === "year")?.value, d = u.find((i) => i.type === "month")?.value, T = u.find((i) => i.type === "day")?.value;
+    return r = K(`${g}-${d}-${T}`), r;
+  }
+}, re = (f) => {
   const {
-    minDate: s,
+    minDate: m,
     maxDate: r,
-    value: i,
-    defaultValue: v,
-    withConfirm: h = !1,
-    isCustomTime: D = !1,
-    className: x,
-    classNameButton: I,
-    buttonClick: w,
-    buttonReset: P,
+    value: s,
+    defaultValue: u,
+    withConfirm: g = !1,
+    isCustomTime: d = !1,
+    className: T,
+    classNameButton: i,
+    buttonClick: H,
+    buttonReset: I,
     buttonSubmit: b,
-    prevIcon: y,
-    nextIcon: M,
-    onChange: m,
-    id: k = "date-picker",
-    idPopover: N = "date-picker-popover",
-    floatingOptions: R = {},
-    offsetPopover: V = 5,
-    zIndexPopper: L = 1,
-    hiddenHeader: O
-  } = u, l = W(), { locale: j } = X(), z = g(s), F = g(r), d = p.useRef(null), [S, T] = p.useState(), [f, H] = p.useState(), B = (a) => {
+    prevIcon: M,
+    nextIcon: k,
+    onChange: D,
+    id: N = "date-picker",
+    idPopover: R = "date-picker-popover",
+    floatingOptions: V = {},
+    offsetPopover: F = 5,
+    zIndexPopper: $ = 1,
+    hiddenHeader: j,
+    variants: z,
+    locale: c = "id-ID"
+  } = f, p = W(), L = w(m, c), O = w(r, c), h = v.useRef(null), [y, C] = v.useState(), [S, x] = v.useState(), B = (a) => {
     const o = /* @__PURE__ */ new Date();
     let e = a.toDate(Q());
     e.setHours(o.getHours(), o.getMinutes(), o.getSeconds());
-    const t = s ? new Date(s) : null, n = r ? new Date(r) : null;
-    if (D) {
-      if (e = new Date(new Date(e).setHours(f?.hour ?? 0, f?.minut, f?.second)), t && t?.toDateString() === new Date(e).toDateString() && t?.toTimeString() >= e?.toTimeString()) {
+    const t = m ? new Date(m) : null, n = r ? new Date(r) : null;
+    if (d) {
+      if (e = new Date(new Date(e).setHours(S?.hour ?? 0, S?.minut, S?.second)), t && t?.toDateString() === new Date(e).toDateString() && t?.toTimeString() >= e?.toTimeString()) {
         if (t && (t.getHours() > e.getHours() || t.getHours() === e.getHours() && t.getMinutes() > e.getMinutes()))
           return;
         e = new Date(t.setSeconds(t.getSeconds() + 1));
@@ -47,70 +55,71 @@ const g = (u) => {
         e = new Date(n.setSeconds(n.getSeconds() - 1));
       }
     } else
-      t && l.format(e) === l.format(t) && t.getTime() >= e.getTime() ? e = new Date(t.setSeconds(t.getSeconds() + 1)) : n && l.format(e) === l.format(n) && n.getTime() <= e.getTime() && (e = new Date(n.setSeconds(n.getSeconds() - 1)));
-    typeof m == "function" && (m(e), d.current?.setShow(!1));
-  }, C = (a, o) => {
-    T(a), (o ?? (!h && !D)) && B(a);
+      t && p.format(e) === p.format(t) && t.getTime() >= e.getTime() ? e = new Date(t.setSeconds(t.getSeconds() + 1)) : n && p.format(e) === p.format(n) && n.getTime() <= e.getTime() && (e = new Date(n.setSeconds(n.getSeconds() - 1)));
+    typeof D == "function" && (D(e), h.current?.setShow(!1));
+  }, P = (a, o) => {
+    C(a), (o ?? (!g && !d)) && B(a);
   }, E = (a) => {
     const { start: o } = a;
-    H(o);
+    x(o);
   }, G = (a) => {
-    const o = new Date(i ?? /* @__PURE__ */ new Date());
-    H({
+    const o = new Date(s ?? /* @__PURE__ */ new Date());
+    x({
       hour: o.getHours(),
       minut: o.getMinutes(),
       second: o.getSeconds()
-    }), T(g(i));
+    }), C(w(s, c));
   }, Z = () => {
-    S && C(S, !0);
+    y && P(y, !0);
   };
   return /* @__PURE__ */ q(A, { children: [
-    /* @__PURE__ */ c(
+    /* @__PURE__ */ l(
       "div",
       {
-        id: k,
+        id: N,
         onClick: (a) => {
-          d.current?.handlerShow(a), G();
+          h.current?.handlerShow(a), G();
         },
-        className: I,
-        children: typeof w == "function" ? w(i) : i ? new Date(i).toDateString() : "Pilih Tanggal"
+        className: i,
+        children: typeof H == "function" ? H(s) : s ? new Date(s).toDateString() : "Pilih Tanggal"
       }
     ),
-    /* @__PURE__ */ c(
-      _,
+    /* @__PURE__ */ l(
+      Y,
       {
-        zIndex: L,
-        ref: d,
-        offset: V,
-        id: N,
-        floatingOptions: { placement: "bottom-end", ...R },
-        children: /* @__PURE__ */ c("div", { className: x ?? "", children: /* @__PURE__ */ c(Y, { locale: "id-ID", children: /* @__PURE__ */ c(
+        zIndex: $,
+        ref: h,
+        offset: F,
+        id: R,
+        floatingOptions: { placement: "bottom-end", ...V },
+        children: /* @__PURE__ */ l("div", { className: T ?? "", children: /* @__PURE__ */ l(X, { locale: c, children: /* @__PURE__ */ l(
           U,
           {
-            minValue: z,
-            maxValue: F,
-            minDate: s,
+            minValue: L,
+            maxValue: O,
+            minDate: m,
             maxDate: r,
-            time: { start: f },
-            locale: j,
-            value: S,
+            time: { start: S },
+            locale: c,
+            value: y,
             typeTime: "SINGLE",
-            buttonReset: P,
+            buttonReset: I,
             buttonSubmit: b,
-            prevIcon: y,
-            nextIcon: M,
+            prevIcon: M,
+            nextIcon: k,
             createCalendar: J,
-            defaultValue: g(i),
-            onChange: C,
+            defaultValue: w(s, c),
+            onChange: P,
             handlerReset: () => {
-              typeof m == "function" && (m(v), d.current?.setShow(!1));
+              typeof D == "function" && (D(u), h.current?.setShow(!1));
             },
             handlerSubmit: Z,
             handlerChangeTime: E,
-            withConfirm: h,
-            isCustomTime: D,
+            withConfirm: g,
+            isCustomTime: d,
             type: ["date", "month", "year"],
-            hiddenHeader: O
+            hiddenHeader: j,
+            variants: z
           }
         ) }) })
       }
@@ -118,5 +127,5 @@ const g = (u) => {
   ] });
 };
 export {
-  se as default
+  re as default
 };

package/dist/components/DatePicker/DateRangePicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),R=require("react"),V=require("react-aria"),O=require("../Calendar/CalendarRange.cjs"),t=require("@internationalized/date"),Y=require("../Calendar/Calendar.cjs"),x=r=>{let n;const a=new Date(r??new Date);return r&&(n=t.parseDate(new Date(a.setHours(a.getHours()+7)).toISOString().slice(0,10))),n},A=r=>{const n=new Date(r?.startDate??new Date),a=new Date(r?.endDate??new Date),i=new t.CalendarDate(n.getFullYear(),n.getMonth()+1,n.getDate()),d=new t.CalendarDate(a.getFullYear(),a.getMonth()+1,a.getDate());return r?{start:i,end:d}:void 0},k=r=>{const{minDate:n,maxDate:a,defaultValue:i,withConfirm:d,prevIcon:y,nextIcon:H,buttonReset:M,buttonSubmit:p,typePicker:L="RANGE",onChange:b,value:u,onReset:j,isCustomTime:f}=r,{locale:F}=V.useLocale(),q=x(n),E=x(a),[s,h]=R.useState(),[w,C]=R.useState({start:void 0,end:void 0}),I=e=>{typeof b=="function"&&b(e)},S=(e,o)=>{const c=e.start.toDate(t.getLocalTimeZone()),D=e.end.toDate(t.getLocalTimeZone());h(e),C({start:{hour:0,minut:0,second:0},end:{hour:23,minut:59,second:59}}),(o??!d)&&I({startDate:c,endDate:new Date(D.setHours(23,59,59))})},T=(e,o)=>{if(s?.start&&s?.end&&(C(e),e.start?.hour?.toString()&&e.start?.minut?.toString()&&e.end?.hour?.toString()&&e.end?.minut?.toString()&&(o??!d))){const c=s.start.toDate(t.getLocalTimeZone()),D=s.end.toDate(t.getLocalTimeZone()),l=new Date(c.setHours(e.start.hour,e.start.minut)),g=new Date(D.setHours(e.end.hour,e.end.minut,59));l.getTime()<g.getTime()&&I({startDate:l,endDate:g})}},N=e=>{if(typeof j=="function")j();else if(i&&e){const o=new Date(i.endDate??new Date),c=e.focusedDate.set({month:o.getMonth()+1,year:o.getFullYear()});e.setFocusedDate(c)}h(A(i))},Z=()=>{s&&(f?T(w,!0):S(s,!0))};return R.useEffect(()=>{if(u?.endDate&&u?.startDate){const e=new Date(u.startDate),o=new Date(u.endDate),c=e.getHours(),D=e.getMinutes(),l=o.getHours(),g=o.getMinutes(),G=t.toCalendarDate(t.fromDate(e,t.getLocalTimeZone())),P=t.toCalendarDate(t.fromDate(o,t.getLocalTimeZone()));h({start:G,end:P}),C({start:{hour:c,minut:D},end:{hour:l,minut:g}})}},[JSON.stringify(u)]),m.jsx("div",{className:"iru-flex iru-flex-col",children:m.jsxs(V.I18nProvider,{locale:"id-ID",children:[L==="RANGE"&&m.jsx(O.default,{defaultValue:A(i),value:s,minValue:q,maxValue:E,withConfirm:d,prevIcon:y,nextIcon:H,buttonReset:M,buttonSubmit:p,onChange:e=>S(e),isCustomTime:f,handlerReset:N,handlerSubmit:Z,time:w,minDate:n,maxDate:a,handlerChangeTimeRange:T}),L==="SINGLE"&&m.jsx(Y.default,{defaultValue:x(i?.endDate),value:s?.end,minValue:q,maxValue:E,minDate:n,maxDate:a,withConfirm:d,prevIcon:y,nextIcon:H,buttonReset:M,buttonSubmit:p,locale:F,time:w,typeTime:"RANGE",handlerChangeTime:T,isCustomTime:f,createCalendar:t.createCalendar,onChange:e=>S({start:e,end:e}),handlerReset:N,handlerSubmit:Z,type:["date","month","year"]})]})})};exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("react/jsx-runtime"),b=require("react"),$=require("react-aria"),Y=require("../Calendar/CalendarRange.cjs"),e=require("@internationalized/date"),k=require("../Calendar/Calendar.cjs"),H=(r,s)=>{let n;if(r){const a=new Intl.DateTimeFormat(s,{year:"numeric",month:"2-digit",day:"2-digit"}).formatToParts(new Date(r)),f=a.find(d=>d.type==="year")?.value,g=a.find(d=>d.type==="month")?.value,h=a.find(d=>d.type==="day")?.value;return n=e.parseDate(`${f}-${g}-${h}`),n}},V=r=>{if(!r?.startDate||!r?.endDate)return;const s=new Date(r.startDate),n=new Date(r.endDate),i=new e.CalendarDate(s.getFullYear(),s.getMonth()+1,s.getDate()),a=new e.CalendarDate(n.getFullYear(),n.getMonth()+1,n.getDate());return{start:i,end:a}},O=r=>{const{minDate:s,maxDate:n,defaultValue:i,withConfirm:a,prevIcon:f,nextIcon:g,buttonReset:h,buttonSubmit:d,typePicker:L="RANGE",onChange:j,value:l,onReset:q,isCustomTime:T,variants:E="laba-blue-10",locale:D="id-ID"}=r,I=H(s,D),N=H(n,D),[c,S]=b.useState(),[p,R]=b.useState({start:void 0,end:void 0}),Z=t=>{typeof j=="function"&&j(t)},x=(t,o)=>{const u=t.start.toDate(e.getLocalTimeZone()),m=t.end.toDate(e.getLocalTimeZone());S(t),R({start:{hour:0,minut:0,second:0},end:{hour:23,minut:59,second:59}}),(o??!a)&&Z({startDate:u,endDate:new Date(m.setHours(23,59,59))})},M=(t,o)=>{if(c?.start&&c?.end&&(R(t),t.start?.hour?.toString()&&t.start?.minut?.toString()&&t.end?.hour?.toString()&&t.end?.minut?.toString()&&(o??!a))){const u=c.start.toDate(e.getLocalTimeZone()),m=c.end.toDate(e.getLocalTimeZone()),y=new Date(u.setHours(t.start.hour,t.start.minut)),C=new Date(m.setHours(t.end.hour,t.end.minut,59));y.getTime()<C.getTime()&&Z({startDate:y,endDate:C})}},F=t=>{if(typeof q=="function")q();else if(i&&t){const o=new Date(i.endDate??new Date),u=t.focusedDate.set({month:o.getMonth()+1,year:o.getFullYear()});t.setFocusedDate(u)}S(V(i))},P=()=>{c&&(T?M(p,!0):x(c,!0))};return b.useEffect(()=>{if(l?.endDate&&l?.startDate){const t=new Date(l.startDate),o=new Date(l.endDate),u=t.getHours(),m=t.getMinutes(),y=o.getHours(),C=o.getMinutes(),A=e.toCalendarDate(e.fromDate(t,e.getLocalTimeZone())),G=e.toCalendarDate(e.fromDate(o,e.getLocalTimeZone()));S({start:A,end:G}),R({start:{hour:u,minut:m},end:{hour:y,minut:C}})}},[JSON.stringify(l)]),w.jsx("div",{className:"iru-flex iru-flex-col",children:w.jsxs($.I18nProvider,{locale:D,children:[L==="RANGE"&&w.jsx(Y.default,{defaultValue:V(i),value:c,minValue:I,maxValue:N,withConfirm:a,prevIcon:f,nextIcon:g,buttonReset:h,buttonSubmit:d,onChange:t=>x(t),isCustomTime:T,handlerReset:F,handlerSubmit:P,time:p,minDate:s,maxDate:n,handlerChangeTimeRange:M,variants:E,locale:D}),L==="SINGLE"&&w.jsx(k.default,{defaultValue:H(i?.endDate,D),value:c?.end,minValue:I,maxValue:N,minDate:s,maxDate:n,withConfirm:a,prevIcon:f,nextIcon:g,buttonReset:h,buttonSubmit:d,locale:D,time:p,typeTime:"RANGE",handlerChangeTime:M,isCustomTime:T,createCalendar:e.createCalendar,onChange:t=>x({start:t,end:t}),handlerReset:F,handlerSubmit:P,type:["date","month","year"],variants:E})]})})};exports.default=O;

package/dist/components/DatePicker/DateRangePicker.mjs

@@ -1,107 +1,119 @@
-import { jsx as S, jsxs as Z } from "react/jsx-runtime";
-import A, { useEffect as q } from "react";
-import { useLocale as z, I18nProvider as B } from "react-aria";
-import K from "../Calendar/CalendarRange.mjs";
-import { toCalendarDate as L, fromDate as P, getLocalTimeZone as c, createCalendar as Q, parseDate as U, CalendarDate as Y } from "@internationalized/date";
-import W from "../Calendar/Calendar.mjs";
-const R = (o) => {
+import { jsx as H, jsxs as Z } from "react/jsx-runtime";
+import Y, { useEffect as q } from "react";
+import { I18nProvider as z } from "react-aria";
+import B from "../Calendar/CalendarRange.mjs";
+import { toCalendarDate as $, fromDate as j, getLocalTimeZone as D, createCalendar as K, parseDate as Q, CalendarDate as k } from "@internationalized/date";
+import U from "../Calendar/Calendar.mjs";
+const M = (o, r) => {
   let e;
-  const n = new Date(o ?? /* @__PURE__ */ new Date());
-  return o && (e = U(new Date(n.setHours(n.getHours() + 7)).toISOString().slice(0, 10))), e;
-}, j = (o) => {
-  const e = new Date(o?.startDate ?? /* @__PURE__ */ new Date()), n = new Date(o?.endDate ?? /* @__PURE__ */ new Date()), s = new Y(e.getFullYear(), e.getMonth() + 1, e.getDate()), d = new Y(n.getFullYear(), n.getMonth() + 1, n.getDate());
-  return o ? { start: s, end: d } : void 0;
+  if (o) {
+    const n = new Intl.DateTimeFormat(r, {
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit"
+    }).formatToParts(new Date(o)), l = n.find((i) => i.type === "year")?.value, g = n.find((i) => i.type === "month")?.value, h = n.find((i) => i.type === "day")?.value;
+    return e = Q(`${l}-${g}-${h}`), e;
+  }
+}, L = (o) => {
+  if (!o?.startDate || !o?.endDate) return;
+  const r = new Date(o.startDate), e = new Date(o.endDate), s = new k(r.getFullYear(), r.getMonth() + 1, r.getDate()), n = new k(e.getFullYear(), e.getMonth() + 1, e.getDate());
+  return { start: s, end: n };
 }, nt = (o) => {
   const {
-    minDate: e,
-    maxDate: n,
+    minDate: r,
+    maxDate: e,
     defaultValue: s,
-    withConfirm: d,
-    prevIcon: H,
-    nextIcon: x,
-    buttonReset: y,
-    buttonSubmit: T,
-    typePicker: M = "RANGE",
+    withConfirm: n,
+    prevIcon: l,
+    nextIcon: g,
+    buttonReset: h,
+    buttonSubmit: i,
+    typePicker: b = "RANGE",
     onChange: E,
-    value: D,
+    value: m,
     onReset: I,
-    isCustomTime: l
-  } = o, { locale: k } = z(), N = R(e), V = R(n), [r, g] = A.useState(), [h, w] = A.useState({ start: void 0, end: void 0 }), b = (t) => {
+    isCustomTime: w,
+    variants: N = "laba-blue-10",
+    locale: u = "id-ID"
+  } = o, F = M(r, u), V = M(e, u), [d, C] = Y.useState(), [R, S] = Y.useState({ start: void 0, end: void 0 }), G = (t) => {
     typeof E == "function" && E(t);
-  }, p = (t, a) => {
-    const i = t.start.toDate(c()), u = t.end.toDate(c());
-    g(t), w({ start: { hour: 0, minut: 0, second: 0 }, end: { hour: 23, minut: 59, second: 59 } }), (a ?? !d) && b({ startDate: i, endDate: new Date(u.setHours(23, 59, 59)) });
-  }, C = (t, a) => {
-    if (r?.start && r?.end && (w(t), t.start?.hour?.toString() && t.start?.minut?.toString() && t.end?.hour?.toString() && t.end?.minut?.toString() && (a ?? !d))) {
-      const i = r.start.toDate(c()), u = r.end.toDate(c()), m = new Date(i.setHours(t.start.hour, t.start.minut)), f = new Date(u.setHours(t.end.hour, t.end.minut, 59));
-      m.getTime() < f.getTime() && b({ startDate: m, endDate: f });
+  }, T = (t, a) => {
+    const c = t.start.toDate(D()), f = t.end.toDate(D());
+    C(t), S({ start: { hour: 0, minut: 0, second: 0 }, end: { hour: 23, minut: 59, second: 59 } }), (a ?? !n) && G({ startDate: c, endDate: new Date(f.setHours(23, 59, 59)) });
+  }, x = (t, a) => {
+    if (d?.start && d?.end && (S(t), t.start?.hour?.toString() && t.start?.minut?.toString() && t.end?.hour?.toString() && t.end?.minut?.toString() && (a ?? !n))) {
+      const c = d.start.toDate(D()), f = d.end.toDate(D()), p = new Date(c.setHours(t.start.hour, t.start.minut)), y = new Date(f.setHours(t.end.hour, t.end.minut, 59));
+      p.getTime() < y.getTime() && G({ startDate: p, endDate: y });
     }
-  }, F = (t) => {
+  }, P = (t) => {
     if (typeof I == "function")
       I();
     else if (s && t) {
-      const a = new Date(s.endDate ?? /* @__PURE__ */ new Date()), i = t.focusedDate.set({
+      const a = new Date(s.endDate ?? /* @__PURE__ */ new Date()), c = t.focusedDate.set({
         month: a.getMonth() + 1,
         year: a.getFullYear()
       });
-      t.setFocusedDate(i);
+      t.setFocusedDate(c);
     }
-    g(j(s));
-  }, G = () => {
-    r && (l ? C(h, !0) : p(r, !0));
+    C(L(s));
+  }, A = () => {
+    d && (w ? x(R, !0) : T(d, !0));
   };
   return q(() => {
-    if (D?.endDate && D?.startDate) {
-      const t = new Date(D.startDate), a = new Date(D.endDate), i = t.getHours(), u = t.getMinutes(), m = a.getHours(), f = a.getMinutes(), O = L(P(t, c())), J = L(P(a, c()));
-      g({ start: O, end: J }), w({ start: { hour: i, minut: u }, end: { hour: m, minut: f } });
+    if (m?.endDate && m?.startDate) {
+      const t = new Date(m.startDate), a = new Date(m.endDate), c = t.getHours(), f = t.getMinutes(), p = a.getHours(), y = a.getMinutes(), J = $(j(t, D())), O = $(j(a, D()));
+      C({ start: J, end: O }), S({ start: { hour: c, minut: f }, end: { hour: p, minut: y } });
     }
-  }, [JSON.stringify(D)]), /* @__PURE__ */ S("div", { className: "iru-flex iru-flex-col", children: /* @__PURE__ */ Z(B, { locale: "id-ID", children: [
-    M === "RANGE" && /* @__PURE__ */ S(
-      K,
+  }, [JSON.stringify(m)]), /* @__PURE__ */ H("div", { className: "iru-flex iru-flex-col", children: /* @__PURE__ */ Z(z, { locale: u, children: [
+    b === "RANGE" && /* @__PURE__ */ H(
+      B,
       {
-        defaultValue: j(s),
-        value: r,
-        minValue: N,
+        defaultValue: L(s),
+        value: d,
+        minValue: F,
         maxValue: V,
-        withConfirm: d,
-        prevIcon: H,
-        nextIcon: x,
-        buttonReset: y,
-        buttonSubmit: T,
-        onChange: (t) => p(t),
-        isCustomTime: l,
-        handlerReset: F,
-        handlerSubmit: G,
-        time: h,
-        minDate: e,
-        maxDate: n,
-        handlerChangeTimeRange: C
+        withConfirm: n,
+        prevIcon: l,
+        nextIcon: g,
+        buttonReset: h,
+        buttonSubmit: i,
+        onChange: (t) => T(t),
+        isCustomTime: w,
+        handlerReset: P,
+        handlerSubmit: A,
+        time: R,
+        minDate: r,
+        maxDate: e,
+        handlerChangeTimeRange: x,
+        variants: N,
+        locale: u
       }
     ),
-    M === "SINGLE" && /* @__PURE__ */ S(
-      W,
+    b === "SINGLE" && /* @__PURE__ */ H(
+      U,
       {
-        defaultValue: R(s?.endDate),
-        value: r?.end,
-        minValue: N,
+        defaultValue: M(s?.endDate, u),
+        value: d?.end,
+        minValue: F,
         maxValue: V,
-        minDate: e,
-        maxDate: n,
-        withConfirm: d,
-        prevIcon: H,
-        nextIcon: x,
-        buttonReset: y,
-        buttonSubmit: T,
-        locale: k,
-        time: h,
+        minDate: r,
+        maxDate: e,
+        withConfirm: n,
+        prevIcon: l,
+        nextIcon: g,
+        buttonReset: h,
+        buttonSubmit: i,
+        locale: u,
+        time: R,
         typeTime: "RANGE",
-        handlerChangeTime: C,
-        isCustomTime: l,
-        createCalendar: Q,
-        onChange: (t) => p({ start: t, end: t }),
-        handlerReset: F,
-        handlerSubmit: G,
-        type: ["date", "month", "year"]
+        handlerChangeTime: x,
+        isCustomTime: w,
+        createCalendar: K,
+        onChange: (t) => T({ start: t, end: t }),
+        handlerReset: P,
+        handlerSubmit: A,
+        type: ["date", "month", "year"],
+        variants: N
       }
     )
   ] }) });

package/dist/components/DatePicker/FilterDate.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),n=require("react"),L=require("./DateRangePicker.cjs"),Q=require("../Popover/Popover.cjs"),h=require("../Calendar/style.module.scss.cjs"),m=require("../../utils/common.cjs"),U=require("../Button/Button.cjs"),X=({value:r,prevIcon:v,nextIcon:F,buttonReset:k,buttonSubmit:T,className:K,classNameButton:q,buttonClick:i,buttonList:g,typePicker:H="RANGE",onChange:j,idPopover:N="filter-date-popover",id:R="filter-date",floatingOptions:W={},offsetPopover:P=5,zIndexPopper:B=0,defaultValueLabel:c,isCustomTime:E=!1,mountedExecuteChange:O=!0,formatingDate:u})=>{const w=[{key:"thisDay",value:"Hari ini"},{key:"thisWeek",value:"Minggu ini"},{key:"thisMonth",value:"Bulan ini"},{key:"thisYear",value:"Tahun ini"},{key:"yesterday",value:"Kemarin"},{key:"lastWeek",value:"Minggu lalu"},{key:"lastMonth",value:"Bulan lalu"},{key:"lastYear",value:"Tahun lalu"},{key:"custom",value:"Kustom"}],S=n.useRef(null),[b,M]=n.useState(),[$,o]=n.useState(),[x,Y]=n.useState(),D=(e,t)=>{const a=new Date(e??new Date);return t==="start"?new Date(a.setHours(0,0,0)):new Date(a.setHours(23,59,59))},_=()=>{const e=new Date;return{startDate:e,endDate:e}},z=()=>{const e=new Date;e.setDate(e.getDate()-e.getDay());const t=new Date;return t.setDate(t.getDate()+(6-t.getDay())),{startDate:e,endDate:t}},V=()=>{const e=new Date,t=new Date(e.getFullYear(),e.getMonth(),1),a=new Date(e.getFullYear(),e.getMonth()+1,0);return{startDate:t,endDate:a}},A=()=>{const e=new Date(new Date().getFullYear(),0,1),t=new Date(new Date().getFullYear(),11,31);return{startDate:e,endDate:t}},G=()=>{const e=new Date(new Date().setDate(new Date().getDate()-1));return{startDate:e,endDate:e}},I=()=>{const e=new Date;e.setDate(e.getDate()-(7+e.getDay()));const t=new Date;return t.setDate(t.getDate()-(t.getDay()+1)),{startDate:e,endDate:t}},J=()=>{const e=new Date,t=new Date(e.getFullYear(),e.getMonth()-1,1),a=new Date(e.getFullYear(),e.getMonth(),0);return{startDate:t,endDate:a}},C=()=>{const e=new Date(new Date().getFullYear()-1,0,1),t=new Date(new Date().getFullYear()-1,11,31);return{startDate:e,endDate:t}},d=(e,t,a)=>{if(Y(e),typeof j=="function"){let l=e;u==="string"&&e?l={startDate:m.formatDate(e.startDate,u),endDate:m.formatDate(e.endDate,u)}:typeof u=="boolean"&&e&&(l={startDate:m.formatDate(e.startDate,"yyyy-MM-dd'T'HH:mm:ss.SSSxxx"),endDate:m.formatDate(e.endDate,"yyyy-MM-dd'T'HH:mm:ss.SSSxxx")}),S.current?.setShow(!1),j(l,t??"",a)}},f=(e,t)=>{M(e);let a;if(e?.key!=="custom"){switch(o(e),e?.key){case"thisDay":a=_();break;case"thisWeek":a=z();break;case"thisMonth":a=V();break;case"thisYear":a=A();break;case"yesterday":a=G();break;case"lastWeek":a=I();break;case"lastMonth":a=J();break;case"lastYear":a=C();break}a&&t&&d({startDate:D(a.startDate,"start"),endDate:D(a.endDate,"end")},e?.value,e)}},y=(e,t)=>{const a=(g??w).find(l=>l.key===e);!e&&!a?(t&&d(),f(void 0,t),o(void 0)):typeof e=="object"?(t&&d({startDate:D(e.startDate,"start"),endDate:D(e.endDate,"end")},"Kustom",{key:"custom",value:"Kustom"}),f({key:"custom",value:"Kustom"},t),o({key:"custom",value:"Kustom"})):(f(a,t),o(a))},p=()=>{if(r){Y(r);const e=(g??w)?.find(t=>t.key===r.label||t.value===r.label);Object.keys(e||{}).length>0&&M(e)}else M(void 0),o(void 0)};return n.useEffect(()=>{p()},[JSON.stringify(r)]),n.useEffect(()=>{y(c??r,O)},[]),s.jsxs(s.Fragment,{children:[s.jsxs("div",{onClick:e=>{S.current?.handlerShow(e),p()},className:q,id:R,children:[n.isValidElement(i)&&i,typeof i=="function"?i(x,$):"Pilih Filter"]}),s.jsx(Q.default,{zIndex:B,ref:S,offset:P,id:N,floatingOptions:{placement:"bottom-end",...W},children:s.jsxs("div",{className:`${h.default["container-filter-date"]} ${K}`,children:[s.jsxs("div",{children:[(g??w).map((e,t)=>s.jsx("div",{className:`${h.default["button-filter-date"]} hover:iru-bg-laba-blue-01 ${b?.key===e.key?"iru-text-laba-blue-10":""}`,onClick:()=>f(e,!0),children:e.value},t)),b?.key!=="custom"&&s.jsx(s.Fragment,{children:typeof k=="function"?s.jsx("div",{className:h.default["button-filter-date-custome"],onClick:()=>y(c,!0),children:k()}):s.jsx(U.default,{className:h.default["button-reset-filter-date"],variants:"nude-laba-blue-10",size:"small",onClick:()=>y(c,!0),children:"Reset"})})]}),b?.key==="custom"&&s.jsx("div",{children:s.jsx(L.default,{defaultValue:x,value:x,prevIcon:v,nextIcon:F,buttonReset:k,buttonSubmit:T,isCustomTime:E,onChange:e=>{d(e,"Kustom",{key:"custom",value:"Kustom"}),o({key:"custom",value:"Kustom"})},onReset:()=>{y(c,!0)},typePicker:H,withConfirm:!0})})]})})]})};exports.default=X;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),o=require("react"),Z=require("./DateRangePicker.cjs"),ee=require("../Popover/Popover.cjs"),k=require("../Calendar/style.module.scss.cjs"),w=require("../../utils/common.cjs"),te=require("../Button/Button.cjs"),R=require("../Calendar/Calendar.config.cjs"),n={"en-US":{Today:"Today","This week":"This week","This month":"This month","This year":"This year",Yesterday:"Yesterday","Last week":"Last week","Last month":"Last month","Last year":"Last year",Custom:"Custom",Reset:"Reset"},"id-ID":{Today:"Hari ini","This week":"Minggu ini","This month":"Bulan ini","This year":"Tahun ini",Yesterday:"Kemarin","Last week":"Minggu lalu","Last month":"Bulan lalu","Last year":"Tahun lalu",Custom:"Kustom",Reset:"Reset"},"zh-CN":{Today:"今天","This week":"本周","This month":"本月","This year":"今年",Yesterday:"昨天","Last week":"上周","Last month":"上个月","Last year":"去年",Custom:"自定义",Reset:"重置"},"nl-NL":{Today:"Vandaag","This week":"Deze week","This month":"Deze maand","This year":"Dit jaar",Yesterday:"Gisteren","Last week":"Vorige week","Last month":"Vorige maand","Last year":"Vorig jaar",Custom:"Aangepast",Reset:"Reset"}},ae=({value:i,prevIcon:F,nextIcon:v,buttonReset:g,buttonSubmit:N,className:q,classNameButton:V,buttonClick:D,buttonList:T,typePicker:H="RANGE",onChange:C,idPopover:W="filter-date-popover",id:z="filter-date",floatingOptions:B={},offsetPopover:P=5,zIndexPopper:E=0,defaultValueLabel:c,isCustomTime:O=!1,mountedExecuteChange:_=!0,formatingDate:l,variants:Y="laba-blue-10",locale:s="id-ID"})=>{const S=[{key:"thisDay",value:n[s].Today},{key:"thisWeek",value:n[s]["This week"]},{key:"thisMonth",value:n[s]["This month"]},{key:"thisYear",value:n[s]["This year"]},{key:"yesterday",value:n[s].Yesterday},{key:"lastWeek",value:n[s]["Last week"]},{key:"lastMonth",value:n[s]["Last month"]},{key:"lastYear",value:n[s]["Last year"]},{key:"custom",value:n[s].Custom}],L=o.useRef(null),[M,j]=o.useState(),[$,d]=o.useState(),[b,x]=o.useState(),h=(e,t)=>{const a=new Date(e??new Date);return t==="start"?new Date(a.setHours(0,0,0)):new Date(a.setHours(23,59,59))},I=()=>{const e=new Date;return{startDate:e,endDate:e}},K=()=>{const e=new Date;e.setDate(e.getDate()-e.getDay());const t=new Date;return t.setDate(t.getDate()+(6-t.getDay())),{startDate:e,endDate:t}},A=()=>{const e=new Date,t=new Date(e.getFullYear(),e.getMonth(),1),a=new Date(e.getFullYear(),e.getMonth()+1,0);return{startDate:t,endDate:a}},G=()=>{const e=new Date(new Date().getFullYear(),0,1),t=new Date(new Date().getFullYear(),11,31);return{startDate:e,endDate:t}},J=()=>{const e=new Date(new Date().setDate(new Date().getDate()-1));return{startDate:e,endDate:e}},U=()=>{const e=new Date;e.setDate(e.getDate()-(7+e.getDay()));const t=new Date;return t.setDate(t.getDate()-(t.getDay()+1)),{startDate:e,endDate:t}},Q=()=>{const e=new Date,t=new Date(e.getFullYear(),e.getMonth()-1,1),a=new Date(e.getFullYear(),e.getMonth(),0);return{startDate:t,endDate:a}},X=()=>{const e=new Date(new Date().getFullYear()-1,0,1),t=new Date(new Date().getFullYear()-1,11,31);return{startDate:e,endDate:t}},y=(e,t,a)=>{if(x(e),typeof C=="function"){let u=e;l==="string"&&e?u={startDate:w.formatDate(e.startDate,l),endDate:w.formatDate(e.endDate,l)}:typeof l=="boolean"&&e&&(u={startDate:w.formatDate(e.startDate,"yyyy-MM-dd'T'HH:mm:ss.SSSxxx"),endDate:w.formatDate(e.endDate,"yyyy-MM-dd'T'HH:mm:ss.SSSxxx")}),L.current?.setShow(!1),C(u,t??"",a)}},m=(e,t)=>{j(e);let a;if(e?.key!=="custom"){switch(d(e),e?.key){case"thisDay":a=I();break;case"thisWeek":a=K();break;case"thisMonth":a=A();break;case"thisYear":a=G();break;case"yesterday":a=J();break;case"lastWeek":a=U();break;case"lastMonth":a=Q();break;case"lastYear":a=X();break}a&&t&&y({startDate:h(a.startDate,"start"),endDate:h(a.endDate,"end")},e?.value,e)}},f=(e,t)=>{const a=(T??S).find(u=>u.key===e);!e&&!a?(t&&y(),m(void 0,t),d(void 0)):typeof e=="object"?(t&&y({startDate:h(e.startDate,"start"),endDate:h(e.endDate,"end")},"Kustom",{key:"custom",value:n[s].Custom}),m({key:"custom",value:n[s].Custom},t),d({key:"custom",value:n[s].Custom})):(m(a,t),d(a))},p=()=>{if(i){x(i);const e=(T??S)?.find(t=>t.key===i.label||t.value===i.label);Object.keys(e||{}).length>0&&j(e)}else j(void 0),d(void 0)};return o.useEffect(()=>{p()},[JSON.stringify(i)]),o.useEffect(()=>{f(c??i,_)},[]),r.jsxs(r.Fragment,{children:[r.jsxs("div",{onClick:e=>{L.current?.handlerShow(e),p()},className:V,id:z,children:[o.isValidElement(D)&&D,typeof D=="function"?D(b,$):"Pilih Filter"]}),r.jsx(ee.default,{zIndex:E,ref:L,offset:P,id:W,floatingOptions:{placement:"bottom-end",...B},children:r.jsxs("div",{className:`${R.configCalendar.selectedVariants[Y]} ${q}`,children:[r.jsxs("div",{children:[(T??S).map((e,t)=>r.jsx("div",{className:`${k.default["button-filter-date"]} hover:iru-bg-laba-blue-01 ${M?.key===e.key?k.default.selected:""}`,onClick:()=>m(e,!0),children:e.value},t)),M?.key!=="custom"&&r.jsx(r.Fragment,{children:typeof g=="function"?r.jsx("div",{className:k.default["button-filter-date-custome"],onClick:()=>f(c,!0),children:g()}):r.jsx(te.default,{className:k.default["button-reset-filter-date"],variants:R.configCalendar.resetButtonVariant[Y],size:"small",onClick:()=>f(c,!0),children:n[s].Reset})})]}),M?.key==="custom"&&r.jsx("div",{children:r.jsx(Z.default,{defaultValue:b,value:b,prevIcon:F,nextIcon:v,buttonReset:g,buttonSubmit:N,isCustomTime:O,variants:Y,onChange:e=>{y(e,n[s].Custom,{key:"custom",value:n[s].Custom}),d({key:"custom",value:n[s].Custom})},onReset:()=>{f(c,!0)},typePicker:H,locale:s,withConfirm:!0})})]})})]})};exports.default=ae;