@altinn/altinn-components 0.56.8 → 0.56.10

package/dist/components/Settings/BookmarksSettingsList.js

@@ -4,6 +4,7 @@ import "../../index-p1eeF8LQ.js";
 import { Typography as h } from "../Typography/Typography.js";
 import { Heading as f } from "../Typography/Heading.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { Divider as k } from "../Divider/Divider.js";
 import { List as x } from "../List/List.js";
@@ -11,14 +12,14 @@ import "../Snackbar/useSnackbar.js";
 import { Flex as F } from "../Page/Flex.js";
 import { SettingsSection as S } from "./SettingsSection.js";
 import { BookmarksSettingsItem as u } from "./BookmarksSettingsItem.js";
-const $ = ({
+const q = ({
   loading: e,
   title: n,
   description: m,
   items: t,
   untitled: l = "Untitled bookmark",
-  expandedId: d,
-  onToggle: p
+  expandedId: p,
+  onToggle: d
 }) => /* @__PURE__ */ i(s, { children: [
   /* @__PURE__ */ o(f, { size: "lg", children: n }),
   t.length > 0 && /* @__PURE__ */ i(F, { direction: "col", spacing: 4, children: [
@@ -31,8 +32,8 @@ const $ = ({
           key: r.id,
           title: r?.title || l,
           loading: e || r.loading,
-          onToggle: () => p?.(r.id),
-          expanded: d === r.id
+          onToggle: () => d?.(r.id),
+          expanded: p === r.id
         }
       )
     ] }, r.id)) }) }),
@@ -40,5 +41,5 @@ const $ = ({
   ] })
 ] });
 export {
-  $ as BookmarksSettingsList
+  q as BookmarksSettingsList
 };

package/dist/components/Settings/SettingsItem.js

@@ -2,17 +2,18 @@ import { jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import { useState as s } from "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { Input as f } from "../Forms/Input.js";
 import "../Snackbar/useSnackbar.js";
 import { SettingsItemBase as i } from "./SettingsItemBase.js";
 import { SettingsModal as v } from "./SettingsModal.js";
-const C = ({
+const B = ({
   loading: c,
   variant: o = "default",
   id: a = "settings",
-  name: u,
-  checked: m,
+  name: m,
+  checked: u,
   onChange: d,
   modalProps: l,
   children: h,
@@ -51,9 +52,9 @@ const C = ({
               type: "checkbox",
               role: "switch",
               "aria-labelledby": a,
-              name: u,
+              name: m,
               value: t?.value,
-              checked: m,
+              checked: u,
               onChange: d,
               style: { marginRight: "0.5em" }
             }
@@ -102,5 +103,5 @@ const C = ({
   }
 };
 export {
-  C as SettingsItem
+  B as SettingsItem
 };

package/dist/components/Settings/SettingsItemBase.js

@@ -2,6 +2,7 @@ import { jsxs as d, jsx as a } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { ListItemBase as f } from "../List/ListItemBase.js";
 import { ListItemHeader as I } from "../List/ListItemHeader.js";
@@ -11,38 +12,38 @@ import '../../assets/SettingsItemBase.css';const k = "_item_lk1g7_1", N = "_labe
   item: k,
   label: N,
   header: j
-}, z = ({
-  ref: s,
+}, A = ({
+  ref: i,
   loading: t,
-  color: i,
+  color: s,
   size: l,
   expanded: r,
   icon: o,
   label: c,
   title: n,
   value: _,
-  description: b,
-  children: h,
-  highlightWords: p,
+  description: p,
+  children: b,
+  highlightWords: h,
   ...m
 }) => {
   const L = m.ariaLabel;
-  return /* @__PURE__ */ d(f, { ref: s, className: e.item, color: i, size: l, expanded: r, children: [
+  return /* @__PURE__ */ d(f, { ref: i, className: e.item, color: s, size: l, expanded: r, children: [
     /* @__PURE__ */ a(I, { ...m, loading: t, ariaLabel: L, className: e.header, icon: o, children: /* @__PURE__ */ a(
       g,
       {
         loading: t,
-        highlightWords: p,
+        highlightWords: h,
         className: e.label,
         title: n,
         value: _,
-        description: b,
+        description: p,
         children: c
       }
     ) }),
-    r && h
+    r && b
   ] });
 };
 export {
-  z as SettingsItemBase
+  A as SettingsItemBase
 };

package/dist/components/Settings/SettingsList.js

@@ -4,6 +4,7 @@ import "../../index-p1eeF8LQ.js";
 import { useMenu as f } from "../../hooks/useMenu.js";
 import { Heading as u } from "../Typography/Heading.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { Divider as h } from "../Divider/Divider.js";
 import { List as y } from "../List/List.js";
@@ -11,7 +12,7 @@ import "../Snackbar/useSnackbar.js";
 import { Flex as S } from "../Page/Flex.js";
 import { SettingsItem as v } from "./SettingsItem.js";
 import { SettingsSection as j } from "./SettingsSection.js";
-const M = ({ items: s, groups: p = {}, sortGroupBy: n }) => {
+const q = ({ items: s, groups: p = {}, sortGroupBy: n }) => {
   const { menu: c } = f({
     items: s,
     groups: p,
@@ -34,5 +35,5 @@ const M = ({ items: s, groups: p = {}, sortGroupBy: n }) => {
   }) });
 };
 export {
-  M as SettingsList
+  q as SettingsList
 };

package/dist/components/Settings/SettingsModal.js

@@ -5,12 +5,13 @@ import { Button as M } from "../Button/Button.js";
 import { ButtonIcon as k } from "../Button/ButtonIcon.js";
 import { ButtonLabel as x } from "../Button/ButtonLabel.js";
 import { ButtonGroup as g } from "../Button/ButtonGroup.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { ModalBase as j } from "../Modal/ModalBase.js";
 import { ModalHeader as y } from "../Modal/ModalHeader.js";
 import { ModalBody as E } from "../Modal/ModalBody.js";
-const C = ({
+const D = ({
   icon: n,
   title: p,
   description: c,
@@ -41,5 +42,5 @@ const C = ({
   ] })
 ] });
 export {
-  C as SettingsModal
+  D as SettingsModal
 };

package/dist/components/Settings/SettingsSection.js

@@ -1,20 +1,21 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as r } from "../Page/Section.js";
-import '../../assets/SettingsSection.css';const m = "_section_kd6sc_1", p = {
-  section: m
-}, g = ({
+import { Section as m } from "../Page/Section.js";
+import '../../assets/SettingsSection.css';const n = "_section_kd6sc_1", p = {
+  section: n
+}, u = ({
   size: t = "sm",
   theme: o = "default",
   shadow: s = "xs",
   as: i,
-  color: c,
-  children: e
-}) => /* @__PURE__ */ n(r, { as: i, size: t, color: c, theme: o, shadow: s, className: p.section, spacing: 2, children: e });
+  color: r,
+  children: c
+}) => /* @__PURE__ */ e(m, { as: i, size: t, color: r, theme: o, shadow: s, className: p.section, spacing: 2, children: c });
 export {
-  g as SettingsSection
+  u as SettingsSection
 };

package/dist/components/Settings/UsedByLog.js

@@ -3,6 +3,7 @@ import { jsx as o, jsxs as a } from "react/jsx-runtime";
 import { useState as y, createElement as B, useMemo as L, Fragment as S } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { SeenByLogButton as s } from "../Dialog/SeenByLogButton.js";
 import { Divider as d } from "../Divider/Divider.js";
@@ -11,7 +12,7 @@ import "../Snackbar/useSnackbar.js";
 import { Flex as j } from "../Page/Flex.js";
 import { Section as g } from "../Page/Section.js";
 import { UsedByLogItem as f } from "./UsedByLogItem.js";
-const w = ({
+const A = ({
   collapsible: m = !0,
   expanded: h,
   title: t,
@@ -41,5 +42,5 @@ const w = ({
   ] });
 };
 export {
-  w as UsedByLog
+  A as UsedByLog
 };

package/dist/components/Settings/UsedByLogItem.js

@@ -1,24 +1,25 @@
-import { jsxs as r, jsx as p } from "react/jsx-runtime";
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
 import { Badge as s } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
 import { Byline as c } from "../Byline/Byline.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as g } from "../Page/Flex.js";
-const y = ({
+const N = ({
   type: m,
   name: t,
   description: o,
   isEndUser: e,
   endUserLabel: a,
-  avatar: l,
-  size: n = "sm"
+  avatar: p,
+  size: l = "sm"
 }) => {
   const i = e && { label: a };
   return /* @__PURE__ */ r(g, { align: "center", spacing: 2, as: "li", children: [
-    /* @__PURE__ */ r(c, { size: n, avatar: { name: t, type: m, ...l }, children: [
+    /* @__PURE__ */ r(c, { size: l, avatar: { name: t, type: m, ...p }, children: [
       /* @__PURE__ */ r("strong", { children: [
         t,
         o && NaN
@@ -26,9 +27,9 @@ const y = ({
       " ",
       o
     ] }),
-    i && /* @__PURE__ */ p(s, { variant: "subtle", ...i })
+    i && /* @__PURE__ */ n(s, { variant: "subtle", ...i })
   ] });
 };
 export {
-  y as UsedByLogItem
+  N as UsedByLogItem
 };

package/dist/components/Snackbar/SnackbarItem.js

@@ -4,6 +4,7 @@ import { c as p } from "../../index-p1eeF8LQ.js";
 import { Icon as u } from "../Icon/Icon.js";
 import a, { forwardRef as v } from "react";
 import { Button as _ } from "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "./useSnackbar.js";
 import { u as g } from "../../useId-BVFxCjkq.js";
@@ -32,7 +33,7 @@ const w = v((e, i) => {
   action: I
 };
 var j = /* @__PURE__ */ ((e) => (e.company = "company", e.success = "success", e.warning = "warning", e.danger = "danger", e.info = "info", e))(j || {});
-const H = ({
+const T = ({
   as: e,
   message: i,
   className: o,
@@ -49,5 +50,5 @@ const H = ({
 ] });
 export {
   j as SnackbarColorEnum,
-  H as SnackbarItem
+  T as SnackbarItem
 };

package/dist/components/Timeline/Timeline.js

@@ -2,10 +2,11 @@ import { jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as m } from "../Page/Section.js";
-const u = ({ as: t = "ul", spacing: o = 2, children: r }) => /* @__PURE__ */ i(m, { as: t, spacing: o, style: { width: "100%" }, children: r });
+const x = ({ as: t = "ul", spacing: o = 2, children: r }) => /* @__PURE__ */ i(m, { as: t, spacing: o, style: { width: "100%" }, children: r });
 export {
-  u as Timeline
+  x as Timeline
 };

package/dist/components/Timeline/TimelineActivity.js

@@ -4,11 +4,12 @@ import "react";
 import { Typography as n } from "../Typography/Typography.js";
 import "../Button/Button.js";
 import { Byline as l } from "../Byline/Byline.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as y } from "../Page/Section.js";
 import { S as a } from "../../CircleFill-yFbEHBRX.js";
-const k = ({
+const q = ({
   loading: r,
   byline: t,
   icon: x = a,
@@ -25,5 +26,5 @@ const k = ({
   o && typeof o == "string" ? /* @__PURE__ */ i(n, { as: "p", loading: r, size: "md", ...m, children: o }) : o
 ] });
 export {
-  k as TimelineActivity
+  q as TimelineActivity
 };

package/dist/components/Timeline/TimelineBase.js

@@ -2,6 +2,7 @@ import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { TimelineIcon as v } from "./TimelineIcon.js";
 import "../Snackbar/useSnackbar.js";
@@ -11,7 +12,7 @@ import '../../assets/TimelineBase.css';const N = "_section_4e55r_1", f = "_sideb
   sidebar: f,
   content: h,
   border: j
-}, k = ({
+}, q = ({
   as: n = "section",
   loading: o,
   border: a = "solid",
@@ -32,5 +33,5 @@ import '../../assets/TimelineBase.css';const N = "_section_4e55r_1", f = "_sideb
   /* @__PURE__ */ t("div", { className: e.content, children: _ })
 ] });
 export {
-  k as TimelineBase
+  q as TimelineBase
 };

package/dist/components/Timeline/TimelineFooter.js

@@ -3,18 +3,19 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
 import { Byline as l } from "../Byline/Byline.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { TimelineBase as n } from "./TimelineBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as f } from "../../CircleFill-yFbEHBRX.js";
-const S = ({
+const T = ({
   loading: r,
   as: o = "li",
   color: m = "neutral",
-  icon: e = f,
-  iconColor: t,
+  icon: t = f,
+  iconColor: e,
   children: p
-}) => /* @__PURE__ */ i(n, { loading: r, as: o, icon: e, color: m, iconColor: t, border: "hidden", children: /* @__PURE__ */ i(l, { loading: r, children: p }) });
+}) => /* @__PURE__ */ i(n, { loading: r, as: o, icon: t, color: m, iconColor: e, border: "hidden", children: /* @__PURE__ */ i(l, { loading: r, children: p }) });
 export {
-  S as TimelineFooter
+  T as TimelineFooter
 };

package/dist/components/Timeline/TimelineHeader.js

@@ -4,6 +4,7 @@ import "react";
 import { Skeleton as c } from "../Skeleton/Skeleton.js";
 import "../Button/Button.js";
 import { Byline as a } from "../Byline/Byline.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { TimelineIcon as l } from "./TimelineIcon.js";
 import "../Snackbar/useSnackbar.js";
@@ -12,10 +13,10 @@ import '../../assets/TimelineHeader.css';const p = "_header_177gq_1", h = "_side
   header: p,
   sidebar: h,
   content: _
-}, T = ({ as: t = "li", loading: i, color: o, icon: s, children: n }) => /* @__PURE__ */ m(d, { as: t, className: r.header, color: o, children: [
+}, k = ({ as: t = "li", loading: i, color: o, icon: s, children: n }) => /* @__PURE__ */ m(d, { as: t, className: r.header, color: o, children: [
   /* @__PURE__ */ e("aside", { className: r.sidebar, children: /* @__PURE__ */ e(c, { variant: "circle", loading: i, children: /* @__PURE__ */ e(l, { icon: s, theme: "base", size: "lg" }) }) }),
   /* @__PURE__ */ e("div", { className: r.content, children: /* @__PURE__ */ e(a, { loading: i, size: "lg", children: n }) })
 ] });
 export {
-  T as TimelineHeader
+  k as TimelineHeader
 };

package/dist/components/Timeline/TimelineIcon.js

@@ -5,16 +5,17 @@ import { Icon as s, isIconProps as n } from "../Icon/Icon.js";
 import { isAvatarProps as l, Avatar as f } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as c, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as d } from "../../XMark-tKk6aExO.js";
-import '../../assets/TimelineIcon.css';const g = "_icon_13w5g_1", a = {
+import '../../assets/TimelineIcon.css';const g = "_icon_13w5g_1", m = {
   icon: g
 };
 function v(o) {
   return typeof o == "string" || typeof o == "number" || typeof o == "boolean" || o === null || p(o);
 }
-const S = ({ loading: o, size: i, color: e, theme: m, icon: r }) => r ? o ? /* @__PURE__ */ t(s, { className: a.icon, svgElement: d, loading: !0 }) : /* @__PURE__ */ t("div", { className: a.icon, "data-color": e, "data-size": i, children: l(r) && /* @__PURE__ */ t(f, { ...r }) || c(r) && /* @__PURE__ */ t(u, { ...r, className: a.avatarGroup }) || n(r) && /* @__PURE__ */ t(s, { ...r, theme: m }) || v(r) && r || /* @__PURE__ */ t(s, { theme: m, svgElement: r }) }) : null;
+const j = ({ loading: o, size: i, color: e, theme: a, icon: r }) => r ? o ? /* @__PURE__ */ t(s, { className: m.icon, svgElement: d, loading: !0 }) : /* @__PURE__ */ t("div", { className: m.icon, "data-color": e, "data-size": i, children: l(r) && /* @__PURE__ */ t(f, { ...r }) || c(r) && /* @__PURE__ */ t(u, { ...r, className: m.avatarGroup }) || n(r) && /* @__PURE__ */ t(s, { ...r, theme: a }) || v(r) && r || /* @__PURE__ */ t(s, { theme: a, svgElement: r }) }) : null;
 export {
-  S as TimelineIcon
+  j as TimelineIcon
 };

package/dist/components/Timeline/TimelineSection.js

@@ -4,11 +4,12 @@ import "react";
 import { Typography as c } from "../Typography/Typography.js";
 import "../Button/Button.js";
 import { Byline as j } from "../Byline/Byline.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { TimelineBase as l } from "./TimelineBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as u } from "../Page/Section.js";
-const v = ({
+const w = ({
   loading: o,
   unread: p,
   level: e,
@@ -37,5 +38,5 @@ const v = ({
   }
 );
 export {
-  v as TimelineSection
+  w as TimelineSection
 };

package/dist/components/Timeline/TimelineSegment.js

@@ -3,12 +3,13 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
 import { Byline as a } from "../Byline/Byline.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { TimelineBase as h } from "./TimelineBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as x } from "../Page/Section.js";
 import { S as d } from "../../CircleFill-yFbEHBRX.js";
-const w = ({
+const y = ({
   loading: r,
   unread: m,
   datetime: t,
@@ -26,5 +27,5 @@ const w = ({
   c
 ] }) });
 export {
-  w as TimelineSegment
+  y as TimelineSegment
 };

package/dist/components/Toolbar/DatepickerFilter.js

@@ -1,78 +1,79 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { Datepicker as L } from "../Datepicker/Datepicker.js";
-import { Field as m } from "../Forms/Field.js";
-import { Fieldset as k } from "../Forms/Fieldset.js";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { Datepicker as T } from "../Datepicker/Datepicker.js";
+import { Field as n } from "../Forms/Field.js";
+import { Fieldset as v } from "../Forms/Fieldset.js";
 import { Label as c } from "../Forms/Label.js";
 import { Input as s } from "../Forms/Input.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
-import { useRootContext as h } from "../RootProvider/RootProvider.js";
-import { MenuItem as F } from "../Menu/MenuItem.js";
-import { MenuList as T } from "../Menu/MenuList.js";
-import { MenuListItem as l } from "../Menu/MenuListItem.js";
+import "react-dom";
+import { useRootContext as x } from "../RootProvider/RootProvider.js";
+import { MenuItem as g } from "../Menu/MenuItem.js";
+import { MenuList as M } from "../Menu/MenuList.js";
+import { MenuListItem as m } from "../Menu/MenuListItem.js";
 import { MenuListDivider as p } from "../Menu/MenuListDivider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as g } from "../../ArrowUndo-hge1gMu8.js";
-const O = ({
+import { S } from "../../ArrowUndo-hge1gMu8.js";
+import '../../assets/DatepickerFilter.css';const u = {}, Q = ({
   formData: t = { fromDate: "", toDate: "" },
   onChange: r,
   onSubmit: f
 }) => {
-  const { fromDate: a, toDate: i } = t, { languageCode: b } = h(), { backLabel: u, fromLabel: d, toLabel: D } = v(b);
-  return /* @__PURE__ */ n(T, { children: [
-    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(F, { variant: "default", icon: g, title: u, onClick: () => {
-      f?.({ fromDate: a, toDate: i });
+  const { fromDate: i, toDate: a } = t, { languageCode: b } = x(), { backLabel: d, fromLabel: L, toLabel: D } = y(b), k = (o) => {
+    r?.({
+      ...t,
+      fromDate: o.target.value
+    });
+  }, h = (o) => {
+    r?.({
+      ...t,
+      toDate: o.target.value
+    });
+  }, F = (o) => {
+    if (a) {
+      r?.({
+        ...t,
+        fromDate: o,
+        toDate: ""
+      });
+      return;
+    }
+    if (!i) {
+      r?.({
+        ...t,
+        fromDate: o
+      });
+      return;
+    }
+    o < i ? r?.({
+      ...t,
+      toDate: i,
+      fromDate: o
+    }) : r?.({
+      ...t,
+      toDate: o
+    });
+  };
+  return /* @__PURE__ */ l(M, { children: [
+    /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(g, { variant: "default", icon: S, title: d, onClick: () => {
+      f?.({ fromDate: i, toDate: a });
     } }) }),
     /* @__PURE__ */ e(p, {}),
-    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ n(k, { size: "xs", children: [
-      /* @__PURE__ */ n(m, { children: [
-        /* @__PURE__ */ e(c, { children: d }),
-        /* @__PURE__ */ e(s, { name: "fromDate", value: a, type: "date", onChange: (o) => {
-          r?.({
-            ...t,
-            fromDate: o.target.value
-          });
-        } })
+    /* @__PURE__ */ e(m, { children: /* @__PURE__ */ l(v, { size: "xs", children: [
+      /* @__PURE__ */ l(n, { children: [
+        /* @__PURE__ */ e(c, { children: L }),
+        /* @__PURE__ */ e(s, { className: u.input, name: "fromDate", value: i, type: "date", onChange: k })
       ] }),
-      /* @__PURE__ */ n(m, { children: [
+      /* @__PURE__ */ l(n, { children: [
         /* @__PURE__ */ e(c, { children: D }),
-        /* @__PURE__ */ e(s, { name: "toDate", value: i, type: "date", onChange: (o) => {
-          r?.({
-            ...t,
-            toDate: o.target.value
-          });
-        } })
+        /* @__PURE__ */ e(s, { className: u.input, name: "toDate", value: a, type: "date", onChange: h })
       ] })
     ] }) }),
     /* @__PURE__ */ e(p, {}),
-    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(L, { onSelect: (o) => {
-      if (i) {
-        r?.({
-          ...t,
-          fromDate: o,
-          toDate: ""
-        });
-        return;
-      }
-      if (!a) {
-        r?.({
-          ...t,
-          fromDate: o
-        });
-        return;
-      }
-      o < a ? r?.({
-        ...t,
-        toDate: a,
-        fromDate: o
-      }) : r?.({
-        ...t,
-        toDate: o
-      });
-    }, selectFrom: a, selectTo: i }) })
+    /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(T, { onSelect: F, selectFrom: i, selectTo: a }) })
   ] });
-}, v = (t) => {
+}, y = (t) => {
   switch (t) {
     case "nn":
       return {
@@ -95,5 +96,5 @@ const O = ({
   }
 };
 export {
-  O as DatepickerFilter
+  Q as DatepickerFilter
 };