@ck-ui/component-library 2.0.0 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/dist/CalendarGrid-DzsGX04L.js +240 -0
  2. package/dist/ScrollDropdown-B6iVjMy_.js +80 -0
  3. package/dist/assets/DateRangePicker-BJW-EAys.css +1 -0
  4. package/dist/assets/ScrollDropdown-zzvVGbzo.css +1 -0
  5. package/dist/assets/styles-Dz05pjuA.css +1 -0
  6. package/dist/components/DateRangePicker/Calendar/CalendarGrid.d.ts.map +1 -1
  7. package/dist/components/DateRangePicker/Calendar/CalendarGrid.js +2 -2
  8. package/dist/components/DateRangePicker/Calendar/ScrollDropdown.js +1 -1
  9. package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
  10. package/dist/components/DateRangePicker/DateRangePicker.js +154 -154
  11. package/dist/components/Sidebar/Sidebar.constants.d.ts +5 -0
  12. package/dist/components/Sidebar/Sidebar.constants.d.ts.map +1 -0
  13. package/dist/components/Sidebar/Sidebar.constants.js +7 -0
  14. package/dist/components/Sidebar/Sidebar.d.ts +7 -0
  15. package/dist/components/Sidebar/Sidebar.d.ts.map +1 -0
  16. package/dist/components/Sidebar/Sidebar.js +46 -0
  17. package/dist/components/Sidebar/Sidebar.types.d.ts +52 -0
  18. package/dist/components/Sidebar/Sidebar.types.d.ts.map +1 -0
  19. package/dist/components/Sidebar/Sidebar.types.js +1 -0
  20. package/dist/components/Sidebar/Sidebar.utils.d.ts +7 -0
  21. package/dist/components/Sidebar/Sidebar.utils.d.ts.map +1 -0
  22. package/dist/components/Sidebar/Sidebar.utils.js +48 -0
  23. package/dist/components/Sidebar/components/CollapsedTooltip/index.d.ts +12 -0
  24. package/dist/components/Sidebar/components/CollapsedTooltip/index.d.ts.map +1 -0
  25. package/dist/components/Sidebar/components/CollapsedTooltip/index.js +35 -0
  26. package/dist/components/Sidebar/components/ContactUsButton/index.d.ts +8 -0
  27. package/dist/components/Sidebar/components/ContactUsButton/index.d.ts.map +1 -0
  28. package/dist/components/Sidebar/components/ContactUsButton/index.js +14 -0
  29. package/dist/components/Sidebar/components/ExploreSection/index.d.ts +11 -0
  30. package/dist/components/Sidebar/components/ExploreSection/index.d.ts.map +1 -0
  31. package/dist/components/Sidebar/components/ExploreSection/index.js +22 -0
  32. package/dist/components/Sidebar/components/GptCard/index.d.ts +14 -0
  33. package/dist/components/Sidebar/components/GptCard/index.d.ts.map +1 -0
  34. package/dist/components/Sidebar/components/GptCard/index.js +22 -0
  35. package/dist/components/Sidebar/components/IconRenderer/index.d.ts +7 -0
  36. package/dist/components/Sidebar/components/IconRenderer/index.d.ts.map +1 -0
  37. package/dist/components/Sidebar/components/IconRenderer/index.js +16 -0
  38. package/dist/components/Sidebar/components/MenuItemWrapper/index.d.ts +13 -0
  39. package/dist/components/Sidebar/components/MenuItemWrapper/index.d.ts.map +1 -0
  40. package/dist/components/Sidebar/components/MenuItemWrapper/index.js +44 -0
  41. package/dist/components/Sidebar/components/MenuRenderer/index.d.ts +12 -0
  42. package/dist/components/Sidebar/components/MenuRenderer/index.d.ts.map +1 -0
  43. package/dist/components/Sidebar/components/MenuRenderer/index.js +77 -0
  44. package/dist/components/Sidebar/components/ModuleSwitchButton/index.d.ts +11 -0
  45. package/dist/components/Sidebar/components/ModuleSwitchButton/index.d.ts.map +1 -0
  46. package/dist/components/Sidebar/components/ModuleSwitchButton/index.js +18 -0
  47. package/dist/components/Sidebar/components/SectionLabel/index.d.ts +5 -0
  48. package/dist/components/Sidebar/components/SectionLabel/index.d.ts.map +1 -0
  49. package/dist/components/Sidebar/components/SectionLabel/index.js +8 -0
  50. package/dist/components/Sidebar/components/SubMenuWrapper/index.d.ts +15 -0
  51. package/dist/components/Sidebar/components/SubMenuWrapper/index.d.ts.map +1 -0
  52. package/dist/components/Sidebar/components/SubMenuWrapper/index.js +35 -0
  53. package/dist/components/Sidebar/hooks/useActiveDetection.d.ts +11 -0
  54. package/dist/components/Sidebar/hooks/useActiveDetection.d.ts.map +1 -0
  55. package/dist/components/Sidebar/hooks/useActiveDetection.js +15 -0
  56. package/dist/components/Sidebar/hooks/useMenuState.d.ts +9 -0
  57. package/dist/components/Sidebar/hooks/useMenuState.d.ts.map +1 -0
  58. package/dist/components/Sidebar/hooks/useMenuState.js +51 -0
  59. package/dist/components/Sidebar/hooks/useModuleSwitch.d.ts +7 -0
  60. package/dist/components/Sidebar/hooks/useModuleSwitch.d.ts.map +1 -0
  61. package/dist/components/Sidebar/hooks/useModuleSwitch.js +20 -0
  62. package/dist/components/Sidebar/index.d.ts +4 -0
  63. package/dist/components/Sidebar/index.d.ts.map +1 -0
  64. package/dist/components/Sidebar/index.js +5 -0
  65. package/dist/styles.module-BIdwTiuE.js +66 -0
  66. package/package.json +1 -1
  67. package/dist/CalendarGrid-xx9nYA1_.js +0 -237
  68. package/dist/ScrollDropdown-tf6ex2lE.js +0 -80
  69. package/dist/assets/DateRangePicker-DNHTCnqT.css +0 -1
  70. package/dist/assets/ScrollDropdown-CQTxVikn.css +0 -1
@@ -0,0 +1,51 @@
1
+ import { useState as u, useEffect as S, useCallback as g } from "react";
2
+ import { isTreeActive as n } from "../Sidebar.utils.js";
3
+ function p({ menuItems: r, currentPath: c }) {
4
+ const [h, d] = u({});
5
+ S(() => {
6
+ if (!r.length) return;
7
+ const e = {}, s = (i, a = 0) => {
8
+ for (const o of i)
9
+ if (n(o, c, r)) {
10
+ e[`${a}-${o.name}`] = !0, o.dashboardServices && s(o.dashboardServices, a + 1);
11
+ break;
12
+ }
13
+ };
14
+ s(r), d(e);
15
+ }, [r]), S(() => {
16
+ if (!r.length) return;
17
+ const e = {}, s = (i, a = 0) => {
18
+ for (const o of i)
19
+ if (n(o, c, r)) {
20
+ e[`${a}-${o.name}`] = !0, o.dashboardServices && s(o.dashboardServices, a + 1);
21
+ break;
22
+ }
23
+ };
24
+ s(r), d((i) => ({ ...i, ...e }));
25
+ }, [c]);
26
+ const v = g(
27
+ (e, s, i) => {
28
+ d((a) => {
29
+ const o = { ...a };
30
+ if (s === 0 && (Object.keys(o).forEach((f) => {
31
+ f !== e && delete o[f];
32
+ }), !a[e] && i.dashboardServices)) {
33
+ const f = ($, b) => {
34
+ for (const t of $)
35
+ if (n(t, c, r)) {
36
+ o[`${b}-${t.name}`] = !0, t.dashboardServices && f(t.dashboardServices, b + 1);
37
+ break;
38
+ }
39
+ };
40
+ f(i.dashboardServices, s + 1);
41
+ }
42
+ return o[e] = !a[e], o;
43
+ });
44
+ },
45
+ [c, r]
46
+ );
47
+ return { openByLevel: h, toggleMenu: v };
48
+ }
49
+ export {
50
+ p as useMenuState
51
+ };
@@ -0,0 +1,7 @@
1
+ export declare function useModuleSwitch({ onModuleSwitch }: {
2
+ onModuleSwitch?: (moduleName: string) => Promise<void>;
3
+ }): {
4
+ isLoading: boolean;
5
+ handleModuleSwitch: (moduleName: string) => Promise<void>;
6
+ };
7
+ //# sourceMappingURL=useModuleSwitch.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useModuleSwitch.d.ts","sourceRoot":"","sources":["../../../../lib/components/Sidebar/hooks/useModuleSwitch.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,CAAC,EAAE,cAAc,EAAE,EAAE;IAAE,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAAE;;qCAIvF,MAAM;EAS5B"}
@@ -0,0 +1,20 @@
1
+ import { useState as r, useCallback as i } from "react";
2
+ function u({ onModuleSwitch: t }) {
3
+ const [a, e] = r(!1), s = i(
4
+ async (n) => {
5
+ if (!(!t || a)) {
6
+ e(!0);
7
+ try {
8
+ await t(n);
9
+ } finally {
10
+ e(!1);
11
+ }
12
+ }
13
+ },
14
+ [t, a]
15
+ );
16
+ return { isLoading: a, handleModuleSwitch: s };
17
+ }
18
+ export {
19
+ u as useModuleSwitch
20
+ };
@@ -0,0 +1,4 @@
1
+ export { Sidebar } from './Sidebar';
2
+ export { default } from './Sidebar';
3
+ export type { SidebarProps, SidebarMenuItem, ExploreItem, ModuleItem, GptCardProps } from './Sidebar.types';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { Sidebar as r, Sidebar as d } from "./Sidebar.js";
2
+ export {
3
+ r as Sidebar,
4
+ d as default
5
+ };
@@ -0,0 +1,66 @@
1
+ import './assets/styles-Dz05pjuA.css';const _ = "_collapseMenu_5xnxd_27", n = "_active_5xnxd_40", e = "_submenu_5xnxd_179", o = "_open_5xnxd_295", t = "_arrow_5xnxd_307", x = "_rotate_5xnxd_320", d = "_boxShadow_5xnxd_472", p = {
2
+ "custom-sidebar": "_custom-sidebar_5xnxd_1",
3
+ "sidebar-V2": "_sidebar-V2_5xnxd_12",
4
+ "no-chatbot-padding": "_no-chatbot-padding_5xnxd_23",
5
+ collapseMenu: _,
6
+ "sidebar-list-wrapper": "_sidebar-list-wrapper_5xnxd_31",
7
+ "sidebar-menu-item": "_sidebar-menu-item_5xnxd_35",
8
+ active: n,
9
+ "menu-icon": "_menu-icon_5xnxd_43",
10
+ "menu-content": "_menu-content_5xnxd_46",
11
+ "chatbot-open": "_chatbot-open_5xnxd_50",
12
+ "chatbot-collapse": "_chatbot-collapse_5xnxd_57",
13
+ "menu-renderer": "_menu-renderer_5xnxd_79",
14
+ "icon-img": "_icon-img_5xnxd_138",
15
+ "icon-node": "_icon-node_5xnxd_144",
16
+ "leaf-item": "_leaf-item_5xnxd_164",
17
+ "active-indicator": "_active-indicator_5xnxd_168",
18
+ submenu: e,
19
+ "with-child": "_with-child_5xnxd_182",
20
+ "submenu-children": "_submenu-children_5xnxd_195",
21
+ "submenu-children-inner": "_submenu-children-inner_5xnxd_198",
22
+ "submenu-label": "_submenu-label_5xnxd_278",
23
+ open: o,
24
+ arrow: t,
25
+ rotate: x,
26
+ "sidebar-popup": "_sidebar-popup_5xnxd_324",
27
+ "popover-container": "_popover-container_5xnxd_330",
28
+ "popover-arrow": "_popover-arrow_5xnxd_344",
29
+ "popover-content": "_popover-content_5xnxd_355",
30
+ "popover-menu": "_popover-menu_5xnxd_361",
31
+ "popover-title": "_popover-title_5xnxd_367",
32
+ "popover-title-single": "_popover-title-single_5xnxd_375",
33
+ "popover-children": "_popover-children_5xnxd_385",
34
+ "popover-child-item": "_popover-child-item_5xnxd_392",
35
+ "popover-child-with-sub": "_popover-child-with-sub_5xnxd_408",
36
+ "popover-child-arrow": "_popover-child-arrow_5xnxd_440",
37
+ "nested-popover": "_nested-popover_5xnxd_451",
38
+ "single-child-popover": "_single-child-popover_5xnxd_457",
39
+ boxShadow: d,
40
+ "switch-module-wrapper": "_switch-module-wrapper_5xnxd_481",
41
+ "switch-module-btn": "_switch-module-btn_5xnxd_488",
42
+ "switch-module-collapsed": "_switch-module-collapsed_5xnxd_513",
43
+ "sidebar-tag": "_sidebar-tag_5xnxd_518",
44
+ "explore-section": "_explore-section_5xnxd_526",
45
+ "explore-collapsed": "_explore-collapsed_5xnxd_530",
46
+ "explore-links": "_explore-links_5xnxd_533",
47
+ "cursor-not-allowed": "_cursor-not-allowed_5xnxd_566",
48
+ "pointer-events-none": "_pointer-events-none_5xnxd_570",
49
+ "contact-us-btn": "_contact-us-btn_5xnxd_574",
50
+ "contact-us-link": "_contact-us-link_5xnxd_583",
51
+ "collapsed-link": "_collapsed-link_5xnxd_610",
52
+ "chat-bot-btn": "_chat-bot-btn_5xnxd_617",
53
+ "gpt-disabled": "_gpt-disabled_5xnxd_627",
54
+ "gpt-container": "_gpt-container_5xnxd_632",
55
+ "gpt-header": "_gpt-header_5xnxd_644",
56
+ "gpt-new-tag": "_gpt-new-tag_5xnxd_650",
57
+ "gpt-toggle-btn": "_gpt-toggle-btn_5xnxd_662",
58
+ "gpt-body": "_gpt-body_5xnxd_676",
59
+ "gpt-title": "_gpt-title_5xnxd_680",
60
+ "gpt-icons-row": "_gpt-icons-row_5xnxd_691",
61
+ "gpt-subtitle": "_gpt-subtitle_5xnxd_698",
62
+ "gpt-start-btn": "_gpt-start-btn_5xnxd_704"
63
+ };
64
+ export {
65
+ p as s
66
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ck-ui/component-library",
3
- "version": "2.0.0",
3
+ "version": "2.0.1",
4
4
  "type": "module",
5
5
  "main": "dist/main.js",
6
6
  "types": "dist/main.d.ts",
@@ -1,237 +0,0 @@
1
- import { jsxs as H, jsx as l } from "react/jsx-runtime";
2
- import * as X from "react";
3
- import Z, { useMemo as S, useState as O, useEffect as Q } from "react";
4
- import { MONTHS_SHORT as x, ALL_MONTHS as I, DROPDOWN_ITEM_FONT as D, WEEKDAYS as ie } from "./components/DateRangePicker/constants.js";
5
- import { isSameDay as W } from "./components/DateRangePicker/_utils/util.js";
6
- import { toMonthIndex as d, getYearRange as le, buildWeeks as ce, isMonthDisabled as J, isDateDisabled as P, isDateInRange as ee } from "./components/DateRangePicker/Calendar/calendarGrid.util.js";
7
- import { s as n, S as ne } from "./ScrollDropdown-tf6ex2lE.js";
8
- const re = (c) => /* @__PURE__ */ X.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...c }, /* @__PURE__ */ X.createElement("path", { d: "M3.33419 5.67861L7.99744 10.3286L12.6606 5.67861", stroke: "#737373", strokeLinecap: "round", strokeLinejoin: "round" })), te = ({
9
- year: c,
10
- month: o,
11
- startDate: k,
12
- endDate: L,
13
- hoverDate: h,
14
- onDateClick: a,
15
- onDateHover: M,
16
- minDate: p,
17
- maxDate: s,
18
- onMonthChange: A,
19
- showPrevArrow: g,
20
- showNextArrow: B,
21
- activeDropdown: v,
22
- onDropdownToggle: C,
23
- panelId: t,
24
- otherPanelYear: N,
25
- otherPanelMonth: m
26
- }) => {
27
- const _ = `${t}-month`, E = `${t}-year`, Y = v === _, T = v === E, j = Z.useRef(null), y = Z.useRef(null);
28
- Q(() => {
29
- if (Y && j.current) {
30
- const e = j.current.querySelector(`.${n["dropdown-item--active"]}`);
31
- e && (j.current.scrollTop = e.offsetTop - j.current.clientHeight / 2 + e.clientHeight / 2);
32
- }
33
- }, [Y]), Q(() => {
34
- if (T && y.current) {
35
- const e = y.current.querySelector(`.${n["dropdown-item--active"]}`);
36
- e && (y.current.scrollTop = e.offsetTop - y.current.clientHeight / 2 + e.clientHeight / 2);
37
- }
38
- }, [T]);
39
- const R = k && !L && h && h.getTime() >= k.getTime() ? h : L, q = (e) => J(e, c, p, s) ? !0 : p && s && p.getFullYear() === s.getFullYear() && p.getMonth() === s.getMonth() ? e !== p.getMonth() : t === "left" && c === N && e >= m || t === "right" && c === N && e <= m, K = (e) => t === "left" && (e > N || e === N && o >= m) || t === "right" && (e < N || e === N && o <= m), r = () => {
40
- C(null), A(o === 0 ? c - 1 : c, o === 0 ? 11 : o - 1);
41
- }, i = () => {
42
- C(null), A(o === 11 ? c + 1 : c, o === 11 ? 0 : o + 1);
43
- }, V = S(() => le(p, s), [p, s]), z = S(() => ce(c, o), [c, o]), oe = (e, f, b) => {
44
- const w = [n.cell];
45
- if (!f) return w.join(" ");
46
- const G = P(e, p, s);
47
- G && w.push(n["cell--disabled"]), (b === 0 || b === 6) && w.push(n["cell--weekend"]);
48
- const u = !!(k && W(e, k)), F = !!(R && W(e, R)), $ = !G && ee(e, k, R);
49
- return u && (w.push(n["cell--start"]), R && !W(e, R) && w.push(n["cell--in-range"])), F && !u && (w.push(n["cell--end"], n["cell--in-range"]), !L && h && w.push(n["cell--hover-end"])), $ && !u && !F && w.push(n["cell--in-range"]), w.join(" ");
50
- };
51
- return /* @__PURE__ */ H("div", { className: n.panel, children: [
52
- /* @__PURE__ */ H("div", { className: n.header, children: [
53
- /* @__PURE__ */ l("button", { type: "button", className: n.nav, onClick: r, style: { visibility: g ? "visible" : "hidden" }, "aria-label": "Previous month", children: /* @__PURE__ */ l("svg", { width: "6", height: "10", viewBox: "0 0 6 10", fill: "none", children: /* @__PURE__ */ l("path", { d: "M5 1L1 5L5 9", stroke: "currentColor", strokeWidth: "1", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
54
- /* @__PURE__ */ H("div", { className: n.selectors, children: [
55
- /* @__PURE__ */ H("div", { className: n.dropdown, children: [
56
- /* @__PURE__ */ H("button", { type: "button", className: n["dropdown-trigger"], onClick: (e) => {
57
- e.stopPropagation(), C(Y ? null : _);
58
- }, children: [
59
- x[o],
60
- /* @__PURE__ */ l(re, { className: `${n["dropdown-chevron"]} ${Y ? n["dropdown-chevron--open"] : ""}`, width: 12, height: 12 })
61
- ] }),
62
- Y && /* @__PURE__ */ l(ne, { menuRef: j, children: I.map((e) => {
63
- const f = q(e);
64
- return /* @__PURE__ */ l(
65
- "div",
66
- {
67
- role: "option",
68
- "aria-selected": e === o,
69
- "aria-disabled": f,
70
- className: `${n["dropdown-item"]} ${e === o ? n["dropdown-item--active"] : ""} ${f ? n["dropdown-item--disabled"] : ""}`,
71
- style: D,
72
- onClick: () => !f && (() => {
73
- A(c, e), C(null);
74
- })(),
75
- children: x[e]
76
- },
77
- e
78
- );
79
- }) })
80
- ] }),
81
- /* @__PURE__ */ H("div", { className: n.dropdown, children: [
82
- /* @__PURE__ */ H("button", { type: "button", className: n["dropdown-trigger"], onClick: (e) => {
83
- e.stopPropagation(), C(T ? null : E);
84
- }, children: [
85
- c,
86
- /* @__PURE__ */ l(re, { className: `${n["dropdown-chevron"]} ${T ? n["dropdown-chevron--open"] : ""}`, width: 12, height: 12 })
87
- ] }),
88
- T && /* @__PURE__ */ l(ne, { menuRef: y, children: V.map((e) => {
89
- const f = K(e);
90
- return /* @__PURE__ */ l(
91
- "div",
92
- {
93
- role: "option",
94
- "aria-selected": e === c,
95
- "aria-disabled": f,
96
- className: `${n["dropdown-item"]} ${e === c ? n["dropdown-item--active"] : ""} ${f ? n["dropdown-item--disabled"] : ""}`,
97
- style: D,
98
- onClick: () => !f && (() => {
99
- let b = o;
100
- if (J(b, e, p, s) || t === "left" && e === N && b >= m || t === "right" && e === N && b <= m) {
101
- const w = I.findIndex((G, u) => !J(u, e, p, s) && !(t === "left" && e === N && u >= m) && !(t === "right" && e === N && u <= m));
102
- w !== -1 && (b = w);
103
- }
104
- A(e, b), C(null);
105
- })(),
106
- children: e
107
- },
108
- e
109
- );
110
- }) })
111
- ] })
112
- ] }),
113
- /* @__PURE__ */ l("button", { type: "button", className: n.nav, onClick: i, style: { visibility: B ? "visible" : "hidden" }, "aria-label": "Next month", children: /* @__PURE__ */ l("svg", { width: "6", height: "10", viewBox: "0 0 6 10", fill: "none", children: /* @__PURE__ */ l("path", { d: "M1 1L5 5L1 9", stroke: "currentColor", strokeWidth: "1", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
114
- ] }),
115
- /* @__PURE__ */ l("div", { className: n.weekdays, children: ie.map((e, f) => /* @__PURE__ */ l("span", { className: `${n.weekday} ${f === 0 || f === 6 ? n["weekday--weekend"] : ""}`, children: e }, e)) }),
116
- /* @__PURE__ */ l("div", { className: n.grid, children: z.filter((e) => e.some(({ isCurrentMonth: f }) => f)).map((e, f) => {
117
- const b = e.map(({ date: u, isCurrentMonth: F }) => !F || P(u, p, s) ? !1 : k && W(u, k) || R && W(u, R) ? !0 : ee(u, k, R)), w = b.indexOf(!0), G = b.lastIndexOf(!0);
118
- return /* @__PURE__ */ l("div", { className: n.row, children: e.map(({ date: u, isCurrentMonth: F }, $) => {
119
- const U = !F || P(u, p, s), se = [
120
- oe(u, F, $),
121
- $ === w && b[$] ? n["cell--row-start"] : "",
122
- $ === G && b[$] ? n["cell--row-end"] : ""
123
- ].filter(Boolean).join(" ");
124
- return F ? /* @__PURE__ */ l(
125
- "div",
126
- {
127
- className: se,
128
- onClick: () => !U && a(u),
129
- onMouseEnter: () => !U && M(u),
130
- children: /* @__PURE__ */ l("span", { className: n["cell-label"], children: u.getDate() })
131
- },
132
- $
133
- ) : /* @__PURE__ */ l("span", {}, $);
134
- }) }, f);
135
- }) })
136
- ] });
137
- }, ae = ({
138
- startDate: c,
139
- endDate: o,
140
- onDateClick: k,
141
- minDate: L,
142
- maxDate: h
143
- }) => {
144
- const a = S(() => {
145
- const r = c || L || /* @__PURE__ */ new Date();
146
- return { year: r.getFullYear(), month: r.getMonth() };
147
- }, []), M = S(() => {
148
- if (o) {
149
- const V = d(o.getFullYear(), o.getMonth()), z = d(a.year, a.month);
150
- if (V > z) return { year: o.getFullYear(), month: o.getMonth() };
151
- }
152
- const r = a.month === 11 ? 0 : a.month + 1, i = a.month === 11 ? a.year + 1 : a.year;
153
- return h && d(i, r) > d(h.getFullYear(), h.getMonth()) ? { year: h.getFullYear(), month: h.getMonth() } : { year: i, month: r };
154
- }, [a, o, h]), p = S(() => {
155
- if (d(a.year, a.month) >= d(M.year, M.month)) {
156
- const r = M.month === 0 ? 11 : M.month - 1;
157
- return { year: M.month === 0 ? M.year - 1 : M.year, month: r };
158
- }
159
- return a;
160
- }, [a, M]), [s, A] = O(p.year), [g, B] = O(p.month), [v, C] = O(M.year), [t, N] = O(M.month), [m, _] = O(null), [E, Y] = O(null);
161
- Q(() => {
162
- if (!E) return;
163
- const r = () => Y(null), i = setTimeout(() => document.addEventListener("click", r), 0);
164
- return () => {
165
- clearTimeout(i), document.removeEventListener("click", r);
166
- };
167
- }, [E]);
168
- const T = S(() => {
169
- if (!L) return !0;
170
- const r = g === 0 ? 11 : g - 1, i = g === 0 ? s - 1 : s;
171
- return d(i, r) >= d(L.getFullYear(), L.getMonth());
172
- }, [g, s, L]), j = S(() => {
173
- const r = g === 11 ? 0 : g + 1, i = g === 11 ? s + 1 : s;
174
- return d(i, r) < d(v, t);
175
- }, [g, s, v, t]), y = S(() => {
176
- const r = t === 0 ? 11 : t - 1, i = t === 0 ? v - 1 : v;
177
- return d(i, r) > d(s, g);
178
- }, [t, v, s, g]), R = S(() => {
179
- if (!h) return !0;
180
- const r = t === 11 ? 0 : t + 1, i = t === 11 ? v + 1 : v;
181
- return d(i, r) <= d(h.getFullYear(), h.getMonth());
182
- }, [t, v, h]), q = (r, i) => {
183
- d(r, i) >= d(v, t) || (A(r), B(i));
184
- }, K = (r, i) => {
185
- d(r, i) <= d(s, g) || (C(r), N(i));
186
- };
187
- return /* @__PURE__ */ H("div", { className: n["ckds-calendar"], children: [
188
- /* @__PURE__ */ l(
189
- te,
190
- {
191
- year: s,
192
- month: g,
193
- startDate: c,
194
- endDate: o,
195
- hoverDate: m,
196
- onDateClick: k,
197
- onDateHover: _,
198
- minDate: L,
199
- maxDate: h,
200
- onMonthChange: q,
201
- showPrevArrow: T,
202
- showNextArrow: j,
203
- activeDropdown: E,
204
- onDropdownToggle: Y,
205
- panelId: "left",
206
- otherPanelYear: v,
207
- otherPanelMonth: t
208
- }
209
- ),
210
- /* @__PURE__ */ l(
211
- te,
212
- {
213
- year: v,
214
- month: t,
215
- startDate: c,
216
- endDate: o,
217
- hoverDate: m,
218
- onDateClick: k,
219
- onDateHover: _,
220
- minDate: L,
221
- maxDate: h,
222
- onMonthChange: K,
223
- showPrevArrow: y,
224
- showNextArrow: R,
225
- activeDropdown: E,
226
- onDropdownToggle: Y,
227
- panelId: "right",
228
- otherPanelYear: s,
229
- otherPanelMonth: g
230
- }
231
- )
232
- ] });
233
- };
234
- export {
235
- ae as C,
236
- re as S
237
- };
@@ -1,80 +0,0 @@
1
- import { jsxs as f, jsx as w } from "react/jsx-runtime";
2
- import { useRef as b, useCallback as y, useEffect as m } from "react";
3
- import './assets/ScrollDropdown-CQTxVikn.css';const E = "_panel_ugabr_8", L = "_header_ugabr_19", H = "_nav_ugabr_25", x = "_selectors_ugabr_42", T = "_dropdown_ugabr_47", M = "_weekdays_ugabr_156", D = "_weekday_ugabr_156", N = "_grid_ugabr_169", S = "_row_ugabr_175", Y = "_cell_ugabr_180", u = {
4
- "ckds-calendar": "_ckds-calendar_ugabr_1",
5
- panel: E,
6
- header: L,
7
- nav: H,
8
- selectors: x,
9
- dropdown: T,
10
- "dropdown-trigger": "_dropdown-trigger_ugabr_50",
11
- "dropdown-chevron": "_dropdown-chevron_ugabr_64",
12
- "dropdown-chevron--open": "_dropdown-chevron--open_ugabr_73",
13
- "dropdown-menu": "_dropdown-menu_ugabr_79",
14
- "dropdown-menu-scroll": "_dropdown-menu-scroll_ugabr_95",
15
- "dropdown-menu-track": "_dropdown-menu-track_ugabr_108",
16
- "dropdown-menu-thumb": "_dropdown-menu-thumb_ugabr_114",
17
- "dropdown-item": "_dropdown-item_ugabr_128",
18
- "dropdown-item--active": "_dropdown-item--active_ugabr_140",
19
- "dropdown-item--disabled": "_dropdown-item--disabled_ugabr_150",
20
- weekdays: M,
21
- weekday: D,
22
- grid: N,
23
- row: S,
24
- cell: Y,
25
- "cell-label": "_cell-label_ugabr_189",
26
- "cell--disabled": "_cell--disabled_ugabr_204",
27
- "cell--start": "_cell--start_ugabr_204",
28
- "cell--end": "_cell--end_ugabr_204",
29
- "cell--weekend": "_cell--weekend_ugabr_214",
30
- "cell--in-range": "_cell--in-range_ugabr_214",
31
- "cell--row-end": "_cell--row-end_ugabr_244",
32
- "cell--row-start": "_cell--row-start_ugabr_263",
33
- "cell--hover-end": "_cell--hover-end_ugabr_266"
34
- }, C = ({ menuRef: o, children: v }) => {
35
- const i = b(null), p = b(null), _ = y(() => {
36
- const e = o.current, r = i.current, n = p.current;
37
- if (!e || !r || !n) return;
38
- const { scrollTop: c, scrollHeight: t, clientHeight: l } = e;
39
- if (!(t > l)) {
40
- n.style.display = "none";
41
- return;
42
- }
43
- n.style.display = "block";
44
- const d = n.clientHeight, a = Math.max(l / t * d, 20), s = c / (t - l) * (d - a);
45
- r.style.height = `${a}px`, r.style.top = `${s}px`;
46
- }, [o]);
47
- return m(() => {
48
- const e = o.current;
49
- if (e)
50
- return e.addEventListener("scroll", _, { passive: !0 }), _(), () => e.removeEventListener("scroll", _);
51
- }, [o, _]), m(() => {
52
- const e = i.current, r = o.current, n = p.current;
53
- if (!e || !r || !n) return;
54
- let c = !1, t = 0, l = 0;
55
- const g = (s) => {
56
- s.preventDefault(), c = !0, t = s.clientY, l = r.scrollTop, document.addEventListener("mousemove", d), document.addEventListener("mouseup", a);
57
- }, d = (s) => {
58
- if (!c) return;
59
- const h = s.clientY - t, k = r.scrollHeight / n.clientHeight;
60
- r.scrollTop = l + h * k;
61
- }, a = () => {
62
- c = !1, document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", a);
63
- };
64
- return e.addEventListener("mousedown", g), () => e.removeEventListener("mousedown", g);
65
- }, [o]), /* @__PURE__ */ f("div", { className: u["dropdown-menu"], style: { overflow: "hidden" }, children: [
66
- /* @__PURE__ */ w(
67
- "div",
68
- {
69
- className: u["dropdown-menu-scroll"],
70
- ref: o,
71
- children: v
72
- }
73
- ),
74
- /* @__PURE__ */ w("div", { className: u["dropdown-menu-track"], ref: p, children: /* @__PURE__ */ w("div", { className: u["dropdown-menu-thumb"], ref: i }) })
75
- ] });
76
- };
77
- export {
78
- C as S,
79
- u as s
80
- };
@@ -1 +0,0 @@
1
- @charset "UTF-8";._ckds-date-range-picker_7m6sy_2{position:relative;display:inline-block}._ckds-date-range-picker_7m6sy_2 *{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}._ckds-date-range-picker_7m6sy_2>button{border-color:var(--ckcl-black-100, #DCDCDC)}._ckds-date-range-picker_7m6sy_2>button>span svg path{stroke:var(--ckcl-black-500, #2B2B2B)}._ckds-date-range-picker_7m6sy_2>button>span>span{font-size:var(--ckcl-fs-sm, 14px)}._ckds-date-range-picker_7m6sy_2>button>span:last-child{display:inline-flex;margin-left:var(--ckcl-spacing-ms, 12px);transition:transform .25s ease}._ckds-date-range-picker_7m6sy_2>button>span:last-child svg path{stroke:var(--ckcl-black-400, #737373)}._ckds-date-range-picker_7m6sy_2._ckds-date-range-picker--open_7m6sy_26>button>span:last-child{transform:rotate(180deg)}@keyframes _ckds-drp-in_7m6sy_1{0%{opacity:0}to{opacity:1}}._ckds-date-range-picker__body_7m6sy_39{display:flex;flex:1;min-height:0;overflow:visible}._ckds-date-range-picker__sidebar_7m6sy_47{display:flex;flex-direction:column;gap:var(--ckcl-spacing-2xs, 2px);padding:var(--ckcl-spacing-md, 16px);border-right:var(--ckds-border-width-sm, 1px) solid var(--ckcl-border-color, #E6ECF1);width:173px;background:var(--ckcl-toast-info, #FAFCFF);overflow-y:auto}._ckds-date-range-picker__sidebar-item_7m6sy_58{all:unset;cursor:pointer;font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-size:var(--ckcl-fs-xs, 12px);line-height:var(--ckds-leading-md, 20px);padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-2md, 18px);color:#000;white-space:nowrap;text-align:center;transition:border-color .15s,color .15s,background-color .15s;background-color:transparent;border-radius:var(--ckds-border-radius-md, 8px);font-weight:var(--ckcl-font-weight-regular, 400);border:var(--ckds-border-width-sm, 1px) solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center}._ckds-date-range-picker__sidebar-item_7m6sy_58:after{content:attr(aria-label);font-weight:var(--ckcl-font-weight-medium, 500);height:0;overflow:hidden;visibility:hidden;pointer-events:none;display:block}._ckds-date-range-picker__sidebar-item_7m6sy_58:hover{color:var(--ckcl-primary-500, #3A72E4);background-color:transparent;border-color:transparent}._ckds-date-range-picker__sidebar-item_7m6sy_58:active{background-color:transparent;border-color:transparent}._ckds-date-range-picker__sidebar-item--active_7m6sy_99{--shadow-shade-004: 0px 4px 14px -10.65px #3A72E4;background-color:var(--ckcl-white, #FFFFFF);border-color:var(--ckcl-primary-300, #81AFF0);font-weight:var(--ckcl-font-weight-medium, 500);box-shadow:var(--shadow-shade-004);color:var(--ckcl-primary-600, #3060C1)}._ckds-date-range-picker__sidebar-item--active_7m6sy_99:hover{border-color:var(--ckcl-primary-300, #81AFF0)}._ckds-date-range-picker__calendar_7m6sy_113{position:absolute;width:auto;border-radius:var(--ckcl-spacing-md, 16px);background-color:var(--ckcl-white, #FFFFFF);overflow:hidden;border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC);box-shadow:-20px 31.95px 42.61px -31.95px #18274b26;display:flex;flex-direction:column;isolation:isolate;z-index:9999;margin-top:var(--ckcl-spacing-xs, 4px)}._ckds-date-range-picker__calendar_7m6sy_113._ckds-date-range-picker__calendar--align-left_7m6sy_127{left:0}._ckds-date-range-picker__calendar_7m6sy_113._ckds-date-range-picker__calendar--align-right_7m6sy_130{right:0}._ckds-date-range-picker__calendar_7m6sy_113._ckds-date-range-picker__calendar--enter_7m6sy_133{animation:_ckds-drp-in_7m6sy_1 .13s ease-out both}._ckds-date-range-picker__main_7m6sy_138{display:flex;flex:1;min-width:0;overflow:visible}._ckds-date-range-picker__footer_7m6sy_146{display:flex;align-items:end;justify-content:space-between;gap:var(--ckcl-spacing-ms, 12px);padding:var(--ckcl-spacing-lg, 24px) var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px);border-top:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC)}._ckds-date-range-picker__date-inputs_7m6sy_155{display:flex;align-items:end;gap:var(--ckcl-spacing-ms, 12px)}._ckds-date-range-picker__date-field_7m6sy_161{display:flex;flex-direction:column;gap:var(--ckcl-spacing-xs, 4px)}._ckds-date-range-picker__date-label_7m6sy_167{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-weight:var(--ckcl-font-weight-medium, 500);font-size:var(--ckcl-fs-xs, 12px);line-height:var(--ckds-leading-md, 20px);letter-spacing:0%}._ckds-date-range-picker__required-asterisk_7m6sy_175{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-weight:var(--ckcl-font-weight-medium, 500);font-size:var(--ckcl-fs-2xs, 11px);line-height:var(--ckcl-leading-xs, 14px);letter-spacing:0%;vertical-align:top;color:var(--ckcl-red-500, #E52323);margin-left:var(--ckcl-spacing-2xs, 2px)}._ckds-date-range-picker__date-tag_7m6sy_186{width:160px!important;height:var(--ckcl-spacing-2xl-lg, 40px)!important;border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC);border-radius:var(--ckds-border-radius-md, 8px);font-size:var(--ckcl-fs-sm, 14px)!important;font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;gap:var(--ckcl-spacing-xs, 4px);font-weight:var(--ckcl-font-weight-regular, 400);padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-ms, 12px);background-color:var(--ckcl-black-50, #F4F4F4)}._ckds-date-range-picker__date-arrow_7m6sy_199{align-self:center;margin-top:var(--ckds-spacing-lg, 28px);margin-left:-8px;margin-right:-8px}._ckds-date-range-picker__reset-btn_7m6sy_206{min-width:unset}._ckds-date-range-picker__reset-btn_7m6sy_206 span[class*=icon-slot]{width:12px;height:12px}._ckds-date-range-picker__reset-btn_7m6sy_206:disabled svg path{stroke:var(--ckcl-black-200, #C2C2C2)}._ckds-date-range-picker__actions_7m6sy_217{display:flex;gap:var(--ckcl-spacing-sm, 8px);align-items:center}
@@ -1 +0,0 @@
1
- ._ckds-calendar_ugabr_1{display:flex;gap:0}._ckds-calendar_ugabr_1 *{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif!important}._ckds-calendar_ugabr_1 ._panel_ugabr_8{width:318px;flex:1}._ckds-calendar_ugabr_1 ._panel_ugabr_8:first-child{padding:var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-lg, 24px) var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px);border-right:var(--ckds-border-width-sm, 1px) solid var(--ckcl-border-color, #E6ECF1)}._ckds-calendar_ugabr_1 ._panel_ugabr_8:last-child{padding:var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-lg, 24px)}._ckds-calendar_ugabr_1 ._header_ugabr_19{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ckcl-spacing-md, 16px)}._ckds-calendar_ugabr_1 ._nav_ugabr_25{all:unset;display:flex;align-items:center;justify-content:center;width:var(--ckcl-spacing-xl, 28px);height:var(--ckcl-spacing-xl, 28px);border-radius:var(--ckds-border-radius-md, 8px);border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC);cursor:pointer;font-size:var(--ckcl-fs-md, 16px);color:var(--ckcl-black-500, #2B2B2B);transition:border-color .15s}._ckds-calendar_ugabr_1 ._nav_ugabr_25:hover{border-color:var(--ckcl-primary-500, #3A72E4)}._ckds-calendar_ugabr_1 ._selectors_ugabr_42{display:flex;align-items:center;gap:var(--ckcl-spacing-sm, 8px)}._ckds-calendar_ugabr_1 ._dropdown_ugabr_47{position:relative}._ckds-calendar_ugabr_1 ._dropdown-trigger_ugabr_50{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:var(--ckcl-spacing-xs, 4px);font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-medium, 500);color:var(--ckcl-primary-500, #3A72E4);padding:var(--ckcl-spacing-2xs, 2px) var(--ckcl-spacing-xs, 4px);border-radius:var(--ckds-border-radius-sm, 6px);transition:background-color .15s}._ckds-calendar_ugabr_1 ._dropdown-chevron_ugabr_64{display:inline-flex;margin-left:var(--ckcl-spacing-xs, 4px);transition:transform .2s ease}._ckds-calendar_ugabr_1 ._dropdown-chevron_ugabr_64 path{stroke:var(--ckcl-black-400, #737373);transition:stroke .2s ease}._ckds-calendar_ugabr_1 ._dropdown-chevron--open_ugabr_73{transform:rotate(180deg)}._ckds-calendar_ugabr_1 ._dropdown-chevron--open_ugabr_73 path{stroke:var(--ckcl-primary-500, #3A72E4)}._ckds-calendar_ugabr_1 ._dropdown-menu_ugabr_79{position:absolute;top:calc(100% + var(--ckcl-spacing-xs, 4px));left:20%;transform:translate(-50%);z-index:10;background:var(--ckcl-white, #FFFFFF);border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC);border-radius:var(--ckds-border-radius-lg, 12px);box-shadow:0 var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-md, 16px) #00000014;padding:var(--ckcl-spacing-sm, 8px);min-width:73px;max-height:271px;overflow:hidden;display:flex}._ckds-calendar_ugabr_1 ._dropdown-menu-scroll_ugabr_95{display:flex;flex-direction:column;gap:var(--ckcl-spacing-2xs, 2px);max-height:250px;overflow-y:auto;position:relative;flex:1;scrollbar-width:none}._ckds-calendar_ugabr_1 ._dropdown-menu-scroll_ugabr_95::-webkit-scrollbar{display:none}._ckds-calendar_ugabr_1 ._dropdown-menu-track_ugabr_108{position:relative;margin-left:var(--ckcl-spacing-xs, 4px);border-radius:100px;flex-shrink:0}._ckds-calendar_ugabr_1 ._dropdown-menu-thumb_ugabr_114{position:absolute;top:0;left:0;width:var(--ckcl-spacing-xs, 4px);background-color:var(--ckcl-black-200, #C2C2C2);border-radius:100px;min-height:var(--ckcl-spacing-slg, 20px);cursor:pointer;transition:background-color .15s}._ckds-calendar_ugabr_1 ._dropdown-menu-thumb_ugabr_114:hover{background-color:var(--ckcl-black-300, #A0A0A0)}._ckds-calendar_ugabr_1 ._dropdown-item_ugabr_128{cursor:pointer;font-size:var(--ckcl-fs-xs, 12px);padding:var(--ckcl-spacing-sm, 8px);border-radius:var(--ckds-border-radius-md, 8px);text-align:center;white-space:nowrap;transition:background-color .1s,color .1s;color:var(--ckcl-black-500, #2B2B2B);line-height:var(--ckds-leading-md, 20px);font-weight:var(--ckcl-font-weight-medium, 500)}._ckds-calendar_ugabr_1 ._dropdown-item_ugabr_128:hover:not(._dropdown-item--active_ugabr_140){color:var(--ckcl-primary-600, #3060C1);font-weight:var(--ckcl-font-weight-medium, 500);background-color:var(--ckcl-white, #FFFFFF)}._ckds-calendar_ugabr_1 ._dropdown-item--active_ugabr_140{background-color:var(--ckcl-primary-50, #F8FBFF);color:var(--ckcl-primary-600, #3060C1);font-weight:var(--ckcl-font-weight-medium, 500)}._ckds-calendar_ugabr_1 ._dropdown-item--disabled_ugabr_150{color:var(--ckcl-black-200, #C2C2C2);cursor:not-allowed;pointer-events:none;opacity:.5}._ckds-calendar_ugabr_1 ._weekdays_ugabr_156{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:var(--ckcl-spacing-xs, 4px)}._ckds-calendar_ugabr_1 ._weekday_ugabr_156{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-medium, 500);color:var(--ckcl-black-400, #737373);text-align:center;padding:var(--ckcl-spacing-xs, 4px) 0}._ckds-calendar_ugabr_1 ._grid_ugabr_169{display:flex;flex-direction:column;gap:0;margin-top:var(--ckcl-spacing-sm, 8px)}._ckds-calendar_ugabr_1 ._row_ugabr_175{display:grid;grid-template-columns:repeat(7,1fr);margin-top:var(--ckcl-spacing-2xs, 2px)}._ckds-calendar_ugabr_1 ._cell_ugabr_180{position:relative;display:flex;align-items:center;justify-content:center;height:var(--ckcl-spacing-2xl-md, 36px);cursor:pointer;-webkit-user-select:none;user-select:none}._ckds-calendar_ugabr_1 ._cell-label_ugabr_189{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:var(--ckds-spacing-slg, 22px);height:var(--ckds-spacing-slg, 22px);border-radius:50%;font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-regular, 400);color:var(--ckcl-black-500, #2B2B2B);transition:background-color .1s}._ckds-calendar_ugabr_1 ._cell_ugabr_180:not(._cell--disabled_ugabr_204):not(._cell--start_ugabr_204):not(._cell--end_ugabr_204):hover ._cell-label_ugabr_189{background-color:var(--ckcl-black-50, #F4F4F4)}._ckds-calendar_ugabr_1 ._cell--disabled_ugabr_204{cursor:not-allowed;pointer-events:none}._ckds-calendar_ugabr_1 ._cell--disabled_ugabr_204 ._cell-label_ugabr_189{color:var(--ckcl-black-200, #C2C2C2)}._ckds-calendar_ugabr_1 ._cell--weekend_ugabr_214:not(._cell--disabled_ugabr_204):not(._cell--in-range_ugabr_214):not(._cell--start_ugabr_204):not(._cell--end_ugabr_204) ._cell-label_ugabr_189{color:var(--ckcl-black-300, #A0A0A0)}._ckds-calendar_ugabr_1 ._cell--in-range_ugabr_214:before{content:"";position:absolute;top:50%;left:0;right:0;height:var(--ckds-spacing-slg, 22px);transform:translateY(-50%);background-color:var(--ckcl-primary-80, #F1F6FF);z-index:0}._ckds-calendar_ugabr_1 ._cell--start_ugabr_204 ._cell-label_ugabr_189{background-color:var(--ckcl-primary-500, #3A72E4);color:var(--ckcl-white, #FFFFFF);font-weight:var(--ckcl-font-weight-medium, 500)}._ckds-calendar_ugabr_1 ._cell--start_ugabr_204._cell--in-range_ugabr_214:before{content:"";position:absolute;top:50%;left:50%;right:0;height:var(--ckds-spacing-slg, 22px);transform:translateY(-50%);background-color:var(--ckcl-primary-80, #F1F6FF);z-index:0}._ckds-calendar_ugabr_1 ._cell--start_ugabr_204._cell--in-range_ugabr_214._cell--row-end_ugabr_244:before{display:none}._ckds-calendar_ugabr_1 ._cell--end_ugabr_204 ._cell-label_ugabr_189{background-color:var(--ckcl-primary-500, #3A72E4);color:var(--ckcl-white, #FFFFFF);font-weight:var(--ckcl-font-weight-medium, 500)}._ckds-calendar_ugabr_1 ._cell--end_ugabr_204._cell--in-range_ugabr_214:before{content:"";position:absolute;top:50%;left:0;right:50%;height:var(--ckds-spacing-slg, 22px);transform:translateY(-50%);background-color:var(--ckcl-primary-80, #F1F6FF);z-index:0}._ckds-calendar_ugabr_1 ._cell--end_ugabr_204._cell--in-range_ugabr_214._cell--row-start_ugabr_263:before{display:none}._ckds-calendar_ugabr_1 ._cell--hover-end_ugabr_266 ._cell-label_ugabr_189{background-color:var(--ckcl-primary-100, #D9E6FB);color:var(--ckcl-black-500, #2B2B2B);font-weight:var(--ckcl-font-weight-regular, 400)}._ckds-calendar_ugabr_1 ._cell--start_ugabr_204._cell--end_ugabr_204{background:transparent}._ckds-calendar_ugabr_1 ._cell--start_ugabr_204._cell--end_ugabr_204 ._cell-label_ugabr_189{background-color:var(--ckcl-primary-500, #3A72E4);color:var(--ckcl-white, #FFFFFF)}._ckds-calendar_ugabr_1 ._cell--row-start_ugabr_263:not(._cell--start_ugabr_204):not(._cell--end_ugabr_204):before{left:calc(50% - var(--ckds-spacing-slg, 22px) / 2);border-radius:var(--ckds-border-radius-lg, 12px) 0 0 var(--ckds-border-radius-lg, 12px)}._ckds-calendar_ugabr_1 ._cell--row-end_ugabr_244:not(._cell--start_ugabr_204):not(._cell--end_ugabr_204):before{right:calc(50% - var(--ckds-spacing-slg, 22px) / 2);border-radius:0 var(--ckds-border-radius-lg, 12px) var(--ckds-border-radius-lg, 12px) 0}._ckds-calendar_ugabr_1 ._cell--row-start_ugabr_263._cell--row-end_ugabr_244:not(._cell--start_ugabr_204):not(._cell--end_ugabr_204):before{left:calc(50% - var(--ckds-spacing-slg, 22px) / 2);right:calc(50% - var(--ckds-spacing-slg, 22px) / 2);border-radius:var(--ckds-border-radius-lg, 12px)}