@pismo/marola 2.0.2 → 2.1.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.
- package/dist/{Button-cCziLrIy.js → Button-Bh6rpTyY.js} +2 -2
- package/dist/{ClickAwayListener-CUayzVlD.js → ClickAwayListener-BjqhGzJh.js} +3 -3
- package/dist/DatePicker.module-C9zgeg52.js +46 -0
- package/dist/{Popup-C7AXLoP0.js → Popup-aWlctE1C.js} +3 -3
- package/dist/{Portal-CYV5TK_i.js → Portal-Dc9ej3DW.js} +2 -2
- package/dist/{RadioButton.module-B4kmS66R.js → RadioButton.module-VF7v9SuY.js} +1 -1
- package/dist/{Toggle-DEVeyo2f.js → Toggle-DeMSbC0N.js} +16 -15
- package/dist/_commonjsHelpers-C6fGbg64.js +6 -0
- package/dist/assets/DatePicker.css +1 -0
- package/dist/{combineHooksSlotProps-BCXoX9Nx.js → combineHooksSlotProps-CNWfgylM.js} +1 -1
- package/dist/components/Autocomplete/Autocomplete.js +1 -1
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Chip/Chip.js +4 -3
- package/dist/components/DatePicker/DatePicker.d.ts +30 -0
- package/dist/components/DatePicker/DatePicker.js +1534 -0
- package/dist/components/DatePicker/DatePicker.stories.d.ts +45 -0
- package/dist/components/DatePicker/dateUtils.d.ts +96 -0
- package/dist/components/DatePicker/dateUtils.js +70 -0
- package/dist/components/DatePicker/dateUtils.test.d.ts +0 -0
- package/dist/components/DatePicker/keyboardNavigation.d.ts +14 -0
- package/dist/components/DatePicker/keyboardNavigation.js +26 -0
- package/dist/components/DatePicker/keyboardNavigation.test.d.ts +1 -0
- package/dist/components/DatePicker/renderCalendarDays.d.ts +25 -0
- package/dist/components/DatePicker/renderCalendarDays.js +85 -0
- package/dist/components/DatePicker/renderCalendarDays.test.d.ts +2 -0
- package/dist/components/DatePicker/renderDualCalendarHeader.d.ts +8 -0
- package/dist/components/DatePicker/renderDualCalendarHeader.js +51 -0
- package/dist/components/DatePicker/renderDualCalendarHeader.test.d.ts +0 -0
- package/dist/components/DatePicker/renderHeader.d.ts +11 -0
- package/dist/components/DatePicker/renderHeader.js +41 -0
- package/dist/components/DatePicker/renderHeader.test.d.ts +0 -0
- package/dist/components/DatePicker/renderNavigatorInput.d.ts +16 -0
- package/dist/components/DatePicker/renderNavigatorInput.js +73 -0
- package/dist/components/DatePicker/renderNavigatorInput.test.d.ts +1 -0
- package/dist/components/DatePicker/renderPeriodSelection.d.ts +17 -0
- package/dist/components/DatePicker/renderPeriodSelection.js +81 -0
- package/dist/components/DatePicker/renderPeriodSelection.test.d.ts +1 -0
- package/dist/components/Dialog/CloseIconButton.js +1 -1
- package/dist/components/Dialog/Dialog.js +4 -4
- package/dist/components/Icon/Icon.js +181 -158
- package/dist/components/Icon/types.d.ts +1 -1
- package/dist/components/IconButton/IconButton.js +1 -1
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Popover/Popover.js +2 -2
- package/dist/components/RadioButton/RadioButton.js +7 -6
- package/dist/components/RadioButton/RadioOption.js +7 -6
- package/dist/components/ResultWithChips/ResultWithChips.js +1 -1
- package/dist/components/RowItem/RowItem.js +4 -3
- package/dist/components/Select/Select.js +5 -5
- package/dist/components/Snackbar/Snackbar.js +3 -3
- package/dist/components/Tabs/Tab.js +3 -3
- package/dist/components/Tabs/TabPanel.js +1 -1
- package/dist/components/Tabs/Tabs.js +3 -3
- package/dist/components/Toggle/Toggle.js +1 -1
- package/dist/components/ToggleGroup/Toggle.js +3 -2
- package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
- package/dist/components/Tooltip/Tooltip.js +3 -3
- package/dist/components/Typography/Typography.test.d.ts +1 -0
- package/dist/contexts/SnackbarProvider/SnackbarProvider.js +1 -1
- package/dist/dayjs.min-ClQKmc--.js +285 -0
- package/dist/{index-CATDT7fJ.js → index-Bppuplgd.js} +6 -5
- package/dist/main.d.ts +1 -0
- package/dist/main.js +106 -105
- package/dist/{ownerDocument-CAHSRRik.js → ownerDocument-CXvpb_nj.js} +2 -1
- package/dist/{useButton-eF8MXAli.js → useButton-B8Y1xR88.js} +1 -1
- package/dist/{useList-CPY2roI7.js → useList-9gbS2r78.js} +2 -2
- package/dist/{useSlotProps-DSnfx453.js → useSlotProps-C7dqSmdM.js} +109 -112
- package/package.json +1 -1
- /package/dist/components/{Typography/typography.test.d.ts → DatePicker/DatePicker.test.d.ts} +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { g as T, a as _, _ as x, b as i, c as B, d as O, e as D, P as e } from "./useSlotProps-
|
|
1
|
+
import { g as T, a as _, _ as x, b as i, c as B, d as O, e as D, P as e } from "./useSlotProps-C7dqSmdM.js";
|
|
2
2
|
import * as c from "react";
|
|
3
3
|
import { jsx as F } from "react/jsx-runtime";
|
|
4
|
-
import { u as S } from "./useButton-
|
|
4
|
+
import { u as S } from "./useButton-B8Y1xR88.js";
|
|
5
5
|
const m = "Button";
|
|
6
6
|
function U(s) {
|
|
7
7
|
return T(m, s);
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as t from "react";
|
|
2
|
-
import { u as C, P as f } from "./useSlotProps-
|
|
2
|
+
import { u as C, P as f } from "./useSlotProps-C7dqSmdM.js";
|
|
3
3
|
import { jsx as w } from "react/jsx-runtime";
|
|
4
4
|
import { u as L } from "./useEventCallback-BAQJJ3ye.js";
|
|
5
|
-
import { o as h, e as b } from "./ownerDocument-
|
|
6
|
-
import { e as g } from "./index-
|
|
5
|
+
import { o as h, e as b } from "./ownerDocument-CXvpb_nj.js";
|
|
6
|
+
import { e as g } from "./index-Bppuplgd.js";
|
|
7
7
|
function T(c) {
|
|
8
8
|
return c.substring(2).toLowerCase();
|
|
9
9
|
}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import './assets/DatePicker.css';const a = "_header_w0a09_161", e = "_calendar_w0a09_107", _ = "_weekdayNames_w0a09_189", t = "_days_w0a09_190", n = "_weekdayName_w0a09_189", d = "_day_w0a09_190", r = "_disabled_w0a09_212", o = "_selected_w0a09_212", w = "_faded_w0a09_221", c = "_months_w0a09_259", s = "_years_w0a09_260", i = "_month_w0a09_127", y = "_year_w0a09_260", l = "_rotate_w0a09_340", h = {
|
|
2
|
+
"datepicker-wrapper": "_datepicker-wrapper_w0a09_79",
|
|
3
|
+
"input-container": "_input-container_w0a09_88",
|
|
4
|
+
"datepicker-input": "_datepicker-input_w0a09_101",
|
|
5
|
+
"calendar-icon": "_calendar-icon_w0a09_107",
|
|
6
|
+
"datepicker-container": "_datepicker-container_w0a09_111",
|
|
7
|
+
"range-mode": "_range-mode_w0a09_124",
|
|
8
|
+
"month-header": "_month-header_w0a09_127",
|
|
9
|
+
"month-header-row": "_month-header-row_w0a09_138",
|
|
10
|
+
"nav-button": "_nav-button_w0a09_150",
|
|
11
|
+
header: a,
|
|
12
|
+
calendar: e,
|
|
13
|
+
weekdayNames: _,
|
|
14
|
+
days: t,
|
|
15
|
+
weekdayName: n,
|
|
16
|
+
day: d,
|
|
17
|
+
disabled: r,
|
|
18
|
+
selected: o,
|
|
19
|
+
"range-start": "_range-start_w0a09_212",
|
|
20
|
+
"range-end": "_range-end_w0a09_212",
|
|
21
|
+
"range-selected": "_range-selected_w0a09_212",
|
|
22
|
+
faded: w,
|
|
23
|
+
months: c,
|
|
24
|
+
years: s,
|
|
25
|
+
month: i,
|
|
26
|
+
year: y,
|
|
27
|
+
"today-footer": "_today-footer_w0a09_299",
|
|
28
|
+
"today-button": "_today-button_w0a09_305",
|
|
29
|
+
rotate: l,
|
|
30
|
+
"current-day": "_current-day_w0a09_344",
|
|
31
|
+
"hovered-range": "_hovered-range_w0a09_349",
|
|
32
|
+
"hovered-date": "_hovered-date_w0a09_354",
|
|
33
|
+
"would-be-end-date": "_would-be-end-date_w0a09_360",
|
|
34
|
+
"would-be-start-date": "_would-be-start-date_w0a09_366",
|
|
35
|
+
"dual-calendar-container": "_dual-calendar-container_w0a09_373",
|
|
36
|
+
"navigator-input": "_navigator-input_w0a09_384",
|
|
37
|
+
"nav-month-button": "_nav-month-button_w0a09_413",
|
|
38
|
+
"nav-year-button": "_nav-year-button_w0a09_414",
|
|
39
|
+
"auto-width": "_auto-width_w0a09_422",
|
|
40
|
+
"month-selector": "_month-selector_w0a09_427",
|
|
41
|
+
"year-selector": "_year-selector_w0a09_428",
|
|
42
|
+
"nav-calendar-static": "_nav-calendar-static_w0a09_460"
|
|
43
|
+
};
|
|
44
|
+
export {
|
|
45
|
+
h as s
|
|
46
|
+
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { g as jt, a as zt, _ as It, u as Ut, b as ut, c as Xt, d as Yt, e as Kt, P as x } from "./useSlotProps-
|
|
1
|
+
import { g as jt, a as zt, _ as It, u as Ut, b as ut, c as Xt, d as Yt, e as Kt, P as x } from "./useSlotProps-C7dqSmdM.js";
|
|
2
2
|
import * as b from "react";
|
|
3
3
|
import { useLayoutEffect as Gt, useEffect as Jt } from "react";
|
|
4
|
-
import { r as Qt } from "./index-
|
|
4
|
+
import { r as Qt } from "./index-Bppuplgd.js";
|
|
5
5
|
import { jsx as Z } from "react/jsx-runtime";
|
|
6
6
|
import { u as Zt } from "./useEnhancedEffect-CJGo-L3B.js";
|
|
7
|
-
import { P as qt, H as gt } from "./Portal-
|
|
7
|
+
import { P as qt, H as gt } from "./Portal-Dc9ej3DW.js";
|
|
8
8
|
const et = Math.min, z = Math.max, nt = Math.round, q = Math.floor, H = (t) => ({
|
|
9
9
|
x: t,
|
|
10
10
|
y: t
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as o from "react";
|
|
2
|
-
import { r as P, e as y } from "./index-
|
|
3
|
-
import { u as T, s as a, P as i } from "./useSlotProps-
|
|
2
|
+
import { r as P, e as y } from "./index-Bppuplgd.js";
|
|
3
|
+
import { u as T, s as a, P as i } from "./useSlotProps-C7dqSmdM.js";
|
|
4
4
|
import { jsx as c } from "react/jsx-runtime";
|
|
5
5
|
import { u as f } from "./useEnhancedEffect-CJGo-L3B.js";
|
|
6
6
|
function N(t, l, s, n, u) {
|
|
@@ -8,6 +8,7 @@ import "./components/Avatar/Avatar.js";
|
|
|
8
8
|
import "./components/Button/Button.js";
|
|
9
9
|
import { Adornment as v } from "./components/Adornment/Adornment.js";
|
|
10
10
|
import "./components/Dialog/Dialog.js";
|
|
11
|
+
import "./components/DatePicker/DatePicker.js";
|
|
11
12
|
import { Skeleton as f } from "./components/Skeleton/Skeleton.js";
|
|
12
13
|
import "./components/IconButton/IconButton.js";
|
|
13
14
|
import "./components/InputSearch/InputSearch.js";
|
|
@@ -17,7 +18,7 @@ import "./components/Table/Table.js";
|
|
|
17
18
|
import "./components/Tabs/Tabs.js";
|
|
18
19
|
import { s as y } from "./Group-Cyc1W1kV.js";
|
|
19
20
|
import "./contexts/SnackbarProvider/SnackbarProvider.js";
|
|
20
|
-
import { B as x } from "./Button-
|
|
21
|
+
import { B as x } from "./Button-Bh6rpTyY.js";
|
|
21
22
|
import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove_1wvod_121", n = {
|
|
22
23
|
"u-typography-h1": "_u-typography-h1_1wvod_1",
|
|
23
24
|
"u-typography-h2": "_u-typography-h2_1wvod_8",
|
|
@@ -61,7 +62,7 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
|
|
|
61
62
|
children: _
|
|
62
63
|
}
|
|
63
64
|
)) : /* @__PURE__ */ i("span", { "data-testid": t["data-testid"], ref: d, className: e, children: _ });
|
|
64
|
-
}),
|
|
65
|
+
}), Y = u((t, d) => {
|
|
65
66
|
const {
|
|
66
67
|
label: _,
|
|
67
68
|
className: o,
|
|
@@ -100,8 +101,8 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
|
|
|
100
101
|
role: "button",
|
|
101
102
|
tabIndex: e ? -1 : 0,
|
|
102
103
|
"aria-label": "remove",
|
|
103
|
-
onClick: (
|
|
104
|
-
|
|
104
|
+
onClick: (p) => {
|
|
105
|
+
p == null || p.stopPropagation(), p == null || p.nativeEvent.stopImmediatePropagation(), m();
|
|
105
106
|
},
|
|
106
107
|
"aria-disabled": e,
|
|
107
108
|
children: /* @__PURE__ */ i(C, { icon: "circle-xmark", size: "1.125rem", color: "rgba(var(--gray-95-rgb), 0.45)" })
|
|
@@ -115,15 +116,15 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
|
|
|
115
116
|
"row-item--clickable": "_row-item--clickable_8z1a0_13",
|
|
116
117
|
"row-item--disabled": "_row-item--disabled_8z1a0_19",
|
|
117
118
|
"row-item__content": "_row-item__content_8z1a0_22"
|
|
118
|
-
},
|
|
119
|
+
}, Z = u((t, d) => {
|
|
119
120
|
const { children: _, leftAdornment: o, disabled: r, onClick: a, buttons: s, ariaLabel: e, className: g } = t, m = l(o == null ? void 0 : o.className, h["row-item__adornment"]), w = {
|
|
120
|
-
onClick: (
|
|
121
|
-
r || a && a(
|
|
121
|
+
onClick: (c) => {
|
|
122
|
+
r || a && a(c);
|
|
122
123
|
},
|
|
123
124
|
tabIndex: 0,
|
|
124
125
|
"aria-label": e,
|
|
125
126
|
role: "button"
|
|
126
|
-
},
|
|
127
|
+
}, p = o != null && o.customIcon ? o : { size: "1rem", ...o };
|
|
127
128
|
return /* @__PURE__ */ k(
|
|
128
129
|
"div",
|
|
129
130
|
{
|
|
@@ -137,13 +138,13 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
|
|
|
137
138
|
...!!a && w,
|
|
138
139
|
ref: d,
|
|
139
140
|
children: [
|
|
140
|
-
o && /* @__PURE__ */ i(v, { ...
|
|
141
|
+
o && /* @__PURE__ */ i(v, { ...p, className: m, disabled: r }),
|
|
141
142
|
/* @__PURE__ */ i("span", { className: l(h["row-item__content"]), children: _ }),
|
|
142
143
|
s && /* @__PURE__ */ i(
|
|
143
144
|
"div",
|
|
144
145
|
{
|
|
145
|
-
onClick: (
|
|
146
|
-
|
|
146
|
+
onClick: (c) => {
|
|
147
|
+
c == null || c.stopPropagation(), c == null || c.nativeEvent.stopImmediatePropagation();
|
|
147
148
|
},
|
|
148
149
|
children: s
|
|
149
150
|
}
|
|
@@ -151,7 +152,7 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
|
|
|
151
152
|
]
|
|
152
153
|
}
|
|
153
154
|
);
|
|
154
|
-
}),
|
|
155
|
+
}), A = u((t, d) => {
|
|
155
156
|
const { text: _, isSelected: o = !1, value: r, onChange: a, disabled: s } = t;
|
|
156
157
|
return /* @__PURE__ */ k(
|
|
157
158
|
"label",
|
|
@@ -183,7 +184,7 @@ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_
|
|
|
183
184
|
);
|
|
184
185
|
});
|
|
185
186
|
export {
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
187
|
+
Y as C,
|
|
188
|
+
Z as R,
|
|
189
|
+
A as T
|
|
189
190
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._u-typography-h1_w0a09_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_w0a09_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_w0a09_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_w0a09_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_w0a09_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_w0a09_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_w0a09_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_w0a09_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_w0a09_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_w0a09_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_w0a09_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_w0a09_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_w0a09_68{text-decoration:line-through}._u-typography-base--underlined_w0a09_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_w0a09_74{text-decoration:underline line-through}._datepicker-wrapper_w0a09_79{position:relative;display:inline-block;width:100%}._datepicker-wrapper_w0a09_79 svg{color:#3f3d4b}._input-container_w0a09_88{display:flex;align-items:center;padding:.5rem .75rem;cursor:pointer;background:#fff;border:.0625rem solid var(--colors-neutral-border-color-border);border-radius:.5rem;transition:border .2s ease-in-out}._input-container_w0a09_88:hover{border-color:var(--colors-brand-primary-color-primary)}._input-container_w0a09_88 ._datepicker-input_w0a09_101{width:100%;font-size:1rem;border:none;outline:none}._input-container_w0a09_88 ._calendar-icon_w0a09_107{cursor:pointer}._datepicker-container_w0a09_111{position:absolute;left:0;z-index:100;width:max-content;padding:1rem;margin-top:.5rem;background:#fff;border:.0625rem solid #ddd;border-radius:.375rem;box-shadow:0 .25rem .625rem #0000001a;animation:_fadeIn_w0a09_1 .2s ease-in-out,_slideUp_w0a09_1 .2s ease-in-out}._datepicker-container_w0a09_111._range-mode_w0a09_124{width:max-content}._datepicker-container_w0a09_111._range-mode_w0a09_124 ._month-headers_w0a09_127{display:flex;justify-content:space-between;width:100%;margin-bottom:.625rem}._datepicker-container_w0a09_111._range-mode_w0a09_124 ._month-headers_w0a09_127 ._month-header_w0a09_127{flex:1;font-weight:700;text-align:center}._datepicker-container_w0a09_111._range-mode_w0a09_124 ._month-header-row_w0a09_138{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.625rem}._datepicker-container_w0a09_111._range-mode_w0a09_124 ._month-header-row_w0a09_138 ._month-header_w0a09_127{flex:1;font-weight:700;text-align:center}._datepicker-container_w0a09_111._range-mode_w0a09_124 ._month-header-row_w0a09_138 ._nav-button_w0a09_150{padding:.3125rem;font-size:1rem;cursor:pointer;background:none;border:none;transition:.2s ease}._datepicker-container_w0a09_111._range-mode_w0a09_124 ._month-header-row_w0a09_138 ._nav-button_w0a09_150:hover{color:var(--colors-brand-primary-color-primary)}._datepicker-container_w0a09_111 ._header_w0a09_161{width:100%}._header_w0a09_161{display:flex;align-items:center;justify-content:space-between;padding-bottom:.625rem;font-weight:700}._header_w0a09_161 button{padding:.3125rem;font-size:1rem;cursor:pointer;background:none;border:none;transition:.2s ease}._header_w0a09_161 button:hover{color:var(--colors-brand-primary-color-primary)}._calendar_w0a09_107{display:flex;flex-direction:column}._weekdayNames_w0a09_189,._days_w0a09_190{display:grid;grid-template-columns:repeat(7,auto);gap:0}._weekdayName_w0a09_189,._day_w0a09_190{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:.3125rem 0;font-size:1rem;font-weight:700;cursor:pointer;background-color:transparent;border:none;border-radius:.5rem;transition:background .2s ease-in-out}._weekdayName_w0a09_189:hover:not(._disabled_w0a09_212,._selected_w0a09_212,._range-start_w0a09_212,._range-end_w0a09_212,._range-selected_w0a09_212),._day_w0a09_190:hover:not(._disabled_w0a09_212,._selected_w0a09_212,._range-start_w0a09_212,._range-end_w0a09_212,._range-selected_w0a09_212){background-color:#fafafa}._weekdayName_w0a09_189._selected_w0a09_212,._day_w0a09_190._selected_w0a09_212{color:#fff;background:var(--colors-brand-primary-color-primary)}._weekdayName_w0a09_189._faded_w0a09_221:not(._disabled_w0a09_212),._day_w0a09_190._faded_w0a09_221:not(._disabled_w0a09_212){color:#3f3d4b40}._weekdayName_w0a09_189._disabled_w0a09_212,._day_w0a09_190._disabled_w0a09_212{color:#aaa;cursor:not-allowed}._weekdayName_w0a09_189._range-selected_w0a09_212:not(._range-start_w0a09_212,._range-end_w0a09_212),._day_w0a09_190._range-selected_w0a09_212:not(._range-start_w0a09_212,._range-end_w0a09_212){background:var(--colors-brand-primary-color-primary-bg);border-radius:0}._weekdayName_w0a09_189._range-start_w0a09_212,._day_w0a09_190._range-start_w0a09_212{color:#fff;background:var(--colors-brand-primary-color-primary);border-top-right-radius:0;border-bottom-right-radius:0}._weekdayName_w0a09_189._range-end_w0a09_212,._day_w0a09_190._range-end_w0a09_212{color:#fff;background:var(--colors-brand-primary-color-primary);border-top-left-radius:0;border-bottom-left-radius:0}._day_w0a09_190{margin-bottom:.25rem;color:#3f3d4be0}._weekdayName_w0a09_189{color:#3f3d4b73}._months_w0a09_259,._years_w0a09_260{display:grid;grid-template-columns:repeat(3,auto);gap:0}._months_w0a09_259 ._month_w0a09_127,._months_w0a09_259 ._year_w0a09_260,._years_w0a09_260 ._month_w0a09_127,._years_w0a09_260 ._year_w0a09_260{display:flex;align-items:center;justify-content:center;width:7.5rem;height:2.5rem;padding:.5rem .625rem;margin:.25rem;font-size:1rem;font-weight:700;color:#3f3d4be0;cursor:pointer;background-color:transparent;border:none;border-radius:.5rem;transition:background .2s ease-in-out}._months_w0a09_259 ._month_w0a09_127:hover:not(._selected_w0a09_212),._months_w0a09_259 ._year_w0a09_260:hover:not(._selected_w0a09_212),._years_w0a09_260 ._month_w0a09_127:hover:not(._selected_w0a09_212),._years_w0a09_260 ._year_w0a09_260:hover:not(._selected_w0a09_212){background-color:#fafafa}._months_w0a09_259 ._month_w0a09_127._selected_w0a09_212,._months_w0a09_259 ._year_w0a09_260._selected_w0a09_212,._years_w0a09_260 ._month_w0a09_127._selected_w0a09_212,._years_w0a09_260 ._year_w0a09_260._selected_w0a09_212{color:#fff;background:var(--colors-brand-primary-color-primary)}._today-footer_w0a09_299{display:flex;justify-content:center;margin-top:.625rem}._today-button_w0a09_305{display:block;width:100%;height:2.5rem;padding:.5rem;font-size:1rem;font-weight:700;color:#3f3d4be0;text-align:center;cursor:pointer;background:transparent;border:.0625rem solid #ddd;border-radius:.375rem;transition:background .2s ease-in-out}._today-button_w0a09_305:hover{background-color:#fafafa}@keyframes _fadeIn_w0a09_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_w0a09_1{0%{transform:translateY(.625rem)}to{transform:translateY(0)}}._rotate_w0a09_340{transform:rotate(180deg)}._current-day_w0a09_344{background:none;border:.125rem solid var(--colors-brand-primary-color-primary)}._hovered-range_w0a09_349:not(._range-start_w0a09_212,._range-end_w0a09_212){background:var(--colors-brand-primary-color-primary-bg);border-radius:0}._hovered-date_w0a09_354{background:#c5eeff!important}._hovered-date_w0a09_354:not(._range-start_w0a09_212,._range-end_w0a09_212){border-radius:0}._hovered-date_w0a09_354._would-be-end-date_w0a09_360{color:#fff;background:#1897f3cc!important;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}._hovered-date_w0a09_354._would-be-start-date_w0a09_366{color:#fff;background:#1897f3cc!important;border-top-left-radius:0;border-bottom-left-radius:0}._dual-calendar-container_w0a09_373{display:flex;gap:2rem;justify-content:center;width:max-content}._dual-calendar-container_w0a09_373 ._calendar_w0a09_107{flex:0 0 auto;width:max-content}._navigator-input_w0a09_384{display:flex;align-items:center;justify-content:space-between;width:11.25rem;height:2.5rem;padding:.5rem .75rem;cursor:pointer;background:var(--input-bg, #ffffff);border:.0625rem solid var(--input-border, var(--colors-neutral-border-color-border));border-radius:.5rem}._navigator-input_w0a09_384 ._nav-button_w0a09_150{display:flex;align-items:center;justify-content:center;padding:.25rem;cursor:pointer;background:none;border:none}._navigator-input_w0a09_384 ._nav-button_w0a09_150:hover{background-color:#0000000d;border-radius:.25rem}._navigator-input_w0a09_384 ._nav-calendar-icon_w0a09_409{margin:0 .25rem;color:var(--icon-color, #666)}._navigator-input_w0a09_384 ._nav-month-button_w0a09_413,._navigator-input_w0a09_384 ._nav-year-button_w0a09_414{padding:0;margin:0 .125rem;font-size:.875rem;cursor:pointer;background:none;border:none}._navigator-input_w0a09_384._auto-width_w0a09_422{width:fit-content;min-width:min-content}._month-selector_w0a09_427,._year-selector_w0a09_428{padding:0;font-size:inherit;font-weight:inherit;color:inherit;cursor:pointer;background:none;border:none}._month-selector_w0a09_427:hover,._year-selector_w0a09_428:hover{color:inherit;text-decoration:none;cursor:pointer;background:transparent;border:none;outline:none;box-shadow:none}._auto-width_w0a09_422{display:inline-flex;align-items:center;width:auto}._nav-month-button_w0a09_413,._nav-year-button_w0a09_414{padding:0 .25rem;white-space:nowrap}._nav-calendar-static_w0a09_460{display:inline-flex;align-items:center;justify-content:center;margin:0 .25rem;color:inherit;cursor:default}._nav-calendar-static_w0a09_460 svg{pointer-events:none}._nav-calendar-static_w0a09_460:hover,._nav-calendar-static_w0a09_460:focus,._nav-calendar-static_w0a09_460:active{color:inherit;cursor:default;background:transparent;outline:none;box-shadow:none}
|
|
@@ -4,7 +4,7 @@ import { useId as lt, useState as at } from "react";
|
|
|
4
4
|
import { c as ut } from "../../clsx-OuTLNxxd.js";
|
|
5
5
|
import { Icon as ct } from "../Icon/Icon.js";
|
|
6
6
|
import { Input as ft } from "../Input/Input.js";
|
|
7
|
-
import { s as dt, b as Me } from "../../useSlotProps-
|
|
7
|
+
import { s as dt, b as Me } from "../../useSlotProps-C7dqSmdM.js";
|
|
8
8
|
import { u as pt } from "../../useId-BW-oWmul.js";
|
|
9
9
|
import { u as we } from "../../useControlled-CCMYYdCM.js";
|
|
10
10
|
import { u as fe } from "../../useEventCallback-BAQJJ3ye.js";
|
|
@@ -2,7 +2,7 @@ import { jsx as _, jsxs as m } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as c, useMemo as f } from "react";
|
|
3
3
|
import { c as k } from "../../clsx-OuTLNxxd.js";
|
|
4
4
|
import { LoadingSpinner as x } from "../LoadingSpinner/LoadingSpinner.js";
|
|
5
|
-
import { B as q } from "../../Button-
|
|
5
|
+
import { B as q } from "../../Button-Bh6rpTyY.js";
|
|
6
6
|
import '../../assets/Button.css';const B = "_button_1wddv_43", d = {
|
|
7
7
|
"u-typography-h1": "_u-typography-h1_1wddv_1",
|
|
8
8
|
"u-typography-h2": "_u-typography-h2_1wddv_8",
|
|
@@ -7,8 +7,9 @@ import "../Typography/Typography.js";
|
|
|
7
7
|
import "../Input/Input.js";
|
|
8
8
|
import "../Avatar/Avatar.js";
|
|
9
9
|
import "../Button/Button.js";
|
|
10
|
-
import { C as
|
|
10
|
+
import { C as v } from "../../Toggle-DeMSbC0N.js";
|
|
11
11
|
import "../Dialog/Dialog.js";
|
|
12
|
+
import "../DatePicker/DatePicker.js";
|
|
12
13
|
import "../Skeleton/Skeleton.js";
|
|
13
14
|
import "../IconButton/IconButton.js";
|
|
14
15
|
import "../InputSearch/InputSearch.js";
|
|
@@ -18,7 +19,7 @@ import "../Table/Table.js";
|
|
|
18
19
|
import "../Tabs/Tabs.js";
|
|
19
20
|
import "../../Group-Cyc1W1kV.js";
|
|
20
21
|
import "../../contexts/SnackbarProvider/SnackbarProvider.js";
|
|
21
|
-
import "../../Button-
|
|
22
|
+
import "../../Button-Bh6rpTyY.js";
|
|
22
23
|
export {
|
|
23
|
-
|
|
24
|
+
v as Chip
|
|
24
25
|
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Dayjs } from 'dayjs';
|
|
3
|
+
type DatePickerProps = {
|
|
4
|
+
/** Mode of the date picker, can be 'single' for single date selection or 'range' for date range selection */
|
|
5
|
+
mode: 'single' | 'range';
|
|
6
|
+
/** View mode of the date picker, can be 'day', 'month', or 'year' */
|
|
7
|
+
viewMode: 'day' | 'month' | 'year';
|
|
8
|
+
/** Locale for date formatting and localization support */
|
|
9
|
+
locale?: string;
|
|
10
|
+
/** Placeholder text for the date input field */
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
/** Format string for displaying the date */
|
|
13
|
+
format?: string;
|
|
14
|
+
/** Minimum selectable date */
|
|
15
|
+
minDate?: Dayjs;
|
|
16
|
+
/** Maximum selectable date */
|
|
17
|
+
maxDate?: Dayjs;
|
|
18
|
+
/** Function to disable specific dates */
|
|
19
|
+
disableDates?: (date: Dayjs) => boolean;
|
|
20
|
+
/** Test ID for the date picker component, useful for testing */
|
|
21
|
+
testid?: string;
|
|
22
|
+
/** Callback function triggered when a date or date range is selected */
|
|
23
|
+
onChange: (date: Dayjs | [Dayjs | null, Dayjs | null]) => void;
|
|
24
|
+
/** Popper placement */
|
|
25
|
+
placement?: 'bottom-start' | 'bottom' | 'bottom-end' | 'top-start' | 'top' | 'top-end';
|
|
26
|
+
/** Display as a compact navigator input instead of a standard input */
|
|
27
|
+
navigatorInput?: boolean;
|
|
28
|
+
};
|
|
29
|
+
declare const DatePicker: React.FC<DatePickerProps>;
|
|
30
|
+
export default DatePicker;
|