@codeandfunction/callaloo 4.8.0 → 4.9.0

package/dist/components/Form/CLCalendar/CLCalendar.css

@@ -0,0 +1 @@
+.clll-calendar[data-v-d4bca6fb]{display:flex;flex-direction:column;background-color:#fff;box-sizing:border-box;max-width:300px}.clll-calendar__fluid[data-v-d4bca6fb]{width:100%;max-width:none}.clll-calendar__header[data-v-d4bca6fb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--clll-unit-4)}.clll-calendar__grid[data-v-d4bca6fb]{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--clll-unit-1)}.clll-calendar__weekday[data-v-d4bca6fb]{text-align:center;padding-bottom:var(--clll-unit-1)}.clll-calendar__cell[data-v-d4bca6fb]{aspect-ratio:1;display:flex;justify-content:center;align-items:center}.clll-calendar__cell--outside[data-v-d4bca6fb]{opacity:.55}

package/dist/components/Form/CLCalendar/CLCalendar.js

@@ -0,0 +1,7 @@
+import '../../../assets/core.css';
+import './CLCalendar.css';
+import { C } from "../../../chunks/CLCalendar-XcUGsiWk.js";
+export {
+  C as CLCalendar,
+  C as default
+};

package/dist/components/Form/CLCalendar/CLCalendar.vue.d.ts

@@ -0,0 +1,54 @@
+import { CLColors } from '../../../index.ts';
+import { ISODate } from '../../../composables/useDatePicker';
+export interface CLCalendarProps {
+    /** The color theme of the calendar selection. */
+    color?: CLColors;
+    /** Sets the disabled state. */
+    disabled?: boolean;
+    /** Sets the busy state. */
+    busy?: boolean;
+    /** Whether to allow range selection or single date selection. */
+    isRange?: boolean;
+    /** Whether to make the calendar fluid. */
+    fluid?: boolean;
+    /** Test ID for testing purposes. */
+    testId?: string;
+}
+declare const _default: import('vue').DefineComponent<{
+    modelValue?: {
+        end: ISODate | null;
+        start: ISODate | null;
+    } | null;
+} & CLCalendarProps, {
+    apply: () => void;
+    cancel: () => void;
+    draftEnd: globalThis.Ref<string | null, string | null>;
+    draftStart: globalThis.Ref<string | null, string | null>;
+    initializeDraft: () => void;
+    reset: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: {
+        end: ISODate | null;
+        start: ISODate | null;
+    } | null) => any;
+    "date-select": (date: string) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: {
+        end: ISODate | null;
+        start: ISODate | null;
+    } | null;
+} & CLCalendarProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: {
+        end: ISODate | null;
+        start: ISODate | null;
+    } | null) => any) | undefined;
+    "onDate-select"?: ((date: string) => any) | undefined;
+}>, {
+    color: CLColors;
+    fluid: boolean;
+    testId: string;
+    busy: boolean;
+    disabled: boolean;
+    isRange: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/Form/CLCalendar/index.d.ts

@@ -0,0 +1,4 @@
+import { default as CLCalendarComponent } from './CLCalendar.vue';
+export { CLCalendarComponent as CLCalendar };
+export default CLCalendarComponent;
+export type CLCalendar = InstanceType<typeof CLCalendarComponent>;

package/dist/components/Form/CLInput/CLInput.js

@@ -1,5 +1,4 @@
 import '../../../assets/core.css';
-import './CLInput.css';
 import '../../../assets/shared/form-utilities.css';
 import { defineComponent as p, computed as z, createElementBlock as $, openBlock as u, normalizeClass as y, unref as a, createBlock as b, Fragment as M, createTextVNode as q, toDisplayString as N, createVNode as K, ref as A, watch as P, createCommentVNode as v, mergeModels as w, useTemplateRef as Q, useModel as W, withCtx as Y, createElementVNode as F, normalizeStyle as Z, withDirectives as _, vModelDynamic as ee, isRef as le } from "vue";
 import { _ as ie, i as ae, a as te } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-DTWvAACK.js";

package/dist/components/Form/CLInputDatePicker/CLInputDatePicker.css

@@ -0,0 +1 @@
+.clll-input-date-picker[data-v-5ad92cdc]{position:relative;display:inline-flex;width:auto}.clll-input-date-picker--fluid[data-v-5ad92cdc]{width:100%}.clll-input-date-picker__calendar-container[data-v-5ad92cdc]{width:320px;padding:var(--clll-unit-2);background-color:#fff}.clll-input-date-picker__popover[data-v-5ad92cdc]{display:flex;flex-direction:column}.clll-input-date-picker__footer[data-v-5ad92cdc]{display:flex;justify-content:space-between;align-items:center;padding-top:var(--clll-unit-2)}.clll-input-date-picker__footer-right[data-v-5ad92cdc]{display:flex;gap:var(--clll-unit-2)}

package/dist/components/Form/CLInputDatePicker/CLInputDatePicker.js

@@ -0,0 +1,181 @@
+import '../../../assets/core.css';
+import './CLInputDatePicker.css';
+import { defineComponent as U, mergeModels as q, ref as r, useModel as N, watch as T, computed as h, onMounted as A, onBeforeUnmount as G, createElementBlock as R, openBlock as k, normalizeClass as g, createVNode as y, createCommentVNode as H, unref as u, isRef as j, normalizeStyle as J, withCtx as K, createElementVNode as Q } from "vue";
+import { u as W, a as X, o as Z, f as _, s as ee } from "../../../chunks/floating-ui.vue-Fx4CxKut.js";
+import { _ as ae } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-Sre7UYZd.js";
+import { CLInput as te } from "../CLInput/CLInput.js";
+import { C as le } from "../../../chunks/CLCalendar-XcUGsiWk.js";
+import { CLIconNames as ne, CLColorVariants as D, CLPlacement as oe, CLOrientation as ie, CLSizes as de, CLColors as ue } from "../../../index.js";
+import { i as L } from "../../../chunks/helper-qUkciePY.js";
+import { useEsc as re } from "../../../composables/useEsc.js";
+import { useDateInputMask as se } from "../../../composables/useDateInputMask.js";
+import { _ as fe } from "../../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
+const ce = /* @__PURE__ */ U({
+  name: "CLInputDatePicker",
+  __name: "CLInputDatePicker",
+  props: /* @__PURE__ */ q({
+    ariaLabel: { default: void 0 },
+    borderRadius: { default: void 0 },
+    color: { default: ue.Primary },
+    size: { default: de.Small },
+    variant: { default: D.Outline },
+    busy: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    fluid: { type: Boolean, default: !1 },
+    form: { default: void 0 },
+    id: {},
+    isRange: { type: Boolean, default: !0 },
+    label: { default: void 0 },
+    messages: { default: () => [] },
+    messageType: { default: void 0 },
+    name: {},
+    onBlur: { type: Function, default: void 0 },
+    onChange: { type: Function, default: void 0 },
+    onFocus: { type: Function, default: void 0 },
+    orientation: { default: ie.Vertical },
+    placement: { default: oe.BottomStart },
+    placeholder: { default: void 0 },
+    required: { type: Boolean, default: !1 },
+    rounded: { type: Boolean, default: !0 },
+    testId: { default: "clll-input-date-picker" }
+  }, {
+    modelValue: {
+      default: () => ({ end: null, start: null })
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const n = e, f = "clll-input-date-picker", o = r(!1), c = r(), s = r(), v = r(), i = N(e, "modelValue"), d = r(""), { handleDateInput: Y, isoToSlash: C, slashToISO: p, validateDate: B } = se();
+    T(i, () => {
+      const a = C(i.value?.start ?? null), t = C(i.value?.end ?? null);
+      if (!a) {
+        d.value = "";
+        return;
+      }
+      if (!n.isRange || !t) {
+        d.value = a;
+        return;
+      }
+      d.value = `${a} - ${t}`;
+    }, { immediate: !0, deep: !0 });
+    const E = h(() => c.value?.$el), { floatingStyles: M } = W(E, v, {
+      middleware: [Z(8), _(), ee()],
+      placement: r(n.placement),
+      whileElementsMounted: X,
+      open: o
+    }), x = () => {
+      n.disabled || n.busy || (o.value = !o.value, o.value ? (n.onFocus?.(new FocusEvent("focus")), s.value?.initializeDraft()) : n.onBlur?.(new FocusEvent("blur")));
+    }, S = h(() => {
+      const a = s.value?.draftStart, t = s.value?.draftEnd;
+      return n.isRange ? !!a && !!t : !!a;
+    }), b = () => {
+      o.value && (o.value = !1, n.onBlur?.(new FocusEvent("blur")));
+    };
+    re({ escHandler: b });
+    const V = (a) => {
+      const t = a.target, l = c.value?.$el, m = v.value;
+      o.value && l && m && !l.contains(t) && !m.contains(t) && b();
+    }, P = () => {
+      S.value && (s.value?.apply(), b(), n.onChange?.());
+    }, I = (a) => {
+      const t = B(a, n.isRange), l = c.value?.inputRef;
+      return l && (a && !t ? l.setCustomValidity("Invalid date format. Use YYYY/MM/DD") : l.setCustomValidity("")), t;
+    }, z = (a) => {
+      a && Y(a, d, n.isRange, () => {
+        I(d.value);
+      });
+    }, F = (a) => {
+      if (!a) return;
+      const l = a.target.value, m = I(l);
+      if (!l.trim()) {
+        i.value = { start: null, end: null }, n.onChange?.();
+        return;
+      }
+      if (m) {
+        if (n.isRange) {
+          const [w, $] = l.split("-").map((O) => O.trim());
+          i.value = { start: p(w), end: p($) };
+        } else
+          i.value = { start: p(l.trim()), end: null };
+        n.onChange?.();
+      }
+    };
+    return A(() => {
+      L && document.addEventListener("click", V);
+    }), G(() => {
+      L && document.removeEventListener("click", V);
+    }), (a, t) => (k(), R("div", {
+      class: g([f, e.fluid ? `${f}--fluid` : ""])
+    }, [
+      y(u(te), {
+        ref_key: "inputRef",
+        ref: c,
+        modelValue: u(d),
+        "onUpdate:modelValue": t[0] || (t[0] = (l) => j(d) ? d.value = l : null),
+        "aria-label": e.ariaLabel,
+        "border-radius": e.borderRadius,
+        busy: e.busy,
+        color: e.color,
+        disabled: e.disabled,
+        fluid: e.fluid,
+        form: e.form,
+        id: e.id,
+        label: e.label,
+        messages: e.messages,
+        "message-type": e.messageType,
+        name: e.name,
+        orientation: e.orientation,
+        placeholder: e.placeholder || (e.isRange ? "YYYY/MM/DD - YYYY/MM/DD" : "YYYY/MM/DD"),
+        required: e.required,
+        rounded: e.rounded,
+        size: e.size,
+        suffix: u(ne).Calendar,
+        "suffix-aria-label": e.ariaLabel || "Open calendar",
+        "test-id": e.testId,
+        variant: e.variant,
+        onInput: z,
+        onChange: F,
+        onSuffixClick: x
+      }, null, 8, ["modelValue", "aria-label", "border-radius", "busy", "color", "disabled", "fluid", "form", "id", "label", "messages", "message-type", "name", "orientation", "placeholder", "required", "rounded", "size", "suffix", "suffix-aria-label", "test-id", "variant"]),
+      u(o) ? (k(), R("div", {
+        key: 0,
+        ref_key: "popoverRef",
+        ref: v,
+        class: g(`${f}__popover`),
+        style: J({ ...u(M), zIndex: 100 })
+      }, [
+        y(u(ae), {
+          "border-radius": e.borderRadius,
+          variant: u(D).Ghost,
+          padded: !1,
+          rounded: e.rounded,
+          elevated: ""
+        }, {
+          default: K(() => [
+            Q("div", {
+              class: g(`${f}__calendar-container`)
+            }, [
+              y(u(le), {
+                ref_key: "calendarRef",
+                ref: s,
+                modelValue: i.value,
+                "onUpdate:modelValue": t[1] || (t[1] = (l) => i.value = l),
+                disabled: e.disabled,
+                busy: e.busy,
+                "is-range": e.isRange,
+                onDateSelect: P,
+                fluid: ""
+              }, null, 8, ["modelValue", "disabled", "busy", "is-range"])
+            ], 2)
+          ]),
+          _: 1
+        }, 8, ["border-radius", "variant", "rounded"])
+      ], 6)) : H("", !0)
+    ], 2));
+  }
+}), ke = /* @__PURE__ */ fe(ce, [["__scopeId", "data-v-5ad92cdc"]]);
+export {
+  ke as CLInputDatePicker,
+  ke as default
+};

package/dist/components/Form/CLInputDatePicker/CLInputDatePicker.vue.d.ts

@@ -0,0 +1,265 @@
+import { CLBorderRadius, CLColors, CLColorVariants, CLGenericFocusFunction, CLGenericFunction, CLIconNames, CLOrientation, CLPlacement, CLSizes } from '../../../index.ts';
+export interface CLInputDatePickerProps {
+    /** Sets the aria-label on the trigger button. It should be used when there is no label present. */
+    ariaLabel?: string;
+    /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
+    borderRadius?: CLBorderRadius;
+    /** Sets the color of the trigger button, selected dates, and apply button. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
+    color?: CLColors;
+    /** Sets the date picker size. The property can be one of `CLSizes`, e.g. `CLSizes.Medium`. */
+    size?: CLSizes;
+    /** Sets the color variant. The property can be one of `CLColorVariants.Outline | CLColorVariants.Ghost`, e.g `CLColorVariants.Outline`. */
+    variant?: CLColorVariants.Outline | CLColorVariants.Ghost;
+    /** A `boolean` value which dictates the busy state of the date picker. */
+    busy?: boolean;
+    /** Set the disabled state. */
+    disabled?: boolean;
+    /** When set to true, sets the width of the date picker to 100% of it's parent. */
+    fluid?: boolean;
+    /** The form whom the date picker belongs to. Useful for when a date picker is not within a `form` element. */
+    form?: string;
+    /** A unique identifier, this is required. */
+    id: string;
+    /** Whether to allow range selection or single date selection. */
+    isRange?: boolean;
+    /** The label text to be displayed which is associated to the date picker. */
+    label?: string;
+    /** An array of messages to be displayed. */
+    messages?: string[];
+    /** The message type. The property can be one of `CLColors`, e.g. `CLColors.Danger`. */
+    messageType?: CLColors;
+    /** A string representing name of the date picker. The name is submitted along with the date picker value when the form it belongs to is submitted. */
+    name: string;
+    /** A callback function which handles when the date picker loses focus. */
+    onBlur?: CLGenericFocusFunction;
+    /** A callback function which handles when the date picker value changes. */
+    onChange?: CLGenericFunction;
+    /** A callback function which handles when the date picker gains focus. */
+    onFocus?: CLGenericFocusFunction;
+    /** Sets the label position to be above or to the left of the form element. The property can be one of `CLOrientation` */
+    orientation?: CLOrientation;
+    /** Sets the placement of the dropdown content. The property can be one of `CLPlacement`, e.g. `CLPlacement.BottomStart`. */
+    placement?: CLPlacement;
+    /** The default text shown when there is no value. Useful for providing a hint of what is expected. */
+    placeholder?: string;
+    /** Set the required state. */
+    required?: boolean;
+    /** When set to `false` it will not render with rounded corners. */
+    rounded?: boolean;
+    /** Sets a custom ID used for unit tests. */
+    testId?: string;
+}
+declare const _default: import('vue').DefineComponent<{
+    modelValue?: {
+        end: string | null;
+        start: string | null;
+    } | null;
+} & CLInputDatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: {
+        end: string | null;
+        start: string | null;
+    } | null) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: {
+        end: string | null;
+        start: string | null;
+    } | null;
+} & CLInputDatePickerProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: {
+        end: string | null;
+        start: string | null;
+    } | null) => any) | undefined;
+}>, {
+    color: CLColors;
+    variant: CLColorVariants.Outline | CLColorVariants.Ghost;
+    fluid: boolean;
+    rounded: boolean;
+    testId: string;
+    form: string;
+    label: string;
+    onFocus: CLGenericFocusFunction;
+    onBlur: CLGenericFocusFunction;
+    onChange: CLGenericFunction;
+    size: CLSizes;
+    required: boolean;
+    ariaLabel: string;
+    borderRadius: CLBorderRadius;
+    busy: boolean;
+    disabled: boolean;
+    placeholder: string;
+    isRange: boolean;
+    orientation: CLOrientation;
+    messages: string[];
+    messageType: CLColors;
+    placement: CLPlacement;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: string | number;
+    } & import('../CLInput').CLInputProps> & Readonly<{
+        onReset?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+    }>, {
+        inputRef: Readonly<globalThis.ShallowRef<HTMLInputElement | null>>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        reset: (...args: any[]) => void;
+        "update:modelValue": (value: string | number) => void;
+    }, import('vue').PublicProps, {
+        color: CLColors;
+        variant: CLColorVariants.Outline | CLColorVariants.Ghost;
+        fluid: boolean;
+        rounded: boolean;
+        testId: string;
+        type: import('../../../index.ts').CLInputTypes;
+        form: string;
+        label: string;
+        pattern: string;
+        onFocus: CLGenericFocusFunction;
+        onBlur: CLGenericFocusFunction;
+        onChange: CLGenericFunction;
+        onInput: import('../../../index.ts').CLGenericInputFunction;
+        size: CLSizes;
+        required: boolean;
+        prefix: string | CLIconNames;
+        ariaLabel: string;
+        borderRadius: CLBorderRadius;
+        busy: boolean;
+        disabled: boolean;
+        pill: string;
+        placeholder: string;
+        orientation: CLOrientation;
+        messages: string[];
+        messageType: CLColors;
+        maxLength: number;
+        grouped: boolean;
+        suffix: string | CLIconNames;
+        autoComplete: boolean;
+        charCounter: boolean;
+        minLength: number;
+        onPrefixClick: (event?: MouseEvent) => void;
+        onSuffixClick: (event?: MouseEvent) => void;
+        prefixAriaLabel: string;
+        readonly: boolean;
+        spellCheck: boolean;
+        suffixAriaLabel: string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        'input-elem': HTMLInputElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: string | number;
+    } & import('../CLInput').CLInputProps> & Readonly<{
+        onReset?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+    }>, {
+        inputRef: Readonly<globalThis.ShallowRef<HTMLInputElement | null>>;
+    }, {}, {}, {}, {
+        color: CLColors;
+        variant: CLColorVariants.Outline | CLColorVariants.Ghost;
+        fluid: boolean;
+        rounded: boolean;
+        testId: string;
+        type: import('../../../index.ts').CLInputTypes;
+        form: string;
+        label: string;
+        pattern: string;
+        onFocus: CLGenericFocusFunction;
+        onBlur: CLGenericFocusFunction;
+        onChange: CLGenericFunction;
+        onInput: import('../../../index.ts').CLGenericInputFunction;
+        size: CLSizes;
+        required: boolean;
+        prefix: string | CLIconNames;
+        ariaLabel: string;
+        borderRadius: CLBorderRadius;
+        busy: boolean;
+        disabled: boolean;
+        pill: string;
+        placeholder: string;
+        orientation: CLOrientation;
+        messages: string[];
+        messageType: CLColors;
+        maxLength: number;
+        grouped: boolean;
+        suffix: string | CLIconNames;
+        autoComplete: boolean;
+        charCounter: boolean;
+        minLength: number;
+        onPrefixClick: (event?: MouseEvent) => void;
+        onSuffixClick: (event?: MouseEvent) => void;
+        prefixAriaLabel: string;
+        readonly: boolean;
+        spellCheck: boolean;
+        suffixAriaLabel: string;
+    }> | null;
+    popoverRef: HTMLDivElement;
+    calendarRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: {
+            end: import('../../../composables/useDatePicker').ISODate | null;
+            start: import('../../../composables/useDatePicker').ISODate | null;
+        } | null;
+    } & import('../CLCalendar/CLCalendar.vue').CLCalendarProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: {
+            end: import('../../../composables/useDatePicker').ISODate | null;
+            start: import('../../../composables/useDatePicker').ISODate | null;
+        } | null) => any) | undefined;
+        "onDate-select"?: ((date: string) => any) | undefined;
+    }>, {
+        apply: () => void;
+        cancel: () => void;
+        draftEnd: globalThis.Ref<string | null, string | null>;
+        draftStart: globalThis.Ref<string | null, string | null>;
+        initializeDraft: () => void;
+        reset: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: {
+            end: import('../../../composables/useDatePicker').ISODate | null;
+            start: import('../../../composables/useDatePicker').ISODate | null;
+        } | null) => any;
+        "date-select": (date: string) => any;
+    }, import('vue').PublicProps, {
+        color: CLColors;
+        fluid: boolean;
+        testId: string;
+        busy: boolean;
+        disabled: boolean;
+        isRange: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: {
+            end: import('../../../composables/useDatePicker').ISODate | null;
+            start: import('../../../composables/useDatePicker').ISODate | null;
+        } | null;
+    } & import('../CLCalendar/CLCalendar.vue').CLCalendarProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: {
+            end: import('../../../composables/useDatePicker').ISODate | null;
+            start: import('../../../composables/useDatePicker').ISODate | null;
+        } | null) => any) | undefined;
+        "onDate-select"?: ((date: string) => any) | undefined;
+    }>, {
+        apply: () => void;
+        cancel: () => void;
+        draftEnd: globalThis.Ref<string | null, string | null>;
+        draftStart: globalThis.Ref<string | null, string | null>;
+        initializeDraft: () => void;
+        reset: () => void;
+    }, {}, {}, {}, {
+        color: CLColors;
+        fluid: boolean;
+        testId: string;
+        busy: boolean;
+        disabled: boolean;
+        isRange: boolean;
+    }> | null;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/Form/CLInputDatePicker/index.d.ts

@@ -0,0 +1,4 @@
+import { default as CLInputDatePickerComponent } from './CLInputDatePicker.vue';
+export { CLInputDatePickerComponent as CLInputDatePicker };
+export default CLInputDatePickerComponent;
+export type CLInputDatePicker = InstanceType<typeof CLInputDatePickerComponent>;

package/dist/components/Form/index.d.ts

@@ -1,4 +1,6 @@
 export { CLCheckbox } from './CLCheckbox';
+export { CLCalendar } from './CLCalendar';
+export { CLInputDatePicker } from './CLInputDatePicker';
 export { CLInput } from './CLInput';
 export { CLRadioButton } from './CLRadioButton';
 export { CLSelect } from './CLSelect';

package/dist/components/Modals/CLModal/CLModal.css

@@ -1 +1 @@
-.clll-prevent-scroll{overflow:initial}.clll-modal{position:fixed;inset:0;height:100dvh}.clll-modal .clll-modal__window{position:relative;overflow-x:hidden;overflow-y:auto;height:100%;padding:0 var(--clll-px-md)}.clll-modal .clll-modal__window .clll-modal__close-button{position:absolute;top:var(--clll-unit-2);right:var(--clll-unit-2);z-index:1}.clll-modal .clll-modal__window .clll-modal__content{border-radius:0;display:flex;flex-direction:column;height:auto;position:relative;margin:var(--clll-unit-6) auto;background:var(--clll-modal-content-bg, white);box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-full,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-lg,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-md,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-sm,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xs,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xl,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-2xl,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-3xl,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-none,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-none .clll-{border-radius:0}.clll-modal .clll-modal__window .clll-modal__content:not([class*=clll-modal__content--rounded-]){border-radius:var(--clll-modal-theme-radius, 0)}@media(min-width:640px){.clll-modal .clll-modal__window .clll-modal__content{margin:var(--clll-unit-12) auto;max-width:var(--clll-modal-max-width)}}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__header{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__header .clll-modal__content__title{align-items:start;display:flex;width:100%}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__header .clll-modal__content__title .clll-modal__content__header__container{flex:1 1 0%}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__scroller{display:flex;flex:1;flex-direction:column;overflow-y:auto}@media(min-width:640px){.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__scroller{overflow-y:hidden}}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-title .clll-modal__content__header .clll-modal__content__header__title,.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__body{flex:1}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__footer{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-title .clll-modal__content__header .clll-modal__content__header__title{flex:1}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title .clll-modal__content__header .clll-modal__content__title{justify-content:flex-end;padding-bottom:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-body .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__header,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-footer .clll-modal__content__footer{display:none;padding:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-close-button .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-close-button .clll-modal__content__footer{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__footer,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__footer{padding:var(--clll-unit-6) var(--clll-unit-12) var(--clll-unit-6) var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header).clll-modal__content--has-footer .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-title .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-header .clll-modal__content__body{padding-top:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen{padding:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content{height:100%;margin:0;max-width:100%}@media(min-width:640px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content{border-radius:0}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__close-button{top:var(--clll-unit-2);right:var(--clll-unit-2)}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title .clll-modal__close-button,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header .clll-modal__close-button{right:var(--clll-unit-6)}@media(min-width:1024px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__header{padding:var(--clll-unit-6)}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__body{flex:1}@media(min-width:640px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__body{overflow-y:auto;max-height:100%}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__footer{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__footer,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__footer{padding:var(--clll-unit-6) var(--clll-unit-14) var(--clll-unit-6) var(--clll-unit-6)}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header).clll-modal__content--has-footer .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-title .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-header .clll-modal__content__body{padding-top:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__footer{padding:var(--clll-unit-6)}@media(min-width:1024px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__footer{padding:var(--clll-unit-8)}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button.clll-modal__content--has-title .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button.clll-modal__content--has-header .clll-modal__content__body{padding-top:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__overlay{position:fixed;inset:0;opacity:.4;background-color:var(--clll-modal-overlay-bg, transparent)}
+.clll-prevent-scroll{overflow:initial}.clll-modal{position:fixed;inset:0;height:100dvh}.clll-modal .clll-modal__window{position:relative;overflow-x:hidden;overflow-y:auto;height:100%;padding:0 var(--clll-px-md)}.clll-modal .clll-modal__window .clll-modal__close-button{position:absolute;top:var(--clll-unit-2);right:var(--clll-unit-2);z-index:1}.clll-modal .clll-modal__window .clll-modal__content{border-radius:0;display:flex;flex-direction:column;height:auto;position:relative;margin:var(--clll-unit-6) auto;background:var(--clll-modal-content-bg, white);box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-full,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-lg,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-md,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-sm,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xs,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xl,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-2xl,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-3xl,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-none,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-none .clll-{border-radius:0}.clll-modal .clll-modal__window .clll-modal__content:not([class*=clll-modal__content--rounded-]){border-radius:var(--clll-modal-theme-radius, 0)}@media(min-width:480px){.clll-modal .clll-modal__window .clll-modal__content{margin:var(--clll-unit-12) auto;max-width:var(--clll-modal-max-width)}}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__header{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__header .clll-modal__content__title{align-items:start;display:flex;width:100%}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__header .clll-modal__content__title .clll-modal__content__header__container{flex:1 1 0%}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__scroller{display:flex;flex:1;flex-direction:column;overflow-y:auto}@media(min-width:480px){.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__scroller{overflow-y:hidden}}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-title .clll-modal__content__header .clll-modal__content__header__title,.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__body{flex:1}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__footer{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-title .clll-modal__content__header .clll-modal__content__header__title{flex:1}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title .clll-modal__content__header .clll-modal__content__title{justify-content:flex-end;padding-bottom:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-body .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__header,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-footer .clll-modal__content__footer{display:none;padding:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-close-button .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-close-button .clll-modal__content__footer{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__footer,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__footer{padding:var(--clll-unit-6) var(--clll-unit-12) var(--clll-unit-6) var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header).clll-modal__content--has-footer .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-title .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-header .clll-modal__content__body{padding-top:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen{padding:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content{height:100%;margin:0;max-width:100%}@media(min-width:480px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content{border-radius:0}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__close-button{top:var(--clll-unit-2);right:var(--clll-unit-2)}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title .clll-modal__close-button,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header .clll-modal__close-button{right:var(--clll-unit-6)}@media(min-width:1024px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__header{padding:var(--clll-unit-6)}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__body{flex:1}@media(min-width:480px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__body{overflow-y:auto;max-height:100%}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__footer{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__footer,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__footer{padding:var(--clll-unit-6) var(--clll-unit-14) var(--clll-unit-6) var(--clll-unit-6)}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header).clll-modal__content--has-footer .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-title .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-header .clll-modal__content__body{padding-top:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__footer{padding:var(--clll-unit-6)}@media(min-width:1024px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__footer{padding:var(--clll-unit-8)}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button.clll-modal__content--has-title .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button.clll-modal__content--has-header .clll-modal__content__body{padding-top:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__overlay{position:fixed;inset:0;opacity:.4;background-color:var(--clll-modal-overlay-bg, transparent)}

package/dist/components/Modals/CLModalDatePicker/CLModalDatePicker.css

@@ -1 +1 @@
-.clll-date-picker-modal[data-v-89d19d2d]{position:relative;display:inline-flex;flex-direction:column;flex-wrap:wrap;box-sizing:border-box}.clll-date-picker-modal--fluid[data-v-89d19d2d]{width:100%}.clll-date-picker-modal__container[data-v-89d19d2d]{display:inline-flex;flex-direction:column;flex-wrap:wrap}.clll-date-picker-modal__calendar-header[data-v-89d19d2d]{display:flex;justify-content:space-between;align-items:center;margin:var(--clll-unit-0_5) 0 var(--clll-unit-4) 0}.clll-date-picker-modal__days-grid[data-v-89d19d2d]{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;padding-bottom:var(--clll-unit-0_5)}.clll-date-picker-modal__weekday-label[data-v-89d19d2d]{text-align:center;padding-bottom:.25rem}.clll-date-picker-modal__day-cell[data-v-89d19d2d]{aspect-ratio:1;display:flex;justify-content:center;align-items:center}.clll-date-picker-modal__day-cell--outside[data-v-89d19d2d]{opacity:.55}.clll-date-picker-modal__footer-actions[data-v-89d19d2d]{display:flex;justify-content:space-between;align-items:center}
+.clll-date-picker-modal[data-v-14031572]{position:relative;display:inline-flex;flex-direction:column;flex-wrap:wrap;box-sizing:border-box}.clll-date-picker-modal--fluid[data-v-14031572]{width:100%}.clll-date-picker-modal__container[data-v-14031572]{display:inline-flex;flex-direction:column;flex-wrap:wrap}.clll-date-picker-modal__footer-actions[data-v-14031572]{display:flex;justify-content:space-between;align-items:center;width:100%}.clll-date-picker-modal__footer-right[data-v-14031572]{display:flex;gap:var(--clll-unit-2)}