1mpacto-react-ui 2.0.20 → 2.0.22

package/dist/components/DatePicker/DatePicker.mjs

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

package/dist/components/DatePicker/DateRangePicker.cjs

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

package/dist/components/DatePicker/DateRangePicker.mjs

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

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"),r=require("react"),Q=require("./DateRangePicker.cjs"),U=require("../Popover/Popover.cjs"),m=require("../Calendar/style.module.scss.cjs"),k=require("../../utils/common.cjs"),X=require("../Button/Button.cjs"),Z=({value:o,prevIcon:T,nextIcon:K,buttonReset:g,buttonSubmit:q,className:H,classNameButton:N,buttonClick:c,buttonList:w,typePicker:R="RANGE",onChange:Y,idPopover:W="filter-date-popover",id:P="filter-date",floatingOptions:B={},offsetPopover:E=5,zIndexPopper:O=0,defaultValueLabel:l,isCustomTime:$=!1,mountedExecuteChange:_=!0,formatingDate:D})=>{const S=[{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"}],b=r.useRef(null),[n,M]=r.useState(),[z,i]=r.useState(),[x,p]=r.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))},V=()=>{const e=new Date;return{startDate:e,endDate:e}},v=()=>{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}},I=()=>{const e=new Date(new Date().setDate(new Date().getDate()-1));return{startDate:e,endDate:e}},J=()=>{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}},C=()=>{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}},L=()=>{const e=new Date(new Date().getFullYear()-1,0,1),t=new Date(new Date().getFullYear()-1,11,31);return{startDate:e,endDate:t}},u=(e,t,a)=>{var h;if(p(e),typeof Y=="function"){let j=e;D==="string"&&e?j={startDate:k.formatDate(e.startDate,D),endDate:k.formatDate(e.endDate,D)}:typeof D=="boolean"&&e&&(j={startDate:k.formatDate(e.startDate,"yyyy-MM-dd'T'HH:mm:ss.SSSxxx"),endDate:k.formatDate(e.endDate,"yyyy-MM-dd'T'HH:mm:ss.SSSxxx")}),(h=b.current)==null||h.setShow(!1),Y(j,t??"",a)}},f=(e,t)=>{M(e);let a;if((e==null?void 0:e.key)!=="custom"){switch(i(e),e==null?void 0:e.key){case"thisDay":a=V();break;case"thisWeek":a=v();break;case"thisMonth":a=A();break;case"thisYear":a=G();break;case"yesterday":a=I();break;case"lastWeek":a=J();break;case"lastMonth":a=C();break;case"lastYear":a=L();break}a&&t&&u({startDate:d(a.startDate,"start"),endDate:d(a.endDate,"end")},e==null?void 0:e.value,e)}},y=(e,t)=>{const a=(w??S).find(h=>h.key===e);!e&&!a?(t&&u(),f(void 0,t),i(void 0)):typeof e=="object"?(t&&u({startDate:d(e.startDate,"start"),endDate:d(e.endDate,"end")},"Kustom",{key:"custom",value:"Kustom"}),f({key:"custom",value:"Kustom"},t),i({key:"custom",value:"Kustom"})):(f(a,t),i(a))},F=()=>{var e;if(o){p(o);const t=(e=w??S)==null?void 0:e.find(a=>a.key===o.label||a.value===o.label);Object.keys(t||{}).length>0&&M(t)}else M(void 0),i(void 0)};return r.useEffect(()=>{F()},[JSON.stringify(o)]),r.useEffect(()=>{y(l??o,_)},[]),s.jsxs(s.Fragment,{children:[s.jsxs("div",{onClick:e=>{var t;(t=b.current)==null||t.handlerShow(e),F()},className:N,id:P,children:[r.isValidElement(c)&&c,typeof c=="function"?c(x,z):"Pilih Filter"]}),s.jsx(U.default,{zIndex:O,ref:b,offset:E,id:W,floatingOptions:{placement:"bottom-end",...B},children:s.jsxs("div",{className:`${m.default["container-filter-date"]} ${H}`,children:[s.jsxs("div",{children:[(w??S).map((e,t)=>s.jsx("div",{className:`${m.default["button-filter-date"]} hover:iru-bg-laba-blue-01 ${(n==null?void 0:n.key)===e.key?"iru-text-laba-blue-10":""}`,onClick:()=>f(e,!0),children:e.value},t)),(n==null?void 0:n.key)!=="custom"&&s.jsx(s.Fragment,{children:typeof g=="function"?s.jsx("div",{className:m.default["button-filter-date-custome"],onClick:()=>y(l,!0),children:g()}):s.jsx(X.default,{className:m.default["button-reset-filter-date"],variants:"nude-laba-blue-10",size:"small",onClick:()=>y(l,!0),children:"Reset"})})]}),(n==null?void 0:n.key)==="custom"&&s.jsx("div",{children:s.jsx(Q.default,{defaultValue:x,value:x,prevIcon:T,nextIcon:K,buttonReset:g,buttonSubmit:q,isCustomTime:$,onChange:e=>{u(e,"Kustom",{key:"custom",value:"Kustom"}),i({key:"custom",value:"Kustom"})},onReset:()=>{y(l,!0)},typePicker:R,withConfirm:!0})})]})})]})};exports.default=Z;
+"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;