@caspeco/casper-ui-library 9.12.0 → 9.13.0

package/dist/components/date-picker/base-date-picker.d.ts

@@ -1,3 +1,3 @@
 import { DatePickerPropsBase } from './types.js';
-export declare function BaseDatePicker({ selectedDate, onDateChange, onMonthChange, markSundayRed, strikeThroughDates, showDaysOutsideMonth, localeString, canSelectPastDates, isExpanded, dots, weekNumbers, selectWeek, shouldDisableDate, selectedMonth: initialMonth, dateRange, isRangeDate, onRangeChange, isDisabled, redDays, disablePastMonths, disableBackwardNavigation, disableForwardNavigation, }: DatePickerPropsBase): import("react/jsx-runtime").JSX.Element;
+export declare function BaseDatePicker({ selectedDate, onDateChange, selectedDates, onDatesChange, isMultiSelect, onMonthChange, markSundayRed, strikeThroughDates, showDaysOutsideMonth, localeString, canSelectPastDates, isExpanded, dots, weekNumbers, selectWeek, shouldDisableDate, selectedMonth: initialMonth, dateRange, isRangeDate, onRangeChange, isDisabled, redDays, disablePastMonths, disableBackwardNavigation, disableForwardNavigation, }: DatePickerPropsBase): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=base-date-picker.d.ts.map

package/dist/components/date-picker/base-date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-date-picker.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/base-date-picker.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,mBAAmB,EAAa,MAAM,SAAS,CAAC;AAmB9D,wBAAgB,cAAc,CAAC,EAC9B,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,oBAA4B,EAC5B,YAAY,EACZ,kBAAkB,EAClB,UAAiB,EACjB,IAAI,EACJ,WAAmB,EACnB,UAAkB,EAClB,iBAAiB,EACjB,aAAa,EAAE,YAAY,EAC3B,SAAS,EACT,WAAmB,EACnB,aAAa,EACb,UAAkB,EAClB,OAAY,EACZ,iBAAyB,EACzB,yBAAiC,EACjC,wBAAgC,GAChC,EAAE,mBAAmB,2CAkSrB"}
+{"version":3,"file":"base-date-picker.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/base-date-picker.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,mBAAmB,EAAa,MAAM,SAAS,CAAC;AAmB9D,wBAAgB,cAAc,CAAC,EAC9B,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,aAAa,EACb,aAAqB,EACrB,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,oBAA4B,EAC5B,YAAY,EACZ,kBAAkB,EAClB,UAAiB,EACjB,IAAI,EACJ,WAAmB,EACnB,UAAkB,EAClB,iBAAiB,EACjB,aAAa,EAAE,YAAY,EAC3B,SAAS,EACT,WAAmB,EACnB,aAAa,EACb,UAAkB,EAClB,OAAY,EACZ,iBAAyB,EACzB,yBAAiC,EACjC,wBAAgC,GAChC,EAAE,mBAAmB,2CAuTrB"}

package/dist/components/date-picker/base-date-picker.js

@@ -1,248 +1,268 @@
-import { jsxs as x, jsx as i, Fragment as $t } from "react/jsx-runtime";
-import { GridItem as q, Box as bt, Grid as J } from "@chakra-ui/react";
-import Et, { useState as Q, useEffect as Tt, useCallback as Gt } from "react";
-import { DatePickerDateCell as X } from "./date-picker-date-cell.js";
-import { DatePickerHeader as Lt } from "./date-picker-header.js";
-import { DatePickerWeekCell as Pt } from "./date-picker-week-cell.js";
-import { hasDotOnDate as p, isDateStrikeThrough as Ut, firstLetterUpperCase as _t, hasDatePassed as zt, getWeekCellVariant as At, getDateCellVariant as Z } from "./helper.js";
-import { lv as Ht } from "../../node_modules/date-fns/locale/lv.js";
-import { lt as jt } from "../../node_modules/date-fns/locale/lt.js";
-import { et as Kt } from "../../node_modules/date-fns/locale/et.js";
-import { es as Yt } from "../../node_modules/date-fns/locale/es.js";
-import { fi as qt } from "../../node_modules/date-fns/locale/fi.js";
-import { nl as Jt } from "../../node_modules/date-fns/locale/nl.js";
-import { endOfMonth as N } from "../../node_modules/date-fns/endOfMonth.js";
-import { startOfWeek as Qt } from "../../node_modules/date-fns/startOfWeek.js";
-import { nlBE as Xt } from "../../node_modules/date-fns/locale/nl-BE.js";
-import { fr as R } from "../../node_modules/date-fns/locale/fr.js";
-import { sv as Zt } from "../../node_modules/date-fns/locale/sv.js";
-import { da as Nt } from "../../node_modules/date-fns/locale/da.js";
-import { nb as Rt } from "../../node_modules/date-fns/locale/nb.js";
-import { enGB as tr } from "../../node_modules/date-fns/locale/en-GB.js";
-import { enUS as rr } from "../../node_modules/date-fns/locale/en-US.js";
-import { format as tt } from "../../node_modules/date-fns/format.js";
-import { startOfMonth as F } from "../../node_modules/date-fns/startOfMonth.js";
-import { addDays as rt } from "../../node_modules/date-fns/addDays.js";
-import { isSameMonth as et } from "../../node_modules/date-fns/isSameMonth.js";
-import { isSameDay as f } from "../../node_modules/date-fns/isSameDay.js";
-import { getISOWeek as ot } from "../../node_modules/date-fns/getISOWeek.js";
-import { ThemeColorVariable as at, ThemeSpaceVariable as lt, ThemeFontSizeVariable as er, ThemeFontVariable as or } from "../../theme/theme-types.js";
-const ar = {
-  "en-US": { locale: rr },
-  "en-GB": { locale: tr },
-  "nb-NO": { locale: Rt },
-  "da-DK": { locale: Nt },
-  "sv-SE": { locale: Zt },
-  "nl-NL": { locale: Jt },
-  "fi-FI": { locale: qt },
-  "es-ES": { locale: Yt },
-  "et-EE": { locale: Kt },
-  "lt-LT": { locale: jt },
-  "lv-LV": { locale: Ht },
-  "fr-FR": { locale: R },
-  "fr-BE": { locale: R },
-  "nl-BE": { locale: Xt }
+import { jsxs as $, jsx as i, Fragment as Tt } from "react/jsx-runtime";
+import { GridItem as Z, Box as Gt, Grid as N } from "@chakra-ui/react";
+import Lt, { useState as R, useEffect as At, useCallback as Pt } from "react";
+import { DatePickerDateCell as tt } from "./date-picker-date-cell.js";
+import { DatePickerHeader as Ut } from "./date-picker-header.js";
+import { DatePickerWeekCell as _t } from "./date-picker-week-cell.js";
+import { hasDotOnDate as y, isDateStrikeThrough as zt, firstLetterUpperCase as Ht, hasDatePassed as jt, getWeekCellVariant as Kt, getDateCellVariant as rt } from "./helper.js";
+import { lv as Yt } from "../../node_modules/date-fns/locale/lv.js";
+import { lt as qt } from "../../node_modules/date-fns/locale/lt.js";
+import { et as Jt } from "../../node_modules/date-fns/locale/et.js";
+import { es as Qt } from "../../node_modules/date-fns/locale/es.js";
+import { fi as Xt } from "../../node_modules/date-fns/locale/fi.js";
+import { nl as Zt } from "../../node_modules/date-fns/locale/nl.js";
+import { endOfMonth as ot } from "../../node_modules/date-fns/endOfMonth.js";
+import { startOfWeek as Nt } from "../../node_modules/date-fns/startOfWeek.js";
+import { nlBE as Rt } from "../../node_modules/date-fns/locale/nl-BE.js";
+import { fr as et } from "../../node_modules/date-fns/locale/fr.js";
+import { sv as tr } from "../../node_modules/date-fns/locale/sv.js";
+import { da as rr } from "../../node_modules/date-fns/locale/da.js";
+import { nb as or } from "../../node_modules/date-fns/locale/nb.js";
+import { enGB as er } from "../../node_modules/date-fns/locale/en-GB.js";
+import { enUS as ar } from "../../node_modules/date-fns/locale/en-US.js";
+import { isSameDay as s } from "../../node_modules/date-fns/isSameDay.js";
+import { format as at } from "../../node_modules/date-fns/format.js";
+import { startOfMonth as b } from "../../node_modules/date-fns/startOfMonth.js";
+import { addDays as lt } from "../../node_modules/date-fns/addDays.js";
+import { isSameMonth as st } from "../../node_modules/date-fns/isSameMonth.js";
+import { getISOWeek as nt } from "../../node_modules/date-fns/getISOWeek.js";
+import { ThemeColorVariable as ft, ThemeSpaceVariable as it, ThemeFontSizeVariable as lr, ThemeFontVariable as sr } from "../../theme/theme-types.js";
+const nr = {
+  "en-US": { locale: ar },
+  "en-GB": { locale: er },
+  "nb-NO": { locale: or },
+  "da-DK": { locale: rr },
+  "sv-SE": { locale: tr },
+  "nl-NL": { locale: Zt },
+  "fi-FI": { locale: Xt },
+  "es-ES": { locale: Qt },
+  "et-EE": { locale: Jt },
+  "lt-LT": { locale: qt },
+  "lv-LV": { locale: Yt },
+  "fr-FR": { locale: et },
+  "fr-BE": { locale: et },
+  "nl-BE": { locale: Rt }
 };
-function Gr({
+function Pr({
   selectedDate: l,
-  onDateChange: S,
-  onMonthChange: V,
-  markSundayRed: st,
-  strikeThroughDates: nt,
-  showDaysOutsideMonth: it = !1,
-  localeString: ft,
-  canSelectPastDates: ct,
-  isExpanded: C = !0,
-  dots: c,
+  onDateChange: k,
+  selectedDates: c,
+  onDatesChange: B,
+  isMultiSelect: w = !1,
+  onMonthChange: E,
+  markSundayRed: mt,
+  strikeThroughDates: ct,
+  showDaysOutsideMonth: Dt = !1,
+  localeString: pt,
+  canSelectPastDates: ht,
+  isExpanded: I = !0,
+  dots: D,
   weekNumbers: a = !1,
-  selectWeek: m = !1,
-  shouldDisableDate: W,
-  selectedMonth: M,
+  selectWeek: p = !1,
+  shouldDisableDate: T,
+  selectedMonth: g,
   dateRange: e,
-  isRangeDate: $ = !1,
-  onRangeChange: s,
-  isDisabled: mt = !1,
-  redDays: Dt = [],
-  disablePastMonths: pt = !1,
-  disableBackwardNavigation: ht = !1,
-  disableForwardNavigation: ut = !1
+  isRangeDate: G = !1,
+  onRangeChange: n,
+  isDisabled: ut = !1,
+  redDays: yt = [],
+  disablePastMonths: St = !1,
+  disableBackwardNavigation: dt = !1,
+  disableForwardNavigation: Ct = !1
 }) {
-  const [n, b] = Q(M || l || /* @__PURE__ */ new Date()), [E, O] = Q(!0), { locale: D } = ar[ft];
-  Tt(() => {
-    l && b(M || l || /* @__PURE__ */ new Date());
-  }, [M, C, l]);
-  const dt = (o) => {
-    b(o), V && V(o);
-  }, h = Gt(
+  const [f, L] = R(g || l || /* @__PURE__ */ new Date()), [A, v] = R(!0), { locale: h } = nr[pt];
+  At(() => {
+    l && L(g || l || /* @__PURE__ */ new Date());
+  }, [g, I, l]);
+  const Ot = (o) => {
+    L(o), E && E(o);
+  }, S = Pt(
     (o) => {
-      $ ? ((t) => {
-        if (E)
-          s && s({ startDate: t, endDate: null }), O(!1);
+      const r = (t) => {
+        if (A)
+          n && n({ startDate: t, endDate: null }), v(!1);
         else if (e?.startDate && e.startDate > t)
-          s && s({ startDate: t, endDate: null }), O(!1);
+          n && n({ startDate: t, endDate: null }), v(!1);
         else {
-          if (e?.startDate && f(t, e.startDate))
+          if (e?.startDate && s(t, e.startDate))
             return;
-          if (e?.startDate && s) {
-            const k = { startDate: e.startDate, endDate: t };
-            s(k);
+          if (e?.startDate && n) {
+            const u = { startDate: e.startDate, endDate: t };
+            n(u);
           }
-          O(!0);
+          v(!0);
         }
-      })(o) : S && S(o);
+      };
+      if (G)
+        r(o);
+      else if (w) {
+        if (B) {
+          const u = c?.some((m) => s(m, o)) ? (c ?? []).filter((m) => !s(m, o)) : [...c ?? [], o];
+          B(u);
+        }
+      } else k && k(o);
     },
-    [S, $, E, e?.startDate, s]
+    [
+      k,
+      G,
+      A,
+      e?.startDate,
+      n,
+      w,
+      B,
+      c
+    ]
   );
-  function yt() {
-    const o = Qt(/* @__PURE__ */ new Date(), { locale: D });
-    return Array.from({ length: 7 }, (r, t) => tt(rt(o, t), "eee", { locale: D }));
+  function Mt() {
+    const o = Nt(/* @__PURE__ */ new Date(), { locale: h });
+    return Array.from({ length: 7 }, (r, t) => at(lt(o, t), "eee", { locale: h }));
   }
-  const St = tt(F(n), "MMMM yyyy", {
-    locale: D
-  }), Ct = N(n).getDate(), Mt = [a ? "v." : void 0, ...yt()], Ot = D.options?.weekStartsOn || 0, T = (F(n).getDay() - Ot + 7) % 7, kt = (7 - N(n).getDay()) % 7, gt = ["auto", "auto", "100%"], Bt = ["auto", "auto", "100%"], It = (o) => !ct && zt(o) ? !0 : W ? W(o) : !1, vt = Array.from({ length: Ct + T + kt }, (o, r) => {
-    const t = rt(F(n), r - T), k = et(t, n), g = f(t, /* @__PURE__ */ new Date()), u = It(t) || mt, G = p(t, c?.yellowDotDates), L = p(t, c?.greenDotDates), P = p(t, c?.blueDotDates), U = p(t, c?.redDotDates), _ = p(t, c?.greyDotDates), z = Ut(t, nt) && !u;
-    let B = !1;
-    l && (B = f(t, l));
-    const wt = t.getDay() === 0, A = Dt.some((Wt) => f(Wt, t)) || (st ?? !1) && wt, I = ot(t);
-    let d = !1;
-    m && l && (d = ot(l) === I);
-    const H = !et(t, n), j = !!(e?.startDate && e?.endDate && t > e.startDate && t < e.endDate);
-    let v = !1;
-    e?.startDate && (v = f(t, e?.startDate));
-    let w = !1, K = !1;
-    e?.endDate && (w = f(t, e?.endDate), K = !0);
-    const xt = Z(
-      B || d,
-      g,
-      H,
-      j,
-      v,
-      w,
-      K
-    ), Ft = At(d, g), Vt = Z(
-      B || d,
-      g,
-      H,
-      j,
-      v,
-      w
-    ), Y = Math.floor(r / 7) + 1, y = r % 7 + 1;
-    return a ? /* @__PURE__ */ x(Et.Fragment, { children: [
+  const kt = at(b(f), "MMMM yyyy", {
+    locale: h
+  }), Bt = ot(f).getDate(), wt = [a ? "v." : void 0, ...Mt()], It = h.options?.weekStartsOn || 0, P = (b(f).getDay() - It + 7) % 7, gt = (7 - ot(f).getDay()) % 7, vt = ["auto", "auto", "100%"], xt = ["auto", "auto", "100%"], Ft = (o) => !ht && jt(o) ? !0 : T ? T(o) : !1, Vt = Array.from({ length: Bt + P + gt }, (o, r) => {
+    const t = lt(b(f), r - P), u = st(t, f), m = s(t, /* @__PURE__ */ new Date()), d = Ft(t) || ut, U = y(t, D?.yellowDotDates), _ = y(t, D?.greenDotDates), z = y(t, D?.blueDotDates), H = y(t, D?.redDotDates), j = y(t, D?.greyDotDates), K = zt(t, ct) && !d;
+    let C = !1;
+    l && (C = s(t, l)), w && c && (C = c.some((W) => s(W, t)));
+    const Wt = t.getDay() === 0, Y = yt.some((W) => s(W, t)) || (mt ?? !1) && Wt, x = nt(t);
+    let O = !1;
+    p && l && (O = nt(l) === x);
+    const q = !st(t, f), J = !!(e?.startDate && e?.endDate && t > e.startDate && t < e.endDate);
+    let F = !1;
+    e?.startDate && (F = s(t, e?.startDate));
+    let V = !1, Q = !1;
+    e?.endDate && (V = s(t, e?.endDate), Q = !0);
+    const $t = rt(
+      C || O,
+      m,
+      q,
+      J,
+      F,
+      V,
+      Q
+    ), bt = Kt(O, m), Et = rt(
+      C || O,
+      m,
+      q,
+      J,
+      F,
+      V
+    ), X = Math.floor(r / 7) + 1, M = r % 7 + 1;
+    return a ? /* @__PURE__ */ $(Lt.Fragment, { children: [
       a && r % 7 === 0 && /* @__PURE__ */ i(
-        q,
+        Z,
         {
           gridColumn: 1,
           gridRow: "1 / span 7",
           opacity: "0.24",
           borderRight: "1px solid",
-          borderColor: at.OnSurfaceBorder
+          borderColor: ft.OnSurfaceBorder
         },
         `grid-${r}-${t.toUTCString()}`
       ),
       a && r % 7 === 0 && /* @__PURE__ */ i(
-        Pt,
+        _t,
         {
-          handleWeekChange: h,
+          handleWeekChange: S,
           date: t,
           gridIndex: r,
-          variant: Ft,
-          selectWeek: m,
-          isDisabled: u
+          variant: bt,
+          selectWeek: p,
+          isDisabled: d
         },
-        `week-${r}-${I}`
+        `week-${r}-${x}`
       ),
       /* @__PURE__ */ i(
-        X,
+        tt,
         {
-          hasBlueDot: P,
-          hasGreenDot: L,
-          hasYellowDot: G,
-          hasRedDot: U,
-          hasGreyDot: _,
+          hasBlueDot: z,
+          hasGreenDot: _,
+          hasYellowDot: U,
+          hasRedDot: H,
+          hasGreyDot: j,
           gridIndex: r,
-          gridColumn: a ? y + 2 : y,
-          gridRow: Y,
+          gridColumn: a ? M + 2 : M,
+          gridRow: X,
           day: t,
-          handleDateChange: h,
-          variant: Vt,
-          isDisabled: u,
-          isStrikeThrough: z,
-          selectWeek: m,
-          isHoliday: A
+          handleDateChange: S,
+          variant: Et,
+          isDisabled: d,
+          isStrikeThrough: K,
+          selectWeek: p,
+          isHoliday: Y
         },
         t.toString() + r
       )
-    ] }, `fragment-${r}-${I}`) : k || it ? /* @__PURE__ */ i(
-      X,
+    ] }, `fragment-${r}-${x}`) : u || Dt ? /* @__PURE__ */ i(
+      tt,
       {
-        hasBlueDot: P,
-        hasGreenDot: L,
-        hasYellowDot: G,
-        hasRedDot: U,
-        hasGreyDot: _,
+        hasBlueDot: z,
+        hasGreenDot: _,
+        hasYellowDot: U,
+        hasRedDot: H,
+        hasGreyDot: j,
         gridIndex: r,
-        gridColumn: a ? y + 1 : y,
-        gridRow: Y,
+        gridColumn: a ? M + 1 : M,
+        gridRow: X,
         day: t,
-        handleDateChange: h,
-        variant: xt,
-        isDisabled: u,
-        isStrikeThrough: z,
-        selectWeek: m,
-        isHoliday: A
+        handleDateChange: S,
+        variant: $t,
+        isDisabled: d,
+        isStrikeThrough: K,
+        selectWeek: p,
+        isHoliday: Y
       },
       `${t.toString()}-${r}`
     ) : null;
   });
-  return /* @__PURE__ */ x(bt, { w: Bt, h: gt, children: [
+  return /* @__PURE__ */ $(Gt, { w: xt, h: vt, children: [
     /* @__PURE__ */ i(
-      Lt,
+      Ut,
       {
         selectedDate: l || /* @__PURE__ */ new Date(),
-        onDateChange: h,
-        isExpanded: C,
-        onMonthChange: dt,
-        selectedMonth: n,
-        month: St,
-        locale: D,
-        selectWeek: m,
-        disablePastMonths: pt,
-        disableBackwardNavigation: ht,
-        disableForwardNavigation: ut,
+        onDateChange: S,
+        isExpanded: I,
+        onMonthChange: Ot,
+        selectedMonth: f,
+        month: kt,
+        locale: h,
+        selectWeek: p,
+        disablePastMonths: St,
+        disableBackwardNavigation: dt,
+        disableForwardNavigation: Ct,
         dateRange: e,
-        onRangeChange: s
+        onRangeChange: n
       }
     ),
-    C && /* @__PURE__ */ x($t, { children: [
-      /* @__PURE__ */ i(J, { templateColumns: a ? "48px 1px 1fr 1fr 1fr 1fr 1fr 1fr 1fr" : "repeat(7, 1fr)", children: Mt.map((o, r) => {
+    I && /* @__PURE__ */ $(Tt, { children: [
+      /* @__PURE__ */ i(N, { templateColumns: a ? "48px 1px 1fr 1fr 1fr 1fr 1fr 1fr 1fr" : "repeat(7, 1fr)", children: wt.map((o, r) => {
         let t;
         return a && r === 0 ? t = 1 : a ? t = r + 2 : t = r, o ? /* @__PURE__ */ i(
-          q,
+          Z,
           {
             textAlign: "center",
             fontWeight: "500",
-            fontFamily: or.Body,
-            fontSize: er.Small,
+            fontFamily: sr.Body,
+            fontSize: lr.Small,
             gridColumn: t,
-            borderRight: a && r === 0 ? `1px solid ${at.OnSurfaceBorder}` : "",
-            pb: lt.Small,
-            children: _t(o).slice(0, 2)
+            borderRight: a && r === 0 ? `1px solid ${ft.OnSurfaceBorder}` : "",
+            pb: it.Small,
+            children: Ht(o).slice(0, 2)
           },
           o
         ) : null;
       }) }),
       /* @__PURE__ */ i(
-        J,
+        N,
         {
           templateColumns: a ? "48px 1px 1fr 1fr 1fr 1fr 1fr 1fr 1fr" : "repeat(7, 1fr)",
-          rowGap: lt.Small,
+          rowGap: it.Small,
           flexShrink: 1,
-          children: vt
+          children: Vt
         }
       )
     ] })
   ] });
 }
 export {
-  Gr as BaseDatePicker
+  Pr as BaseDatePicker
 };

package/dist/components/date-picker/date-multi-picker.d.ts

@@ -0,0 +1,8 @@
+import { DateMultiPickerProps } from './types.js';
+/**
+ * A datepicker that selects multiple specific dates
+ *
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/date-picker#datemultipicker
+ */
+export declare const DateMultiPicker: ({ localeString, canSelectPastDates, dots, isExpanded, markSundayRed, onMonthChange, weekNumbers, showDaysOutsideMonth, selectedMonth, onDatesChange, selectedDates, shouldDisableDate, strikeThroughDates, isDisabled, redDays, disablePastMonths, disableBackwardNavigation, disableForwardNavigation, }: DateMultiPickerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=date-multi-picker.d.ts.map

package/dist/components/date-picker/date-multi-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-multi-picker.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/date-multi-picker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD;;;;GAIG;AAEH,eAAO,MAAM,eAAe,GAAI,2SAmB7B,oBAAoB,4CA8BtB,CAAC"}

package/dist/components/date-picker/date-multi-picker.js

@@ -0,0 +1,54 @@
+import { jsx as p } from "react/jsx-runtime";
+import { BaseDatePicker as R } from "./base-date-picker.js";
+const C = ({
+  localeString: e,
+  canSelectPastDates: t,
+  dots: a,
+  isExpanded: i,
+  markSundayRed: o,
+  onMonthChange: r,
+  weekNumbers: n,
+  showDaysOutsideMonth: s,
+  selectedMonth: l,
+  onDatesChange: c,
+  selectedDates: d,
+  shouldDisableDate: g,
+  strikeThroughDates: D,
+  isDisabled: f,
+  redDays: m,
+  disablePastMonths: u,
+  disableBackwardNavigation: v,
+  disableForwardNavigation: k
+}) => /* @__PURE__ */ p(
+  R,
+  {
+    isMultiSelect: !0,
+    localeString: e,
+    canSelectPastDates: t,
+    dots: a,
+    isExpanded: i,
+    markSundayRed: o,
+    onMonthChange: r,
+    weekNumbers: n,
+    showDaysOutsideMonth: s,
+    selectedMonth: l,
+    onDatesChange: c,
+    selectedDates: d,
+    shouldDisableDate: g,
+    strikeThroughDates: D,
+    redDays: m,
+    isRangeDate: !1,
+    selectWeek: !1,
+    isDisabled: f,
+    selectedDate: void 0,
+    onDateChange: void 0,
+    dateRange: void 0,
+    onRangeChange: void 0,
+    disablePastMonths: u,
+    disableBackwardNavigation: v,
+    disableForwardNavigation: k
+  }
+);
+export {
+  C as DateMultiPicker
+};

package/dist/components/date-picker/date-picker.composition.d.ts

@@ -3,6 +3,9 @@ export declare const BasicDatepicker: ({ date }: {
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const BasicDateRangePicker: () => import("react/jsx-runtime").JSX.Element;
 export declare const BasicMinimizedDateRangePicker: () => import("react/jsx-runtime").JSX.Element;
+export declare const BasicMultiDatePicker: ({ date }: {
+    date?: Date;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const BasicWeekNumberDatePicker: ({ date }: {
     date?: Date;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/date-picker/date-picker.composition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/date-picker.composition.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,eAAe,GAAI,UAAU;IAAE,IAAI,CAAC,EAAE,IAAI,CAAA;CAAE,4CAmDxD,CAAC;AAEF,eAAO,MAAM,oBAAoB,+CAqBhC,CAAC;AAEF,eAAO,MAAM,6BAA6B,+CAoBzC,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,UAAU;IAAE,IAAI,CAAC,EAAE,IAAI,CAAA;CAAE,4CA8ClE,CAAC"}
+{"version":3,"file":"date-picker.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/date-picker.composition.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,eAAe,GAAI,UAAU;IAAE,IAAI,CAAC,EAAE,IAAI,CAAA;CAAE,4CAmDxD,CAAC;AAEF,eAAO,MAAM,oBAAoB,+CAqBhC,CAAC;AAEF,eAAO,MAAM,6BAA6B,+CAoBzC,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,UAAU;IAAE,IAAI,CAAC,EAAE,IAAI,CAAA;CAAE,4CAqB7D,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,UAAU;IAAE,IAAI,CAAC,EAAE,IAAI,CAAA;CAAE,4CA8ClE,CAAC"}

package/dist/components/date-picker/index.d.ts

@@ -1,6 +1,7 @@
 export { DatePicker } from './date-picker.js';
 export { DateRangePicker } from './date-range-picker.js';
 export { DateWeekPicker } from './date-week-picker.js';
-export type { DatePickerProps, DateRangePickerProps, DateWeekPickerProps } from './types.js';
+export { DateMultiPicker } from './date-multi-picker.js';
+export type { DatePickerProps, DateRangePickerProps, DateWeekPickerProps, DateMultiPickerProps, } from './types.js';
 export type { DatePickerPropsBase, DateRange } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/date-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE1F,YAAY,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EACX,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,GACpB,MAAM,SAAS,CAAC;AAEjB,YAAY,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/date-picker/types.d.ts

@@ -54,6 +54,21 @@ export type DatePickerPropsBase = {
     selectedDate?: Date;
     /** A callback function called when the user changes the date. */
     onDateChange?: (date: Date) => void;
+    /**
+     * The currently selected specific dates when using multi-select.
+     * Each date in the array is highlighted using the active date style.
+     */
+    selectedDates?: Date[];
+    /**
+     * A callback function called when the user toggles a date in multi-select mode.
+     * It receives the updated array of selected dates.
+     */
+    onDatesChange?: (dates: Date[]) => void;
+    /**
+     * When set to true, the date picker allows selecting multiple specific dates.
+     * Clicking a date toggles it in or out of the `selectedDates` array.
+     */
+    isMultiSelect?: boolean;
     /**
      * Prop `shouldDisableDate` is a function that determines if specific dates in the DatePicker should be disabled.
      * Dates for which this function returns true will be unselectable; if it returns false, they remain selectable.
@@ -83,5 +98,6 @@ export type DatePickerPropsBase = {
 };
 export type DatePickerProps = Pick<DatePickerPropsBase, "localeString" | "canSelectPastDates" | "dots" | "isExpanded" | "markSundayRed" | "onDateChange" | "onMonthChange" | "selectedDate" | "selectedMonth" | "shouldDisableDate" | "showDaysOutsideMonth" | "strikeThroughDates" | "weekNumbers" | "isDisabled" | "redDays" | "disablePastMonths" | "disableBackwardNavigation" | "disableForwardNavigation">;
 export type DateRangePickerProps = Pick<DatePickerPropsBase, "localeString" | "canSelectPastDates" | "dateRange" | "dots" | "isExpanded" | "markSundayRed" | "onMonthChange" | "onRangeChange" | "weekNumbers" | "showDaysOutsideMonth" | "selectedMonth" | "isDisabled" | "redDays">;
+export type DateMultiPickerProps = Required<Pick<DatePickerPropsBase, "selectedDates" | "onDatesChange">> & Pick<DatePickerPropsBase, "localeString" | "canSelectPastDates" | "dots" | "isExpanded" | "markSundayRed" | "onMonthChange" | "selectedMonth" | "shouldDisableDate" | "showDaysOutsideMonth" | "strikeThroughDates" | "weekNumbers" | "isDisabled" | "redDays" | "disablePastMonths" | "disableBackwardNavigation" | "disableForwardNavigation">;
 export type DateWeekPickerProps = Pick<DatePickerPropsBase, "canSelectPastDates" | "localeString" | "dots" | "isExpanded" | "markSundayRed" | "onDateChange" | "selectedDate" | "onMonthChange" | "selectedMonth" | "isDisabled" | "redDays">;
 //# sourceMappingURL=types.d.ts.map

package/dist/components/date-picker/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/types.ts"],"names":[],"mappings":"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"}