@pismo/marola 2.1.30 → 2.1.32
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/DatePicker.module-gd1PqICl.js +45 -0
- package/dist/assets/DatePicker.css +1 -1
- package/dist/assets/DoubleInput.css +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +11 -0
- package/dist/components/DatePicker/DatePicker.js +613 -577
- package/dist/components/DatePicker/DatePicker.stories.d.ts +10 -0
- package/dist/components/DatePicker/renderCalendarDays.js +1 -1
- package/dist/components/DatePicker/renderDualCalendarHeader.js +1 -1
- package/dist/components/DatePicker/renderHeader.js +1 -1
- package/dist/components/DatePicker/renderNavigatorInput.js +1 -1
- package/dist/components/DatePicker/renderPeriodSelection.js +1 -1
- package/dist/components/DoubleInput/DoubleInput.js +33 -19
- package/dist/components/DoubleInput/DoubleInput.stories.d.ts +3 -0
- package/dist/components/Table/Table.d.ts +1 -1
- package/package.json +1 -1
- package/dist/DatePicker.module-CFu_FsW6.js +0 -45
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import './assets/DatePicker.css';const t = "_header_zeltt_149", e = "_calendar_zeltt_172", a = "_weekdayNames_zeltt_177", _ = "_days_zeltt_178", n = "_weekdayName_zeltt_177", d = "_day_zeltt_178", r = "_disabled_zeltt_200", o = "_selected_zeltt_200", l = "_faded_zeltt_209", c = "_months_zeltt_247", s = "_years_zeltt_248", z = "_month_zeltt_115", i = "_year_zeltt_248", y = "_rotate_zeltt_328", h = {
|
|
2
|
+
"datepicker-wrapper": "_datepicker-wrapper_zeltt_79",
|
|
3
|
+
"datepicker-input-container": "_datepicker-input-container_zeltt_91",
|
|
4
|
+
"datepicker-container": "_datepicker-container_zeltt_99",
|
|
5
|
+
"range-mode": "_range-mode_zeltt_112",
|
|
6
|
+
"month-header": "_month-header_zeltt_115",
|
|
7
|
+
"month-header-row": "_month-header-row_zeltt_126",
|
|
8
|
+
"nav-button": "_nav-button_zeltt_138",
|
|
9
|
+
header: t,
|
|
10
|
+
calendar: e,
|
|
11
|
+
weekdayNames: a,
|
|
12
|
+
days: _,
|
|
13
|
+
weekdayName: n,
|
|
14
|
+
day: d,
|
|
15
|
+
disabled: r,
|
|
16
|
+
selected: o,
|
|
17
|
+
"range-start": "_range-start_zeltt_200",
|
|
18
|
+
"range-end": "_range-end_zeltt_200",
|
|
19
|
+
"range-selected": "_range-selected_zeltt_200",
|
|
20
|
+
faded: l,
|
|
21
|
+
months: c,
|
|
22
|
+
years: s,
|
|
23
|
+
month: z,
|
|
24
|
+
year: i,
|
|
25
|
+
"today-footer": "_today-footer_zeltt_287",
|
|
26
|
+
"today-button": "_today-button_zeltt_293",
|
|
27
|
+
rotate: y,
|
|
28
|
+
"current-day": "_current-day_zeltt_332",
|
|
29
|
+
"hovered-range": "_hovered-range_zeltt_337",
|
|
30
|
+
"hovered-date": "_hovered-date_zeltt_342",
|
|
31
|
+
"would-be-end-date": "_would-be-end-date_zeltt_348",
|
|
32
|
+
"would-be-start-date": "_would-be-start-date_zeltt_354",
|
|
33
|
+
"dual-calendar-container": "_dual-calendar-container_zeltt_361",
|
|
34
|
+
"navigator-input": "_navigator-input_zeltt_372",
|
|
35
|
+
"nav-month-button": "_nav-month-button_zeltt_401",
|
|
36
|
+
"nav-year-button": "_nav-year-button_zeltt_402",
|
|
37
|
+
"auto-width": "_auto-width_zeltt_411",
|
|
38
|
+
"month-selector": "_month-selector_zeltt_416",
|
|
39
|
+
"year-selector": "_year-selector_zeltt_417",
|
|
40
|
+
"nav-calendar-static": "_nav-calendar-static_zeltt_449",
|
|
41
|
+
"datepicker-buttons-container": "_datepicker-buttons-container_zeltt_468"
|
|
42
|
+
};
|
|
43
|
+
export {
|
|
44
|
+
h as s
|
|
45
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-h1_2uhz6_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_2uhz6_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_2uhz6_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_2uhz6_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_2uhz6_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_2uhz6_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_2uhz6_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_2uhz6_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_2uhz6_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_2uhz6_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_2uhz6_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_2uhz6_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_2uhz6_68{text-decoration:line-through}._u-typography-base--underlined_2uhz6_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_2uhz6_74{text-decoration:underline line-through}._datepicker-wrapper_2uhz6_79{position:relative;display:inline-block;width:100%}._datepicker-wrapper_2uhz6_79 svg{color:#3f3d4b}._datepicker-input-container_2uhz6_88 input{font-size:.875rem!important;color:rgba(var(--gray-95-rgb),65%)}._datepicker-input-container_2uhz6_88 [id=double-input-separator]{margin-left:-1rem!important}._datepicker-container_2uhz6_96{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_2uhz6_1 .2s ease-in-out,_slideUp_2uhz6_1 .2s ease-in-out}._datepicker-container_2uhz6_96._range-mode_2uhz6_109{width:max-content}._datepicker-container_2uhz6_96._range-mode_2uhz6_109 ._month-headers_2uhz6_112{display:flex;justify-content:space-between;width:100%;margin-bottom:.625rem}._datepicker-container_2uhz6_96._range-mode_2uhz6_109 ._month-headers_2uhz6_112 ._month-header_2uhz6_112{flex:1;font-weight:700;text-align:center}._datepicker-container_2uhz6_96._range-mode_2uhz6_109 ._month-header-row_2uhz6_123{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.625rem}._datepicker-container_2uhz6_96._range-mode_2uhz6_109 ._month-header-row_2uhz6_123 ._month-header_2uhz6_112{flex:1;font-weight:700;text-align:center}._datepicker-container_2uhz6_96._range-mode_2uhz6_109 ._month-header-row_2uhz6_123 ._nav-button_2uhz6_135{padding:.3125rem;font-size:1rem;cursor:pointer;background:none;border:none;transition:.2s ease}._datepicker-container_2uhz6_96._range-mode_2uhz6_109 ._month-header-row_2uhz6_123 ._nav-button_2uhz6_135:hover{color:var(--colors-brand-primary-color-primary)}._datepicker-container_2uhz6_96 ._header_2uhz6_146{width:100%}._header_2uhz6_146{display:flex;align-items:center;justify-content:space-between;padding-bottom:.625rem;font-weight:700}._header_2uhz6_146 button{padding:.3125rem;font-size:1rem;cursor:pointer;background:none;border:none;transition:.2s ease}._header_2uhz6_146 button:hover{color:var(--colors-brand-primary-color-primary)}._calendar_2uhz6_169{display:flex;flex-direction:column}._weekdayNames_2uhz6_174,._days_2uhz6_175{display:grid;grid-template-columns:repeat(7,auto);gap:0}._weekdayName_2uhz6_174,._day_2uhz6_175{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_2uhz6_174:hover:not(._disabled_2uhz6_197,._selected_2uhz6_197,._range-start_2uhz6_197,._range-end_2uhz6_197,._range-selected_2uhz6_197),._day_2uhz6_175:hover:not(._disabled_2uhz6_197,._selected_2uhz6_197,._range-start_2uhz6_197,._range-end_2uhz6_197,._range-selected_2uhz6_197){background-color:#fafafa}._weekdayName_2uhz6_174._selected_2uhz6_197,._day_2uhz6_175._selected_2uhz6_197{color:#fff;background:var(--colors-brand-primary-color-primary)}._weekdayName_2uhz6_174._faded_2uhz6_206:not(._disabled_2uhz6_197),._day_2uhz6_175._faded_2uhz6_206:not(._disabled_2uhz6_197){color:#3f3d4b40}._weekdayName_2uhz6_174._disabled_2uhz6_197,._day_2uhz6_175._disabled_2uhz6_197{color:#aaa;cursor:not-allowed}._weekdayName_2uhz6_174._range-selected_2uhz6_197:not(._range-start_2uhz6_197,._range-end_2uhz6_197),._day_2uhz6_175._range-selected_2uhz6_197:not(._range-start_2uhz6_197,._range-end_2uhz6_197){background:var(--colors-brand-primary-color-primary-bg);border-radius:0}._weekdayName_2uhz6_174._range-start_2uhz6_197,._day_2uhz6_175._range-start_2uhz6_197{color:#fff;background:var(--colors-brand-primary-color-primary);border-top-right-radius:0;border-bottom-right-radius:0}._weekdayName_2uhz6_174._range-end_2uhz6_197,._day_2uhz6_175._range-end_2uhz6_197{color:#fff;background:var(--colors-brand-primary-color-primary);border-top-left-radius:0;border-bottom-left-radius:0}._day_2uhz6_175{margin-bottom:.25rem;color:#3f3d4be0}._weekdayName_2uhz6_174{color:#3f3d4b73}._months_2uhz6_244,._years_2uhz6_245{display:grid;grid-template-columns:repeat(3,auto);gap:0}._months_2uhz6_244 ._month_2uhz6_112,._months_2uhz6_244 ._year_2uhz6_245,._years_2uhz6_245 ._month_2uhz6_112,._years_2uhz6_245 ._year_2uhz6_245{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_2uhz6_244 ._month_2uhz6_112:hover:not(._selected_2uhz6_197),._months_2uhz6_244 ._year_2uhz6_245:hover:not(._selected_2uhz6_197),._years_2uhz6_245 ._month_2uhz6_112:hover:not(._selected_2uhz6_197),._years_2uhz6_245 ._year_2uhz6_245:hover:not(._selected_2uhz6_197){background-color:#fafafa}._months_2uhz6_244 ._month_2uhz6_112._selected_2uhz6_197,._months_2uhz6_244 ._year_2uhz6_245._selected_2uhz6_197,._years_2uhz6_245 ._month_2uhz6_112._selected_2uhz6_197,._years_2uhz6_245 ._year_2uhz6_245._selected_2uhz6_197{color:#fff;background:var(--colors-brand-primary-color-primary)}._today-footer_2uhz6_284{display:flex;justify-content:center;margin-top:.625rem}._today-button_2uhz6_290{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_2uhz6_290:hover{background-color:#fafafa}@keyframes _fadeIn_2uhz6_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_2uhz6_1{0%{transform:translateY(.625rem)}to{transform:translateY(0)}}._rotate_2uhz6_325{transform:rotate(180deg)}._current-day_2uhz6_329{background:none;border:.125rem solid var(--colors-brand-primary-color-primary)}._hovered-range_2uhz6_334:not(._range-start_2uhz6_197,._range-end_2uhz6_197){background:var(--colors-brand-primary-color-primary-bg);border-radius:0}._hovered-date_2uhz6_339{background:#c5eeff!important}._hovered-date_2uhz6_339:not(._range-start_2uhz6_197,._range-end_2uhz6_197){border-radius:0}._hovered-date_2uhz6_339._would-be-end-date_2uhz6_345{color:#fff;background:#1897f3cc!important;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}._hovered-date_2uhz6_339._would-be-start-date_2uhz6_351{color:#fff;background:#1897f3cc!important;border-top-left-radius:0;border-bottom-left-radius:0}._dual-calendar-container_2uhz6_358{display:flex;gap:2rem;justify-content:center;width:max-content}._dual-calendar-container_2uhz6_358 ._calendar_2uhz6_169{flex:0 0 auto;width:max-content}._navigator-input_2uhz6_369{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_2uhz6_369 ._nav-button_2uhz6_135{display:flex;align-items:center;justify-content:center;padding:.25rem;cursor:pointer;background:none;border:none}._navigator-input_2uhz6_369 ._nav-button_2uhz6_135:hover{background-color:#0000000d;border-radius:.25rem}._navigator-input_2uhz6_369 ._nav-calendar-icon_2uhz6_394{margin:0 .25rem;color:var(--icon-color, #666)}._navigator-input_2uhz6_369 ._nav-month-button_2uhz6_398,._navigator-input_2uhz6_369 ._nav-year-button_2uhz6_399{padding:0;margin:0 .125rem;font-size:.875rem;color:rgba(var(--gray-95-rgb),65%);cursor:pointer;background:none;border:none}._navigator-input_2uhz6_369._auto-width_2uhz6_408{width:fit-content;min-width:min-content}._month-selector_2uhz6_413,._year-selector_2uhz6_414{padding:0;font-size:inherit;font-weight:inherit;color:inherit;cursor:pointer;background:none;border:none}._month-selector_2uhz6_413:hover,._year-selector_2uhz6_414:hover{color:inherit;text-decoration:none;cursor:pointer;background:transparent;border:none;outline:none;box-shadow:none}._auto-width_2uhz6_408{display:inline-flex;align-items:center;width:auto}._nav-month-button_2uhz6_398,._nav-year-button_2uhz6_399{padding:0 .25rem;white-space:nowrap}._nav-calendar-static_2uhz6_446{display:inline-flex;align-items:center;justify-content:center;margin:0 .25rem;color:inherit;cursor:default}._nav-calendar-static_2uhz6_446 svg{pointer-events:none}._nav-calendar-static_2uhz6_446:hover,._nav-calendar-static_2uhz6_446:focus,._nav-calendar-static_2uhz6_446:active{color:inherit;cursor:default;background:transparent;outline:none;box-shadow:none}._datepicker-buttons-container_2uhz6_465{display:flex;gap:.5rem;height:1rem;margin-top:2px}
|
|
1
|
+
._u-typography-h1_zeltt_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_zeltt_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_zeltt_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_zeltt_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_zeltt_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_zeltt_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_zeltt_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_zeltt_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_zeltt_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_zeltt_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_zeltt_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_zeltt_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_zeltt_68{text-decoration:line-through}._u-typography-base--underlined_zeltt_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_zeltt_74{text-decoration:underline line-through}._datepicker-wrapper_zeltt_79{position:relative;display:inline-block;width:100%}._datepicker-wrapper_zeltt_79 svg{color:#3f3d4b}._datepicker-wrapper_zeltt_79 [class*=_input__messages-wrapper] svg{color:inherit}._datepicker-input-container_zeltt_91 input{font-size:.875rem!important;color:rgba(var(--gray-95-rgb),65%)}._datepicker-input-container_zeltt_91 [id=double-input-separator]{margin-left:-1rem!important}._datepicker-container_zeltt_99{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_zeltt_1 .2s ease-in-out,_slideUp_zeltt_1 .2s ease-in-out}._datepicker-container_zeltt_99._range-mode_zeltt_112{width:max-content}._datepicker-container_zeltt_99._range-mode_zeltt_112 ._month-headers_zeltt_115{display:flex;justify-content:space-between;width:100%;margin-bottom:.625rem}._datepicker-container_zeltt_99._range-mode_zeltt_112 ._month-headers_zeltt_115 ._month-header_zeltt_115{flex:1;font-weight:700;text-align:center}._datepicker-container_zeltt_99._range-mode_zeltt_112 ._month-header-row_zeltt_126{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.625rem}._datepicker-container_zeltt_99._range-mode_zeltt_112 ._month-header-row_zeltt_126 ._month-header_zeltt_115{flex:1;font-weight:700;text-align:center}._datepicker-container_zeltt_99._range-mode_zeltt_112 ._month-header-row_zeltt_126 ._nav-button_zeltt_138{padding:.3125rem;font-size:1rem;cursor:pointer;background:none;border:none;transition:.2s ease}._datepicker-container_zeltt_99._range-mode_zeltt_112 ._month-header-row_zeltt_126 ._nav-button_zeltt_138:hover{color:var(--colors-brand-primary-color-primary)}._datepicker-container_zeltt_99 ._header_zeltt_149{width:100%}._header_zeltt_149{display:flex;align-items:center;justify-content:space-between;padding-bottom:.625rem;font-weight:700}._header_zeltt_149 button{padding:.3125rem;font-size:1rem;cursor:pointer;background:none;border:none;transition:.2s ease}._header_zeltt_149 button:hover{color:var(--colors-brand-primary-color-primary)}._calendar_zeltt_172{display:flex;flex-direction:column}._weekdayNames_zeltt_177,._days_zeltt_178{display:grid;grid-template-columns:repeat(7,auto);gap:0}._weekdayName_zeltt_177,._day_zeltt_178{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_zeltt_177:hover:not(._disabled_zeltt_200,._selected_zeltt_200,._range-start_zeltt_200,._range-end_zeltt_200,._range-selected_zeltt_200),._day_zeltt_178:hover:not(._disabled_zeltt_200,._selected_zeltt_200,._range-start_zeltt_200,._range-end_zeltt_200,._range-selected_zeltt_200){background-color:#fafafa}._weekdayName_zeltt_177._selected_zeltt_200,._day_zeltt_178._selected_zeltt_200{color:#fff;background:var(--colors-brand-primary-color-primary)}._weekdayName_zeltt_177._faded_zeltt_209:not(._disabled_zeltt_200),._day_zeltt_178._faded_zeltt_209:not(._disabled_zeltt_200){color:#3f3d4b40}._weekdayName_zeltt_177._disabled_zeltt_200,._day_zeltt_178._disabled_zeltt_200{color:#aaa;cursor:not-allowed}._weekdayName_zeltt_177._range-selected_zeltt_200:not(._range-start_zeltt_200,._range-end_zeltt_200),._day_zeltt_178._range-selected_zeltt_200:not(._range-start_zeltt_200,._range-end_zeltt_200){background:var(--colors-brand-primary-color-primary-bg);border-radius:0}._weekdayName_zeltt_177._range-start_zeltt_200,._day_zeltt_178._range-start_zeltt_200{color:#fff;background:var(--colors-brand-primary-color-primary);border-top-right-radius:0;border-bottom-right-radius:0}._weekdayName_zeltt_177._range-end_zeltt_200,._day_zeltt_178._range-end_zeltt_200{color:#fff;background:var(--colors-brand-primary-color-primary);border-top-left-radius:0;border-bottom-left-radius:0}._day_zeltt_178{margin-bottom:.25rem;color:#3f3d4be0}._weekdayName_zeltt_177{color:#3f3d4b73}._months_zeltt_247,._years_zeltt_248{display:grid;grid-template-columns:repeat(3,auto);gap:0}._months_zeltt_247 ._month_zeltt_115,._months_zeltt_247 ._year_zeltt_248,._years_zeltt_248 ._month_zeltt_115,._years_zeltt_248 ._year_zeltt_248{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_zeltt_247 ._month_zeltt_115:hover:not(._selected_zeltt_200),._months_zeltt_247 ._year_zeltt_248:hover:not(._selected_zeltt_200),._years_zeltt_248 ._month_zeltt_115:hover:not(._selected_zeltt_200),._years_zeltt_248 ._year_zeltt_248:hover:not(._selected_zeltt_200){background-color:#fafafa}._months_zeltt_247 ._month_zeltt_115._selected_zeltt_200,._months_zeltt_247 ._year_zeltt_248._selected_zeltt_200,._years_zeltt_248 ._month_zeltt_115._selected_zeltt_200,._years_zeltt_248 ._year_zeltt_248._selected_zeltt_200{color:#fff;background:var(--colors-brand-primary-color-primary)}._today-footer_zeltt_287{display:flex;justify-content:center;margin-top:.625rem}._today-button_zeltt_293{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_zeltt_293:hover{background-color:#fafafa}@keyframes _fadeIn_zeltt_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_zeltt_1{0%{transform:translateY(.625rem)}to{transform:translateY(0)}}._rotate_zeltt_328{transform:rotate(180deg)}._current-day_zeltt_332{background:none;border:.125rem solid var(--colors-brand-primary-color-primary)}._hovered-range_zeltt_337:not(._range-start_zeltt_200,._range-end_zeltt_200){background:var(--colors-brand-primary-color-primary-bg);border-radius:0}._hovered-date_zeltt_342{background:#c5eeff!important}._hovered-date_zeltt_342:not(._range-start_zeltt_200,._range-end_zeltt_200){border-radius:0}._hovered-date_zeltt_342._would-be-end-date_zeltt_348{color:#fff;background:#1897f3cc!important;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}._hovered-date_zeltt_342._would-be-start-date_zeltt_354{color:#fff;background:#1897f3cc!important;border-top-left-radius:0;border-bottom-left-radius:0}._dual-calendar-container_zeltt_361{display:flex;gap:2rem;justify-content:center;width:max-content}._dual-calendar-container_zeltt_361 ._calendar_zeltt_172{flex:0 0 auto;width:max-content}._navigator-input_zeltt_372{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_zeltt_372 ._nav-button_zeltt_138{display:flex;align-items:center;justify-content:center;padding:.25rem;cursor:pointer;background:none;border:none}._navigator-input_zeltt_372 ._nav-button_zeltt_138:hover{background-color:#0000000d;border-radius:.25rem}._navigator-input_zeltt_372 ._nav-calendar-icon_zeltt_397{margin:0 .25rem;color:var(--icon-color, #666)}._navigator-input_zeltt_372 ._nav-month-button_zeltt_401,._navigator-input_zeltt_372 ._nav-year-button_zeltt_402{padding:0;margin:0 .125rem;font-size:.875rem;color:rgba(var(--gray-95-rgb),65%);cursor:pointer;background:none;border:none}._navigator-input_zeltt_372._auto-width_zeltt_411{width:fit-content;min-width:min-content}._month-selector_zeltt_416,._year-selector_zeltt_417{padding:0;font-size:inherit;font-weight:inherit;color:inherit;cursor:pointer;background:none;border:none}._month-selector_zeltt_416:hover,._year-selector_zeltt_417:hover{color:inherit;text-decoration:none;cursor:pointer;background:transparent;border:none;outline:none;box-shadow:none}._auto-width_zeltt_411{display:inline-flex;align-items:center;width:auto}._nav-month-button_zeltt_401,._nav-year-button_zeltt_402{padding:0 .25rem;white-space:nowrap}._nav-calendar-static_zeltt_449{display:inline-flex;align-items:center;justify-content:center;margin:0 .25rem;color:inherit;cursor:default}._nav-calendar-static_zeltt_449 svg{pointer-events:none}._nav-calendar-static_zeltt_449:hover,._nav-calendar-static_zeltt_449:focus,._nav-calendar-static_zeltt_449:active{color:inherit;cursor:default;background:transparent;outline:none;box-shadow:none}._datepicker-buttons-container_zeltt_468{display:flex;gap:.5rem;height:1rem;margin-top:2px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._double-input-container_1sagd_1{position:relative;display:flex;width:100%}._double-input-container_1sagd_1:focus-within:not(:has([class*=_input--error]),:has(:disabled)) *{border-color:var(--accent)}._double-input-container_1sagd_1:hover:not(:has([class*=_input__messages-wrapper]:hover),:has([class*=_input--error]),:focus-within,:has(:disabled)) *,._double-input-container_1sagd_1:focus *{border-color:var(--gray-75)}._double-input-container_1sagd_1:has([class*=_input__messages-wrapper]){padding-bottom:1.6875rem}._double-input-container_1sagd_1:has([class*=_input__messages-wrapper]) ._double-input-container__left-input_1sagd_18>div,._double-input-container_1sagd_1:has([class*=_input__messages-wrapper]) ._double-input-container__right-input_1sagd_19>div{padding-bottom:0}._double-input-container_1sagd_1:has([class*=_input--error]) ._double-input-container__separator_1sagd_22{border-color:var(--alert)}._double-input-container__left-input_1sagd_18>div>div{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}._double-input-container__right-input_1sagd_19>div>div{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}._double-input-container__separator_1sagd_22{display:flex;align-items:center;justify-content:center;min-width:1rem;border-top:solid .0625rem var(--gray-25);border-bottom:solid .0625rem var(--gray-25);transition:all .3s}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
1
2
|
import { Dayjs } from 'dayjs';
|
|
2
3
|
type DatePickerCommonProps = {
|
|
3
4
|
/** View mode of the date picker, can be 'day', 'month', or 'year' */
|
|
@@ -22,6 +23,8 @@ type DatePickerCommonProps = {
|
|
|
22
23
|
className?: string;
|
|
23
24
|
/** Id to be applied as `data-testid` on the container element */
|
|
24
25
|
'data-testid'?: string;
|
|
26
|
+
/** Show the field layout as an error */
|
|
27
|
+
error?: boolean;
|
|
25
28
|
};
|
|
26
29
|
export type DatePickerProps = DatePickerCommonProps & ({
|
|
27
30
|
/** Mode of the date picker, can be 'single' for single date selection or 'range' for date range selection */
|
|
@@ -30,6 +33,10 @@ export type DatePickerProps = DatePickerCommonProps & ({
|
|
|
30
33
|
value?: Date;
|
|
31
34
|
/** Placeholder text for the date input field */
|
|
32
35
|
placeholder?: string;
|
|
36
|
+
/** Info message text */
|
|
37
|
+
infoMessage?: React.ReactNode;
|
|
38
|
+
/** Error message text, if has "errorMessage", the "error" props will be "true" */
|
|
39
|
+
errorMessage?: React.ReactNode;
|
|
33
40
|
} | {
|
|
34
41
|
/** Mode of the date picker, can be 'single' for single date selection or 'range' for date range selection */
|
|
35
42
|
mode: 'range';
|
|
@@ -39,6 +46,10 @@ export type DatePickerProps = DatePickerCommonProps & ({
|
|
|
39
46
|
placeholders?: [string, string];
|
|
40
47
|
/** Limit the number of future selectable dates in the range */
|
|
41
48
|
limit?: number;
|
|
49
|
+
/** Info message text */
|
|
50
|
+
infoMessages?: [React.ReactNode?, React.ReactNode?];
|
|
51
|
+
/** Error message text, if has "errorMessage", the "error" props will be "true" */
|
|
52
|
+
errorMessages?: [React.ReactNode?, React.ReactNode?];
|
|
42
53
|
});
|
|
43
54
|
export declare const DatePicker: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
44
55
|
export default DatePicker;
|