@newskit-render/shared-components 4.3.0 → 4.4.0-alpha.0
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/cjs/Calendar/Calendar.d.ts +0 -1
- package/dist/cjs/Calendar/Calendar.js +217 -22
- package/dist/cjs/Calendar/Calendar.js.map +1 -1
- package/dist/cjs/Calendar/CalendarStylesTheme.d.ts +11 -0
- package/dist/cjs/Calendar/CalendarStylesTheme.js +48 -65
- package/dist/cjs/Calendar/CalendarStylesTheme.js.map +1 -1
- package/dist/cjs/Calendar/defaults.js +6 -0
- package/dist/cjs/Calendar/defaults.js.map +1 -1
- package/dist/cjs/Calendar/style-presets.d.ts +5 -0
- package/dist/cjs/Calendar/style-presets.js +5 -0
- package/dist/cjs/Calendar/style-presets.js.map +1 -1
- package/dist/cjs/Calendar/types.d.ts +15 -2
- package/dist/cjs/Calendar/types.js +6 -0
- package/dist/cjs/Calendar/types.js.map +1 -1
- package/dist/cjs/helpers/setupTests.d.ts +1 -1
- package/dist/cjs/helpers/setupTests.js +1 -1
- package/dist/cjs/helpers/setupTests.js.map +1 -1
- package/dist/cjs/utils/dateUtils.d.ts +3 -0
- package/dist/cjs/utils/dateUtils.js +40 -0
- package/dist/cjs/utils/dateUtils.js.map +1 -0
- package/dist/cjs/utils/index.d.ts +1 -0
- package/dist/cjs/utils/index.js +1 -0
- package/dist/cjs/utils/index.js.map +1 -1
- package/dist/esm/Calendar/Calendar.d.ts +0 -1
- package/dist/esm/Calendar/Calendar.js +216 -24
- package/dist/esm/Calendar/Calendar.js.map +1 -1
- package/dist/esm/Calendar/CalendarStylesTheme.d.ts +11 -0
- package/dist/esm/Calendar/CalendarStylesTheme.js +48 -65
- package/dist/esm/Calendar/CalendarStylesTheme.js.map +1 -1
- package/dist/esm/Calendar/defaults.js +6 -0
- package/dist/esm/Calendar/defaults.js.map +1 -1
- package/dist/esm/Calendar/style-presets.d.ts +5 -0
- package/dist/esm/Calendar/style-presets.js +5 -0
- package/dist/esm/Calendar/style-presets.js.map +1 -1
- package/dist/esm/Calendar/types.d.ts +15 -2
- package/dist/esm/Calendar/types.js +5 -1
- package/dist/esm/Calendar/types.js.map +1 -1
- package/dist/esm/helpers/setupTests.d.ts +1 -1
- package/dist/esm/helpers/setupTests.js +1 -1
- package/dist/esm/helpers/setupTests.js.map +1 -1
- package/dist/esm/utils/dateUtils.d.ts +3 -0
- package/dist/esm/utils/dateUtils.js +34 -0
- package/dist/esm/utils/dateUtils.js.map +1 -0
- package/dist/esm/utils/index.d.ts +1 -0
- package/dist/esm/utils/index.js +1 -0
- package/dist/esm/utils/index.js.map +1 -1
- package/package.json +5 -4
|
@@ -2,124 +2,107 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
2
2
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
3
|
return cooked;
|
|
4
4
|
};
|
|
5
|
-
import {
|
|
6
|
-
export var CalendarStyles = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n max-width: 555px;\n ", "\n .PresetDateRangePicker_panel {\n padding: 0 22px 11px;\n }\n .PresetDateRangePicker_button {\n position: relative;\n height: 100%;\n text-align: center;\n background: 0 0;\n border: 2px solid #00a699;\n color: #00a699;\n padding: 4px 12px;\n margin-right: 8px;\n font: inherit;\n font-weight: 700;\n line-height: normal;\n overflow: visible;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n cursor: pointer;\n }\n .PresetDateRangePicker_button:active {\n outline: 0;\n }\n .PresetDateRangePicker_button__selected {\n color: #fff;\n background: #00a699;\n }\n .SingleDatePickerInput {\n display: inline-block;\n background-color: #fff;\n }\n .SingleDatePickerInput__withBorder {\n border-radius: 2px;\n border: 1px solid #dbdbdb;\n }\n .SingleDatePickerInput__rtl {\n direction: rtl;\n }\n .SingleDatePickerInput__disabled {\n background-color: #f2f2f2;\n }\n .SingleDatePickerInput__block {\n display: block;\n }\n .SingleDatePickerInput__showClearDate {\n padding-right: 30px;\n }\n .SingleDatePickerInput_clearDate {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n padding: 10px;\n margin: 0 10px 0 5px;\n position: absolute;\n right: 0;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n }\n .SingleDatePickerInput_clearDate__default:focus,\n .SingleDatePickerInput_clearDate__default:hover {\n background: #dbdbdb;\n border-radius: 50%;\n }\n .SingleDatePickerInput_clearDate__small {\n padding: 6px;\n }\n .SingleDatePickerInput_clearDate__hide {\n visibility: hidden;\n }\n .SingleDatePickerInput_clearDate_svg {\n fill: #82888a;\n height: 12px;\n width: 15px;\n vertical-align: middle;\n }\n .SingleDatePickerInput_clearDate_svg__small {\n height: 9px;\n }\n .SingleDatePickerInput_calendarIcon {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n display: inline-block;\n vertical-align: middle;\n padding: 10px;\n margin: 0 5px 0 10px;\n }\n .SingleDatePickerInput_calendarIcon_svg {\n fill: #82888a;\n height: 15px;\n width: 14px;\n vertical-align: middle;\n }\n .SingleDatePicker {\n position: relative;\n display: inline-block;\n }\n .SingleDatePicker__block {\n display: block;\n }\n .SingleDatePicker_picker {\n z-index: 1;\n background-color: #fff;\n position: absolute;\n }\n .SingleDatePicker_picker__rtl {\n direction: rtl;\n }\n .SingleDatePicker_picker__directionLeft {\n left: 0;\n }\n .SingleDatePicker_picker__directionRight {\n right: 0;\n }\n .SingleDatePicker_picker__portal {\n background-color: rgba(0, 0, 0, 0.3);\n position: fixed;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n }\n .SingleDatePicker_picker__fullScreenPortal {\n background-color: #fff;\n }\n .SingleDatePicker_closeButton {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n position: absolute;\n top: 0;\n right: 0;\n padding: 15px;\n z-index: 2;\n }\n .SingleDatePicker_closeButton:focus,\n .SingleDatePicker_closeButton:hover {\n color: darken(#cacccd, 10%);\n text-decoration: none;\n }\n .SingleDatePicker_closeButton_svg {\n height: 15px;\n width: 15px;\n fill: #cacccd;\n }\n .DayPickerKeyboardShortcuts_buttonReset {\n background: 0 0;\n border: 0;\n border-radius: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n padding: 0;\n cursor: pointer;\n font-size: 14px;\n display: none;\n }\n .DayPickerKeyboardShortcuts_buttonReset:active {\n outline: 0;\n }\n .DayPickerKeyboardShortcuts_show {\n width: 33px;\n height: 26px;\n position: absolute;\n z-index: 2;\n }\n .DayPickerKeyboardShortcuts_show::before {\n content: '';\n display: block;\n position: absolute;\n }\n .DayPickerKeyboardShortcuts_show__bottomRight {\n bottom: 0;\n right: 0;\n }\n .DayPickerKeyboardShortcuts_show__bottomRight::before {\n border-top: 26px solid transparent;\n border-right: 33px solid #00a699;\n bottom: 0;\n right: 0;\n }\n .DayPickerKeyboardShortcuts_show__bottomRight:hover::before {\n border-right: 33px solid #008489;\n }\n .DayPickerKeyboardShortcuts_show__topRight {\n top: 0;\n right: 0;\n }\n .DayPickerKeyboardShortcuts_show__topRight::before {\n border-bottom: 26px solid transparent;\n border-right: 33px solid #00a699;\n top: 0;\n right: 0;\n }\n .DayPickerKeyboardShortcuts_show__topRight:hover::before {\n border-right: 33px solid #008489;\n }\n .DayPickerKeyboardShortcuts_show__topLeft {\n top: 0;\n left: 0;\n }\n .DayPickerKeyboardShortcuts_show__topLeft::before {\n border-bottom: 26px solid transparent;\n border-left: 33px solid #00a699;\n top: 0;\n left: 0;\n }\n .DayPickerKeyboardShortcuts_show__topLeft:hover::before {\n border-left: 33px solid #008489;\n }\n .DayPickerKeyboardShortcuts_showSpan {\n color: #fff;\n position: absolute;\n }\n .DayPickerKeyboardShortcuts_showSpan__bottomRight {\n bottom: 0;\n right: 5px;\n }\n .DayPickerKeyboardShortcuts_showSpan__topRight {\n top: 1px;\n right: 5px;\n }\n .DayPickerKeyboardShortcuts_showSpan__topLeft {\n top: 1px;\n left: 5px;\n }\n .DayPickerKeyboardShortcuts_panel {\n overflow: auto;\n background: #fff;\n border: 1px solid #dbdbdb;\n border-radius: 2px;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 2;\n padding: 22px;\n margin: 33px;\n text-align: left;\n }\n .DayPickerKeyboardShortcuts_title {\n font-size: 16px;\n font-weight: 700;\n margin: 0;\n }\n .DayPickerKeyboardShortcuts_list {\n list-style: none;\n padding: 0;\n font-size: 14px;\n }\n .DayPickerKeyboardShortcuts_close {\n position: absolute;\n right: 22px;\n top: 22px;\n z-index: 2;\n }\n .DayPickerKeyboardShortcuts_close:active {\n outline: 0;\n }\n .DayPickerKeyboardShortcuts_closeSvg {\n height: 15px;\n width: 15px;\n fill: #cacccd;\n }\n .DayPickerKeyboardShortcuts_closeSvg:focus,\n .DayPickerKeyboardShortcuts_closeSvg:hover {\n fill: #82888a;\n }\n .CalendarDay {\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n cursor: pointer;\n font-size: 14px;\n text-align: center;\n ", "\n }\n .CalendarDay:active {\n outline: 0;\n }\n .CalendarDay__defaultCursor {\n cursor: default;\n }\n .CalendarDay__default {\n border: 0;\n ", "\n ", "\n }\n .CalendarDay__default:hover {\n ", "\n border: 0;\n color: inherit;\n }\n .CalendarDay__hovered_offset {\n background: #f4f5f5;\n border: 1px double #e4e7e7;\n color: inherit;\n }\n .CalendarDay__outside {\n border: 0;\n background: #fff;\n color: #484848;\n }\n .CalendarDay__outside:hover {\n border: 0;\n }\n .CalendarDay__blocked_minimum_nights {\n background: #fff;\n border: 1px solid #eceeee;\n color: #cacccd;\n }\n .CalendarDay__blocked_minimum_nights:active,\n .CalendarDay__blocked_minimum_nights:hover {\n background: #fff;\n color: #cacccd;\n }\n .CalendarDay__highlighted_calendar {\n background: #ffe8bc;\n color: #484848;\n }\n .CalendarDay__highlighted_calendar:active,\n .CalendarDay__highlighted_calendar:hover {\n background: #ffce71;\n color: #484848;\n }\n .CalendarDay__selected_span {\n ", "\n border: none;\n ", "\n }\n .CalendarDay__selected_span:active,\n .CalendarDay__selected_span:hover {\n ", "\n border: none;\n ", "\n }\n .CalendarDay__selected,\n .CalendarDay__selected:active,\n .CalendarDay__selected:hover {\n ", "\n border: none;\n ", "\n }\n .CalendarDay__hovered_span,\n .CalendarDay__hovered_span:hover {\n ", "\n border: none;\n \n ", "\n }\n .CalendarDay__hovered_span:active {\n background: #80e8e0;\n ", "\n border: none;\n color: #007a87;\n }\n .CalendarDay__blocked_calendar,\n .CalendarDay__blocked_calendar:active,\n .CalendarDay__blocked_calendar:hover {\n border: 0;\n ", "\n }\n .CalendarDay__blocked_out_of_range,\n .CalendarDay__blocked_out_of_range:active,\n .CalendarDay__blocked_out_of_range:hover {\n background: #fff;\n border: 0;\n ", "\n ", "\n }\n .CalendarDay__hovered_start_first_possible_end {\n background: #eceeee;\n border: 1px double #eceeee;\n }\n .CalendarDay__hovered_start_blocked_min_nights {\n background: #eceeee;\n border: 1px double #e4e7e7;\n }\n .CalendarMonth {\n background: #fff;\n text-align: center;\n vertical-align: top;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 0 !important;\n width; 100%;\n }\n .CalendarMonth_table {\n border-collapse: collapse;\n border-spacing: 0;\n width: 100%;\n max-width: 100%;\n margin-left: 3px;\n }\n .CalendarMonth_verticalSpacing {\n border-collapse: separate;\n }\n .CalendarMonth_caption {\n ", "\n ", "\n width: 100%;\n text-align: center;\n padding-top: 22px;\n padding-bottom: 37px;\n caption-side: initial;\n }\n .CalendarMonth_caption__verticalScrollable {\n padding-top: 12px;\n padding-bottom: 7px;\n }\n .CalendarMonthGrid {\n ", "\n ", "\n text-align: left;\n z-index: 0;\n }\n .CalendarMonthGrid__animating {\n z-index: 1;\n }\n .CalendarMonthGrid__horizontal {\n position: absolute;\n left: 0px;\n margin: 4px;\n }\n .CalendarMonthGrid__vertical,\n .CalendarMonthGrid__vertical_scrollable {\n margin: 0 auto;\n }\n .CalendarMonthGrid_month__horizontal {\n display: inline-block;\n vertical-align: top;\n min-height: 100%;\n }\n .CalendarMonthGrid_month__hideForAnimation {\n position: absolute;\n z-index: -1;\n opacity: 0;\n pointer-events: none;\n }\n .CalendarMonthGrid_month__hidden {\n visibility: hidden;\n }\n .DayPickerNavigation {\n display: flex;\n justify-items: space-between;\n position: relative;\n z-index: 2;\n }\n .DayPickerNavigation__horizontal {\n max-width: 555px;\n height: 0;\n }\n .DayPickerNavigation__verticalScrollable_prevNav {\n z-index: 1;\n }\n .DayPickerNavigation__verticalDefault {\n position: absolute;\n width: 100%;\n height: 52px;\n bottom: -72px;\n left: 0;\n }\n .DayPickerNavigation__verticalScrollableDefault {\n position: relative;\n }\n .DayPickerNavigation__bottom {\n height: auto;\n }\n .DayPickerNavigation__bottomDefault {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n display: -webkit-box;\n display: -moz-box;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: space-between;\n justify-content: space-between;\n }\n .DayPickerNavigation_button {\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 0;\n margin: 0;\n }\n .DayPickerNavigation_button__default {\n border: 0;\n background-color: #fff;\n ", "\n }\n .DayPickerNavigation_button__default:focus,\n .DayPickerNavigation_button__default:hover {\n border: 0;\n }\n .DayPickerNavigation_button__default:active {\n background: #f2f2f2;\n }\n .DayPickerNavigation_button__disabled {\n cursor: default;\n border: 1px solid #f2f2f2;\n }\n .DayPickerNavigation_button__disabled:focus,\n .DayPickerNavigation_button__disabled:hover {\n border: 1px solid #f2f2f2;\n }\n .DayPickerNavigation_button__disabled:active {\n background: 0 0;\n }\n .DayPickerNavigation_button__horizontalDefault {\n position: absolute;\n top: 18px;\n line-height: 0.78;\n border-radius: 3px;\n padding: 9px;\n }\n .DayPickerNavigation_bottomButton__horizontalDefault {\n position: static;\n margin: -10px 22px 30px;\n }\n .DayPickerNavigation_leftButton__horizontalDefault {\n left: 10px;\n }\n .DayPickerNavigation_rightButton__horizontalDefault {\n right: 18px;\n }\n .DayPickerNavigation_button__verticalDefault {\n background: #fff;\n box-shadow: none;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 45%;\n padding: 8px 12px;\n \n ", "\n }\n .DayPickerNavigation_nextButton__verticalDefault {\n ", "\n ", "\n }\n .DayPickerNavigation_nextButton__verticalScrollableDefault,\n .DayPickerNavigation_prevButton__verticalScrollableDefault {\n width: 100%;\n }\n .DayPickerNavigation_svg__horizontal {\n height: 19px;\n width: 19px;\n display: block;\n ", "\n }\n .DayPickerNavigation_svg__vertical {\n ", "\n ", "\n ", "\n }\n .DayPickerNavigation_svg__disabled {\n fill: #f2f2f2;\n }\n .DayPicker {\n background: #fff;\n position: relative;\n text-align: left;\n }\n .DayPicker__horizontal {\n background: #fff;\n }\n .DayPicker__verticalScrollable {\n height: 100%;\n }\n .DayPicker__hidden {\n visibility: hidden;\n }\n .DayPicker__withBorder {\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);\n ", "\n \n }\n .DayPicker_portal__horizontal {\n box-shadow: none;\n position: absolute;\n left: 50%;\n top: 50%;\n }\n .DayPicker_portal__vertical {\n position: initial;\n }\n .DayPicker_focusRegion {\n outline: 0;\n }\n .DayPicker_calendarInfo__horizontal,\n .DayPicker_wrapper__horizontal {\n display: inline-block;\n vertical-align: top;\n }\n .DayPicker_weekHeaders {\n ", "\n position: relative;\n }\n .DayPicker_weekHeaders__horizontal {\n margin-left: 9px;\n }\n .DayPicker_weekHeader {\n color: #757575;\n position: absolute;\n top: 62px;\n z-index: 2;\n text-align: left;\n }\n .DayPicker_weekHeader__vertical {\n display: block;\n }\n .DayPicker_weekHeader__verticalScrollable {\n top: 0;\n display: table-row;\n border-bottom: 1px solid #dbdbdb;\n background: #fff;\n margin-left: 0;\n left: 0;\n width: 100%;\n text-align: center;\n }\n .DayPicker_weekHeader_ul {\n list-style: none;\n margin: 1px 0;\n padding-left: 0;\n padding-right: 0;\n ", "\n }\n .DayPicker_weekHeader_li {\n display: inline-block;\n text-align: center;\n }\n .DayPicker_transitionContainer {\n position: relative;\n overflow: hidden;\n border-radius: 3px;\n ", "\n max-width: 87%;\n }\n .DayPicker_transitionContainer__horizontal {\n -webkit-transition: height 0.2s ease-in-out;\n -moz-transition: height 0.2s ease-in-out;\n transition: height 0.2s ease-in-out;\n }\n .DayPicker_transitionContainer__vertical {\n min-height: 100%;\n }\n .DayPicker_transitionContainer__verticalScrollable {\n padding-top: 20px;\n height: 100%;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n overflow-y: scroll\n }\n .DateInput {\n margin: 0;\n background: #fff;\n position: relative;\n display: inline-block;\n width: 50%;\n vertical-align: middle;\n }\n .DateInput__small {\n width: 97px;\n }\n .DateInput__block {\n box-sizing: border-box;\n width: 100%;\n }\n .DateInput__disabled {\n background: #f2f2f2;\n color: #dbdbdb;\n }\n .DateInput_input {\n box-sizing: border-box;\n diplay: block;\n width: 100%;\n ", "\n ", "\n ", "\n ", "\n }\n .DateInput_input__small {\n font-size: 15px;\n line-height: 18px;\n letter-spacing: 0.2px;\n padding: 7px 7px 5px;\n }\n .DateInput_input__regular {\n font-weight: auto;\n }\n .DateInput_input__readOnly {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n .DateInput_input__focused {\n width: 100%;\n outline: 0;\n background: #fff;\n\n }\n .DateInput_input__disabled {\n background: #f2f2f2;\n font-style: italic;\n }\n .DateInput_screenReaderMessage {\n border: 0;\n clip: rect(0, 0, 0, 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n }\n .DateInput_fang {\n position: absolute;\n width: 20px;\n height: 10px;\n left: 22px;\n z-index: 2;\n top: 57px !important;\n }\n .DateInput_fangShape {\n fill: #fff;\n }\n .DateInput_fangStroke {\n stroke: #919191;\n fill: transparent;\n }\n .DateRangePickerInput {\n ", "\n background-color: #fff;\n display: inline-block;\n }\n .DateRangePickerInput__disabled {\n background: #f2f2f2;\n }\n .DateRangePickerInput__withBorder {\n border-radius: 2px;\n border: 1px solid #dbdbdb;\n }\n .DateRangePickerInput__rtl {\n direction: rtl;\n }\n .DateRangePickerInput__block {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n }\n .DateRangePickerInput__showClearDates {\n padding-right: 30px;\n }\n .DateRangePickerInput_arrow {\n display: inline-block;\n vertical-align: middle;\n ", "\n ", "\n ", "\n }\n .DateRangePickerInput_arrow_svg {\n vertical-align: middle;\n ", "\n height: 24px;\n width: 24px;\n }\n .DateRangePickerInput_clearDates {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n padding: 10px;\n margin: 0 10px 0 5px;\n position: absolute;\n right: 0;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n }\n .DateRangePickerInput_clearDates__small {\n padding: 6px;\n }\n .DateRangePickerInput_clearDates_default:focus,\n .DateRangePickerInput_clearDates_default:hover {\n background: #dbdbdb;\n border-radius: 50%;\n }\n .DateRangePickerInput_clearDates__hide {\n visibility: hidden;\n }\n .DateRangePickerInput_clearDates_svg {\n fill: #82888a;\n height: 12px;\n width: 15px;\n vertical-align: middle;\n }\n .DateRangePickerInput_clearDates_svg__small {\n height: 9px;\n }\n .DateRangePickerInput_calendarIcon {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n display: inline-block;\n vertical-align: middle;\n padding: 10px;\n margin: 0 5px 0 10px;\n }\n .DateRangePickerInput_calendarIcon_svg {\n fill: #82888a;\n height: 15px;\n width: 14px;\n vertical-align: middle;\n }\n .DateRangePicker {\n position: relative;\n display: inline-block;\n }\n .DateRangePicker__block {\n display: block;\n }\n .DateRangePicker_picker {\n z-index: 1;\n background-color: #fff;\n position: absolute;\n width: 100%;\n }\n .DateRangePicker_picker__rtl {\n direction: rtl;\n }\n .DateRangePicker_picker__directionLeft {\n left: 0;\n }\n .DateRangePicker_picker__directionRight {\n right: 0;\n }\n .DateRangePicker_picker__portal {\n background-color: rgba(0, 0, 0, 0.3);\n position: fixed;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n }\n .DateRangePicker_picker__fullScreenPortal {\n background-color: #fff;\n }\n .DateRangePicker_closeButton {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n position: absolute;\n top: 0;\n right: 0;\n padding: 15px;\n z-index: 2;\n }\n .DateRangePicker_closeButton:focus,\n .DateRangePicker_closeButton:hover {\n color: darken(#cacccd, 10%);\n text-decoration: none;\n }\n .DateRangePicker_closeButton_svg {\n height: 15px;\n width: 15px;\n fill: #cacccd;\n }\n\n div.DateRangePicker_picker > div {\n max-width: 555px !important;\n }\n\n div.DayPicker_focusRegion {\n max-width: 550px !important;\n }\n \n div.DayPicker_focusRegion > div {\n max-width: 550px !important;\n display: flex;\n justify-content: space-between;\n }\n div.DayPicker_transitionContainer > div {\n max-width: 550px !important;\n }\n\n div.DayPicker_weekHeader {\n padding: 0 !important;\n }\n div.DayPicker_weekHeaders.DayPicker_weekHeaders_1 > div {\n margin: 0;\n padding: 0;\n display: block;\n width: 100%;\n }\n div.DayPicker_weekHeaders.DayPicker_weekHeaders_1.DayPicker_weekHeaders__horizontal.DayPicker_weekHeaders__horizontal_2\n > div:nth-of-type {\n left: 270px !important;\n }\n .DayPicker_transitionContainer__vertical_2 > div {\n width: 100% !important;\n }\n @media only screen and (max-width: 770px) {\n .DayPicker_weekHeader_ul {\n list-style: none;\n margin: 1px 0;\n padding-left: 0;\n padding-right: 0;\n display: flex;\n justify-content: space-around;\n }\n\n div.DayPicker_weekHeader__vertical {\n margin: 0 !important;\n left: 0;\n }\n\n div.DayPicker_focusRegion.DayPicker_focusRegion_1 {\n height: 600px;\n }\n\n .DayPicker__withBorder {\n border-radius: 4px;\n }\n }\n"], ["\n width: 100%;\n max-width: 555px;\n ", "\n .PresetDateRangePicker_panel {\n padding: 0 22px 11px;\n }\n .PresetDateRangePicker_button {\n position: relative;\n height: 100%;\n text-align: center;\n background: 0 0;\n border: 2px solid #00a699;\n color: #00a699;\n padding: 4px 12px;\n margin-right: 8px;\n font: inherit;\n font-weight: 700;\n line-height: normal;\n overflow: visible;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n cursor: pointer;\n }\n .PresetDateRangePicker_button:active {\n outline: 0;\n }\n .PresetDateRangePicker_button__selected {\n color: #fff;\n background: #00a699;\n }\n .SingleDatePickerInput {\n display: inline-block;\n background-color: #fff;\n }\n .SingleDatePickerInput__withBorder {\n border-radius: 2px;\n border: 1px solid #dbdbdb;\n }\n .SingleDatePickerInput__rtl {\n direction: rtl;\n }\n .SingleDatePickerInput__disabled {\n background-color: #f2f2f2;\n }\n .SingleDatePickerInput__block {\n display: block;\n }\n .SingleDatePickerInput__showClearDate {\n padding-right: 30px;\n }\n .SingleDatePickerInput_clearDate {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n padding: 10px;\n margin: 0 10px 0 5px;\n position: absolute;\n right: 0;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n }\n .SingleDatePickerInput_clearDate__default:focus,\n .SingleDatePickerInput_clearDate__default:hover {\n background: #dbdbdb;\n border-radius: 50%;\n }\n .SingleDatePickerInput_clearDate__small {\n padding: 6px;\n }\n .SingleDatePickerInput_clearDate__hide {\n visibility: hidden;\n }\n .SingleDatePickerInput_clearDate_svg {\n fill: #82888a;\n height: 12px;\n width: 15px;\n vertical-align: middle;\n }\n .SingleDatePickerInput_clearDate_svg__small {\n height: 9px;\n }\n .SingleDatePickerInput_calendarIcon {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n display: inline-block;\n vertical-align: middle;\n padding: 10px;\n margin: 0 5px 0 10px;\n }\n .SingleDatePickerInput_calendarIcon_svg {\n fill: #82888a;\n height: 15px;\n width: 14px;\n vertical-align: middle;\n }\n .SingleDatePicker {\n position: relative;\n display: inline-block;\n }\n .SingleDatePicker__block {\n display: block;\n }\n .SingleDatePicker_picker {\n z-index: 1;\n background-color: #fff;\n position: absolute;\n }\n .SingleDatePicker_picker__rtl {\n direction: rtl;\n }\n .SingleDatePicker_picker__directionLeft {\n left: 0;\n }\n .SingleDatePicker_picker__directionRight {\n right: 0;\n }\n .SingleDatePicker_picker__portal {\n background-color: rgba(0, 0, 0, 0.3);\n position: fixed;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n }\n .SingleDatePicker_picker__fullScreenPortal {\n background-color: #fff;\n }\n .SingleDatePicker_closeButton {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n position: absolute;\n top: 0;\n right: 0;\n padding: 15px;\n z-index: 2;\n }\n .SingleDatePicker_closeButton:focus,\n .SingleDatePicker_closeButton:hover {\n color: darken(#cacccd, 10%);\n text-decoration: none;\n }\n .SingleDatePicker_closeButton_svg {\n height: 15px;\n width: 15px;\n fill: #cacccd;\n }\n .DayPickerKeyboardShortcuts_buttonReset {\n background: 0 0;\n border: 0;\n border-radius: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n padding: 0;\n cursor: pointer;\n font-size: 14px;\n display: none;\n }\n .DayPickerKeyboardShortcuts_buttonReset:active {\n outline: 0;\n }\n .DayPickerKeyboardShortcuts_show {\n width: 33px;\n height: 26px;\n position: absolute;\n z-index: 2;\n }\n .DayPickerKeyboardShortcuts_show::before {\n content: '';\n display: block;\n position: absolute;\n }\n .DayPickerKeyboardShortcuts_show__bottomRight {\n bottom: 0;\n right: 0;\n }\n .DayPickerKeyboardShortcuts_show__bottomRight::before {\n border-top: 26px solid transparent;\n border-right: 33px solid #00a699;\n bottom: 0;\n right: 0;\n }\n .DayPickerKeyboardShortcuts_show__bottomRight:hover::before {\n border-right: 33px solid #008489;\n }\n .DayPickerKeyboardShortcuts_show__topRight {\n top: 0;\n right: 0;\n }\n .DayPickerKeyboardShortcuts_show__topRight::before {\n border-bottom: 26px solid transparent;\n border-right: 33px solid #00a699;\n top: 0;\n right: 0;\n }\n .DayPickerKeyboardShortcuts_show__topRight:hover::before {\n border-right: 33px solid #008489;\n }\n .DayPickerKeyboardShortcuts_show__topLeft {\n top: 0;\n left: 0;\n }\n .DayPickerKeyboardShortcuts_show__topLeft::before {\n border-bottom: 26px solid transparent;\n border-left: 33px solid #00a699;\n top: 0;\n left: 0;\n }\n .DayPickerKeyboardShortcuts_show__topLeft:hover::before {\n border-left: 33px solid #008489;\n }\n .DayPickerKeyboardShortcuts_showSpan {\n color: #fff;\n position: absolute;\n }\n .DayPickerKeyboardShortcuts_showSpan__bottomRight {\n bottom: 0;\n right: 5px;\n }\n .DayPickerKeyboardShortcuts_showSpan__topRight {\n top: 1px;\n right: 5px;\n }\n .DayPickerKeyboardShortcuts_showSpan__topLeft {\n top: 1px;\n left: 5px;\n }\n .DayPickerKeyboardShortcuts_panel {\n overflow: auto;\n background: #fff;\n border: 1px solid #dbdbdb;\n border-radius: 2px;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 2;\n padding: 22px;\n margin: 33px;\n text-align: left;\n }\n .DayPickerKeyboardShortcuts_title {\n font-size: 16px;\n font-weight: 700;\n margin: 0;\n }\n .DayPickerKeyboardShortcuts_list {\n list-style: none;\n padding: 0;\n font-size: 14px;\n }\n .DayPickerKeyboardShortcuts_close {\n position: absolute;\n right: 22px;\n top: 22px;\n z-index: 2;\n }\n .DayPickerKeyboardShortcuts_close:active {\n outline: 0;\n }\n .DayPickerKeyboardShortcuts_closeSvg {\n height: 15px;\n width: 15px;\n fill: #cacccd;\n }\n .DayPickerKeyboardShortcuts_closeSvg:focus,\n .DayPickerKeyboardShortcuts_closeSvg:hover {\n fill: #82888a;\n }\n .CalendarDay {\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n cursor: pointer;\n font-size: 14px;\n text-align: center;\n ", "\n }\n .CalendarDay:active {\n outline: 0;\n }\n .CalendarDay__defaultCursor {\n cursor: default;\n }\n .CalendarDay__default {\n border: 0;\n ", "\n ", "\n }\n .CalendarDay__default:hover {\n ", "\n border: 0;\n color: inherit;\n }\n .CalendarDay__hovered_offset {\n background: #f4f5f5;\n border: 1px double #e4e7e7;\n color: inherit;\n }\n .CalendarDay__outside {\n border: 0;\n background: #fff;\n color: #484848;\n }\n .CalendarDay__outside:hover {\n border: 0;\n }\n .CalendarDay__blocked_minimum_nights {\n background: #fff;\n border: 1px solid #eceeee;\n color: #cacccd;\n }\n .CalendarDay__blocked_minimum_nights:active,\n .CalendarDay__blocked_minimum_nights:hover {\n background: #fff;\n color: #cacccd;\n }\n .CalendarDay__highlighted_calendar {\n background: #ffe8bc;\n color: #484848;\n }\n .CalendarDay__highlighted_calendar:active,\n .CalendarDay__highlighted_calendar:hover {\n background: #ffce71;\n color: #484848;\n }\n .CalendarDay__selected_span {\n ", "\n border: none;\n ", "\n }\n .CalendarDay__selected_span:active,\n .CalendarDay__selected_span:hover {\n ", "\n border: none;\n ", "\n }\n .CalendarDay__selected,\n .CalendarDay__selected:active,\n .CalendarDay__selected:hover {\n ", "\n border: none;\n ", "\n }\n .CalendarDay__hovered_span,\n .CalendarDay__hovered_span:hover {\n ", "\n border: none;\n \n ", "\n }\n .CalendarDay__hovered_span:active {\n background: #80e8e0;\n ", "\n border: none;\n color: #007a87;\n }\n .CalendarDay__blocked_calendar,\n .CalendarDay__blocked_calendar:active,\n .CalendarDay__blocked_calendar:hover {\n border: 0;\n ", "\n }\n .CalendarDay__blocked_out_of_range,\n .CalendarDay__blocked_out_of_range:active,\n .CalendarDay__blocked_out_of_range:hover {\n background: #fff;\n border: 0;\n ", "\n ", "\n }\n .CalendarDay__hovered_start_first_possible_end {\n background: #eceeee;\n border: 1px double #eceeee;\n }\n .CalendarDay__hovered_start_blocked_min_nights {\n background: #eceeee;\n border: 1px double #e4e7e7;\n }\n .CalendarMonth {\n background: #fff;\n text-align: center;\n vertical-align: top;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 0 !important;\n width; 100%;\n }\n .CalendarMonth_table {\n border-collapse: collapse;\n border-spacing: 0;\n width: 100%;\n max-width: 100%;\n margin-left: 3px;\n }\n .CalendarMonth_verticalSpacing {\n border-collapse: separate;\n }\n .CalendarMonth_caption {\n ", "\n ", "\n width: 100%;\n text-align: center;\n padding-top: 22px;\n padding-bottom: 37px;\n caption-side: initial;\n }\n .CalendarMonth_caption__verticalScrollable {\n padding-top: 12px;\n padding-bottom: 7px;\n }\n .CalendarMonthGrid {\n ", "\n ", "\n text-align: left;\n z-index: 0;\n }\n .CalendarMonthGrid__animating {\n z-index: 1;\n }\n .CalendarMonthGrid__horizontal {\n position: absolute;\n left: 0px;\n margin: 4px;\n }\n .CalendarMonthGrid__vertical,\n .CalendarMonthGrid__vertical_scrollable {\n margin: 0 auto;\n }\n .CalendarMonthGrid_month__horizontal {\n display: inline-block;\n vertical-align: top;\n min-height: 100%;\n }\n .CalendarMonthGrid_month__hideForAnimation {\n position: absolute;\n z-index: -1;\n opacity: 0;\n pointer-events: none;\n }\n .CalendarMonthGrid_month__hidden {\n visibility: hidden;\n }\n .DayPickerNavigation {\n display: flex;\n justify-items: space-between;\n position: relative;\n z-index: 2;\n }\n .DayPickerNavigation__horizontal {\n max-width: 555px;\n height: 0;\n }\n .DayPickerNavigation__verticalScrollable_prevNav {\n z-index: 1;\n }\n .DayPickerNavigation__verticalDefault {\n position: absolute;\n width: 100%;\n height: 52px;\n bottom: -72px;\n left: 0;\n }\n .DayPickerNavigation__verticalScrollableDefault {\n position: relative;\n }\n .DayPickerNavigation__bottom {\n height: auto;\n }\n .DayPickerNavigation__bottomDefault {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n display: -webkit-box;\n display: -moz-box;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: space-between;\n justify-content: space-between;\n }\n .DayPickerNavigation_button {\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 0;\n margin: 0;\n }\n .DayPickerNavigation_button__default {\n border: 0;\n background-color: #fff;\n ", "\n }\n .DayPickerNavigation_button__default:focus,\n .DayPickerNavigation_button__default:hover {\n border: 0;\n }\n .DayPickerNavigation_button__default:active {\n background: #f2f2f2;\n }\n .DayPickerNavigation_button__disabled {\n cursor: default;\n border: 1px solid #f2f2f2;\n }\n .DayPickerNavigation_button__disabled:focus,\n .DayPickerNavigation_button__disabled:hover {\n border: 1px solid #f2f2f2;\n }\n .DayPickerNavigation_button__disabled:active {\n background: 0 0;\n }\n .DayPickerNavigation_button__horizontalDefault {\n position: absolute;\n top: 18px;\n line-height: 0.78;\n border-radius: 3px;\n padding: 9px;\n }\n .DayPickerNavigation_bottomButton__horizontalDefault {\n position: static;\n margin: -10px 22px 30px;\n }\n .DayPickerNavigation_leftButton__horizontalDefault {\n left: 10px;\n }\n .DayPickerNavigation_rightButton__horizontalDefault {\n right: 18px;\n }\n .DayPickerNavigation_button__verticalDefault {\n background: #fff;\n box-shadow: none;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 45%;\n padding: 8px 12px;\n \n ", "\n }\n .DayPickerNavigation_nextButton__verticalDefault {\n ", "\n ", "\n }\n .DayPickerNavigation_nextButton__verticalScrollableDefault,\n .DayPickerNavigation_prevButton__verticalScrollableDefault {\n width: 100%;\n }\n .DayPickerNavigation_svg__horizontal {\n height: 19px;\n width: 19px;\n display: block;\n ", "\n }\n .DayPickerNavigation_svg__vertical {\n ", "\n ", "\n ", "\n }\n .DayPickerNavigation_svg__disabled {\n fill: #f2f2f2;\n }\n .DayPicker {\n background: #fff;\n position: relative;\n text-align: left;\n }\n .DayPicker__horizontal {\n background: #fff;\n }\n .DayPicker__verticalScrollable {\n height: 100%;\n }\n .DayPicker__hidden {\n visibility: hidden;\n }\n .DayPicker__withBorder {\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);\n ", "\n \n }\n .DayPicker_portal__horizontal {\n box-shadow: none;\n position: absolute;\n left: 50%;\n top: 50%;\n }\n .DayPicker_portal__vertical {\n position: initial;\n }\n .DayPicker_focusRegion {\n outline: 0;\n }\n .DayPicker_calendarInfo__horizontal,\n .DayPicker_wrapper__horizontal {\n display: inline-block;\n vertical-align: top;\n }\n .DayPicker_weekHeaders {\n ", "\n position: relative;\n }\n .DayPicker_weekHeaders__horizontal {\n margin-left: 9px;\n }\n .DayPicker_weekHeader {\n color: #757575;\n position: absolute;\n top: 62px;\n z-index: 2;\n text-align: left;\n }\n .DayPicker_weekHeader__vertical {\n display: block;\n }\n .DayPicker_weekHeader__verticalScrollable {\n top: 0;\n display: table-row;\n border-bottom: 1px solid #dbdbdb;\n background: #fff;\n margin-left: 0;\n left: 0;\n width: 100%;\n text-align: center;\n }\n .DayPicker_weekHeader_ul {\n list-style: none;\n margin: 1px 0;\n padding-left: 0;\n padding-right: 0;\n ", "\n }\n .DayPicker_weekHeader_li {\n display: inline-block;\n text-align: center;\n }\n .DayPicker_transitionContainer {\n position: relative;\n overflow: hidden;\n border-radius: 3px;\n ", "\n max-width: 87%;\n }\n .DayPicker_transitionContainer__horizontal {\n -webkit-transition: height 0.2s ease-in-out;\n -moz-transition: height 0.2s ease-in-out;\n transition: height 0.2s ease-in-out;\n }\n .DayPicker_transitionContainer__vertical {\n min-height: 100%;\n }\n .DayPicker_transitionContainer__verticalScrollable {\n padding-top: 20px;\n height: 100%;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n overflow-y: scroll\n }\n .DateInput {\n margin: 0;\n background: #fff;\n position: relative;\n display: inline-block;\n width: 50%;\n vertical-align: middle;\n }\n .DateInput__small {\n width: 97px;\n }\n .DateInput__block {\n box-sizing: border-box;\n width: 100%;\n }\n .DateInput__disabled {\n background: #f2f2f2;\n color: #dbdbdb;\n }\n .DateInput_input {\n box-sizing: border-box;\n diplay: block;\n width: 100%;\n ", "\n ", "\n ", "\n ", "\n }\n .DateInput_input__small {\n font-size: 15px;\n line-height: 18px;\n letter-spacing: 0.2px;\n padding: 7px 7px 5px;\n }\n .DateInput_input__regular {\n font-weight: auto;\n }\n .DateInput_input__readOnly {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n .DateInput_input__focused {\n width: 100%;\n outline: 0;\n background: #fff;\n\n }\n .DateInput_input__disabled {\n background: #f2f2f2;\n font-style: italic;\n }\n .DateInput_screenReaderMessage {\n border: 0;\n clip: rect(0, 0, 0, 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n }\n .DateInput_fang {\n position: absolute;\n width: 20px;\n height: 10px;\n left: 22px;\n z-index: 2;\n top: 57px !important;\n }\n .DateInput_fangShape {\n fill: #fff;\n }\n .DateInput_fangStroke {\n stroke: #919191;\n fill: transparent;\n }\n .DateRangePickerInput {\n ", "\n background-color: #fff;\n display: inline-block;\n }\n .DateRangePickerInput__disabled {\n background: #f2f2f2;\n }\n .DateRangePickerInput__withBorder {\n border-radius: 2px;\n border: 1px solid #dbdbdb;\n }\n .DateRangePickerInput__rtl {\n direction: rtl;\n }\n .DateRangePickerInput__block {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n }\n .DateRangePickerInput__showClearDates {\n padding-right: 30px;\n }\n .DateRangePickerInput_arrow {\n display: inline-block;\n vertical-align: middle;\n ", "\n ", "\n ", "\n }\n .DateRangePickerInput_arrow_svg {\n vertical-align: middle;\n ", "\n height: 24px;\n width: 24px;\n }\n .DateRangePickerInput_clearDates {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n padding: 10px;\n margin: 0 10px 0 5px;\n position: absolute;\n right: 0;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n }\n .DateRangePickerInput_clearDates__small {\n padding: 6px;\n }\n .DateRangePickerInput_clearDates_default:focus,\n .DateRangePickerInput_clearDates_default:hover {\n background: #dbdbdb;\n border-radius: 50%;\n }\n .DateRangePickerInput_clearDates__hide {\n visibility: hidden;\n }\n .DateRangePickerInput_clearDates_svg {\n fill: #82888a;\n height: 12px;\n width: 15px;\n vertical-align: middle;\n }\n .DateRangePickerInput_clearDates_svg__small {\n height: 9px;\n }\n .DateRangePickerInput_calendarIcon {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n display: inline-block;\n vertical-align: middle;\n padding: 10px;\n margin: 0 5px 0 10px;\n }\n .DateRangePickerInput_calendarIcon_svg {\n fill: #82888a;\n height: 15px;\n width: 14px;\n vertical-align: middle;\n }\n .DateRangePicker {\n position: relative;\n display: inline-block;\n }\n .DateRangePicker__block {\n display: block;\n }\n .DateRangePicker_picker {\n z-index: 1;\n background-color: #fff;\n position: absolute;\n width: 100%;\n }\n .DateRangePicker_picker__rtl {\n direction: rtl;\n }\n .DateRangePicker_picker__directionLeft {\n left: 0;\n }\n .DateRangePicker_picker__directionRight {\n right: 0;\n }\n .DateRangePicker_picker__portal {\n background-color: rgba(0, 0, 0, 0.3);\n position: fixed;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n }\n .DateRangePicker_picker__fullScreenPortal {\n background-color: #fff;\n }\n .DateRangePicker_closeButton {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n position: absolute;\n top: 0;\n right: 0;\n padding: 15px;\n z-index: 2;\n }\n .DateRangePicker_closeButton:focus,\n .DateRangePicker_closeButton:hover {\n color: darken(#cacccd, 10%);\n text-decoration: none;\n }\n .DateRangePicker_closeButton_svg {\n height: 15px;\n width: 15px;\n fill: #cacccd;\n }\n\n div.DateRangePicker_picker > div {\n max-width: 555px !important;\n }\n\n div.DayPicker_focusRegion {\n max-width: 550px !important;\n }\n \n div.DayPicker_focusRegion > div {\n max-width: 550px !important;\n display: flex;\n justify-content: space-between;\n }\n div.DayPicker_transitionContainer > div {\n max-width: 550px !important;\n }\n\n div.DayPicker_weekHeader {\n padding: 0 !important;\n }\n div.DayPicker_weekHeaders.DayPicker_weekHeaders_1 > div {\n margin: 0;\n padding: 0;\n display: block;\n width: 100%;\n }\n div.DayPicker_weekHeaders.DayPicker_weekHeaders_1.DayPicker_weekHeaders__horizontal.DayPicker_weekHeaders__horizontal_2\n > div:nth-of-type {\n left: 270px !important;\n }\n .DayPicker_transitionContainer__vertical_2 > div {\n width: 100% !important;\n }\n @media only screen and (max-width: 770px) {\n .DayPicker_weekHeader_ul {\n list-style: none;\n margin: 1px 0;\n padding-left: 0;\n padding-right: 0;\n display: flex;\n justify-content: space-around;\n }\n\n div.DayPicker_weekHeader__vertical {\n margin: 0 !important;\n left: 0;\n }\n\n div.DayPicker_focusRegion.DayPicker_focusRegion_1 {\n height: 600px;\n }\n\n .DayPicker__withBorder {\n border-radius: 4px;\n }\n }\n"])), function (_a) {
|
|
5
|
+
import { Block, getColorCssFromTheme, getSizingCssFromTheme, getSpacingCssFromTheme, getStylePresetFromTheme, getTypographyPresetFromTheme, styled, } from 'newskit';
|
|
6
|
+
export var CalendarWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n"], ["\n position: relative;\n width: 100%;\n height: 100%;\n"
|
|
7
|
+
/* istanbul ignore next */
|
|
8
|
+
])));
|
|
9
|
+
/* istanbul ignore next */
|
|
10
|
+
export var Container = styled(Block)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), function (_a) {
|
|
7
11
|
var calendar = _a.calendar;
|
|
8
|
-
return
|
|
9
|
-
}, function (_a) {
|
|
10
|
-
var calendar = _a.calendar;
|
|
11
|
-
return getTypographyPresetFromTheme(calendar.day.typographyPreset);
|
|
12
|
-
}, function (_a) {
|
|
13
|
-
var calendar = _a.calendar;
|
|
14
|
-
return getColorCssFromTheme('color', calendar.day.color);
|
|
15
|
-
}, function (_a) {
|
|
16
|
-
var calendar = _a.calendar;
|
|
17
|
-
return getColorCssFromTheme('backgroundColor', calendar.day.backgroundColor);
|
|
12
|
+
return getSizingCssFromTheme('height', calendar.calendarCustomContainer.sizing.height);
|
|
18
13
|
}, function (_a) {
|
|
14
|
+
var _b, _c;
|
|
19
15
|
var calendar = _a.calendar;
|
|
20
|
-
return
|
|
21
|
-
|
|
16
|
+
return ((_c = (_b = calendar.calendarCustomContainer) === null || _b === void 0 ? void 0 : _b.spacing) === null || _c === void 0 ? void 0 : _c.marginTop)
|
|
17
|
+
? getSpacingCssFromTheme('marginTop', calendar.calendarCustomContainer.spacing.marginTop)
|
|
18
|
+
: "\n margin-top: 2px;\n ";
|
|
19
|
+
});
|
|
20
|
+
export var InputsWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n\n .input-container {\n position: relative;\n height: 100%;\n width: 100%;\n }\n\n .chevron {\n position: absolute;\n left: 24px;\n bottom: -36px;\n\n &:before {\n content: '';\n ", ";\n border-bottom: 0;\n border-left: 0;\n content: '';\n display: inline-block;\n height: 14px;\n position: relative;\n transform: rotate(-45deg);\n vertical-align: top;\n width: 14px;\n z-index: 2;\n }\n }\n\n .react-datepicker-input {\n margin: 0;\n background: #fff;\n position: relative;\n display: inline-block;\n width: 50%;\n\n box-sizing: border-box;\n display: block;\n width: 100%;\n ", "\n ", "\n ", "\n ", "\n }\n\n .react-datepicker-input-arrow {\n display: inline-block;\n vertical-align: middle;\n ", "\n ", "\n ", "\n\n svg {\n vertical-align: middle;\n ", "\n height: 24px;\n width: 24px;\n }\n }\n"], ["\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n\n .input-container {\n position: relative;\n height: 100%;\n width: 100%;\n }\n\n .chevron {\n position: absolute;\n left: 24px;\n bottom: -36px;\n\n &:before {\n content: '';\n ", ";\n border-bottom: 0;\n border-left: 0;\n content: '';\n display: inline-block;\n height: 14px;\n position: relative;\n transform: rotate(-45deg);\n vertical-align: top;\n width: 14px;\n z-index: 2;\n }\n }\n\n .react-datepicker-input {\n margin: 0;\n background: #fff;\n position: relative;\n display: inline-block;\n width: 50%;\n\n box-sizing: border-box;\n display: block;\n width: 100%;\n ", "\n ", "\n ", "\n ", "\n }\n\n .react-datepicker-input-arrow {\n display: inline-block;\n vertical-align: middle;\n ", "\n ", "\n ", "\n\n svg {\n vertical-align: middle;\n ", "\n height: 24px;\n width: 24px;\n }\n }\n"
|
|
21
|
+
/* istanbul ignore next */
|
|
22
|
+
])), function (_a) {
|
|
22
23
|
var calendar = _a.calendar;
|
|
23
|
-
return
|
|
24
|
+
return getStylePresetFromTheme(calendar.borders.stylePreset);
|
|
24
25
|
}, function (_a) {
|
|
25
26
|
var calendar = _a.calendar;
|
|
26
|
-
return
|
|
27
|
+
return getTypographyPresetFromTheme(calendar.inputs.typographyPreset);
|
|
27
28
|
}, function (_a) {
|
|
28
29
|
var calendar = _a.calendar;
|
|
29
|
-
return getColorCssFromTheme('backgroundColor', calendar.
|
|
30
|
+
return getColorCssFromTheme('backgroundColor', calendar.inputs.colors.backgroundColor);
|
|
30
31
|
}, function (_a) {
|
|
31
32
|
var calendar = _a.calendar;
|
|
32
|
-
return
|
|
33
|
+
return getSizingCssFromTheme('padding', calendar.inputs.spacing.padding);
|
|
33
34
|
}, function (_a) {
|
|
34
35
|
var calendar = _a.calendar;
|
|
35
|
-
return
|
|
36
|
-
}, getColorCssFromTheme('color', 'inkInverse'), function (_a) {
|
|
37
|
-
var calendar = _a.calendar;
|
|
38
|
-
return getColorCssFromTheme('backgroundColor', calendar.day.span.hover.backgroundColor);
|
|
36
|
+
return getStylePresetFromTheme(calendar.inputs.borders.stylePreset);
|
|
39
37
|
}, function (_a) {
|
|
40
38
|
var calendar = _a.calendar;
|
|
41
|
-
return getColorCssFromTheme('color', calendar.
|
|
39
|
+
return getColorCssFromTheme('color', calendar.inputs.colors.color);
|
|
42
40
|
}, function (_a) {
|
|
43
41
|
var calendar = _a.calendar;
|
|
44
|
-
return
|
|
42
|
+
return getSpacingCssFromTheme('marginLeft', calendar.inputs.spacing.marginLeft);
|
|
45
43
|
}, function (_a) {
|
|
46
44
|
var calendar = _a.calendar;
|
|
47
|
-
return
|
|
45
|
+
return getSpacingCssFromTheme('marginRight', calendar.inputs.spacing.marginRight);
|
|
48
46
|
}, function (_a) {
|
|
49
47
|
var calendar = _a.calendar;
|
|
50
|
-
return
|
|
51
|
-
}
|
|
48
|
+
return getColorCssFromTheme('fill', calendar.inputs.colors.fill);
|
|
49
|
+
});
|
|
50
|
+
/* istanbul ignore next */
|
|
51
|
+
export var CalendarStyles = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: 100%;\n max-width: 555px;\n ", "\n ", "\n\n .react-datepicker__year-read-view--down-arrow,\n .react-datepicker__month-read-view--down-arrow,\n .react-datepicker__month-year-read-view--down-arrow,\n .react-datepicker__navigation-icon::before {\n ", "\n border-style: solid;\n border-width: 2px 2px 0 0;\n content: '';\n display: block;\n height: 7px;\n position: absolute;\n top: 6px;\n width: 7px;\n }\n\n .react-datepicker-wrapper {\n display: inline-block;\n padding: 0;\n border: 0;\n }\n\n .react-datepicker {\n font-family: inherit;\n background-color: #fff;\n color: #000;\n border-radius: 0.3rem;\n display: inline-block;\n position: absolute;\n top: 17px;\n left: 0px;\n z-index: 1;\n width: 580px;\n max-width: 580px;\n padding: 0;\n border: none;\n display: flex;\n justify-content: space-between;\n ", ";\n ", ";\n ", ";\n overflow: hidden;\n min-height: 0;\n height: 0;\n transition: min-height 0.1s linear, height 0.1s linear, opacity 0.1s linear;\n opacity: 0;\n box-shadow: none;\n\n @media (max-width: 770px) {\n width: 100%;\n flex-direction: column;\n transition: none;\n }\n }\n\n .react-datepicker__header {\n position: relative;\n\n ", "\n width: 100%;\n text-align: center;\n padding-top: 22px;\n caption-side: initial;\n }\n\n .react-datepicker__current-month,\n .react-datepicker-time__header,\n .react-datepicker-year-header {\n ", "\n margin-top: 0;\n margin-bottom: 17px;\n }\n\n .react-datepicker__navigation {\n align-items: center;\n background: none;\n display: flex;\n justify-content: center;\n text-align: center;\n cursor: pointer;\n position: absolute;\n top: 2px;\n padding: 0;\n border: none;\n z-index: 1;\n height: 32px;\n width: 32px;\n text-indent: -999em;\n overflow: hidden;\n }\n .react-datepicker__navigation--previous {\n left: 14px;\n top: 20px;\n\n @media (max-width: 770px) {\n height: 52px;\n bottom: -72px;\n top: auto;\n left: 0;\n width: 50%;\n background: #fff;\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 45%;\n ", "\n\n span {\n right: 0;\n\n &:before {\n transform: rotate(315deg);\n top: 10px;\n }\n }\n }\n }\n .react-datepicker__navigation--next {\n right: 14px;\n top: 20px;\n\n @media (max-width: 770px) {\n height: 52px;\n bottom: -72px;\n top: auto;\n right: 0;\n width: 50%;\n background: #fff;\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 45%;\n ", "\n\n span {\n left: 0;\n\n &:before {\n transform: rotate(134deg);\n top: 5px;\n }\n }\n }\n }\n .react-datepicker__aria-live {\n visibility: hidden;\n width: 0;\n height: 0;\n }\n\n .react-datepicker__navigation-icon {\n position: relative;\n font-size: 20px;\n width: 0;\n }\n .react-datepicker__navigation-icon--next {\n left: -2px;\n }\n .react-datepicker__navigation-icon--next::before {\n transform: rotate(45deg);\n left: -7px;\n }\n .react-datepicker__navigation-icon--previous {\n right: -2px;\n }\n .react-datepicker__navigation-icon--previous::before {\n transform: rotate(225deg);\n right: -7px;\n }\n\n .react-datepicker__month-container {\n width: 50%;\n max-width: 50%;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media (max-width: 770px) {\n width: 100%;\n max-width: 100%;\n max-height: 50%;\n }\n }\n\n .react-datepicker__month {\n @media (max-width: 770px) {\n width: 100%;\n }\n }\n\n .react-datepicker__day-names,\n .react-datepicker__week {\n white-space: nowrap;\n display: flex;\n justify-content: center;\n\n @media (max-width: 770px) {\n justify-content: center;\n }\n }\n\n .react-datepicker__day-names {\n margin: 0;\n padding-left: 0;\n padding-right: 0;\n ", "\n > div {\n color: #757575;\n width: 38px;\n height: auto;\n display: inline-block;\n text-align: center;\n font-size: 0.8rem;\n\n @media (max-width: 770px) {\n width: 100%;\n max-width: 57px;\n }\n }\n }\n\n .react-datepicker__day-name,\n .react-datepicker__day,\n .react-datepicker__time-name {\n ", "\n width: 38px;\n height: 37px;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n @media (max-width: 770px) {\n width: 100%;\n max-width: 57px;\n min-width: 38px;\n flex-grow: 1;\n }\n }\n\n .react-datepicker__day--outside-month {\n color: #fff !important;\n background-color: #fff !important;\n }\n\n .react-datepicker__day {\n cursor: pointer;\n }\n\n .react-datepicker__day--in-selecting-range:hover {\n ", "\n border: none;\n ", "\n }\n\n .react-datepicker__day--in-range,\n .react-datepicker__day--in-selecting-range {\n ", "\n border: none;\n ", "\n }\n\n .react-datepicker__day--in-range:hover {\n ", "\n border: none;\n ", "\n }\n\n .react-datepicker__day--selected,\n .react-datepicker__day--range-start,\n .react-datepicker__day--range-end {\n ", "\n border: none;\n ", "\n }\n\n .react-datepicker__day--disabled,\n .react-datepicker__month-text--disabled,\n .react-datepicker__quarter-text--disabled,\n .react-datepicker__year-text--disabled {\n cursor: default;\n ", "\n ", "\n }\n .react-datepicker__day--disabled:hover,\n .react-datepicker__month-text--disabled:hover,\n .react-datepicker__quarter-text--disabled:hover,\n .react-datepicker__year-text--disabled:hover {\n background-color: transparent;\n }\n"], ["\n width: 100%;\n max-width: 555px;\n ", "\n ", "\n\n .react-datepicker__year-read-view--down-arrow,\n .react-datepicker__month-read-view--down-arrow,\n .react-datepicker__month-year-read-view--down-arrow,\n .react-datepicker__navigation-icon::before {\n ", "\n border-style: solid;\n border-width: 2px 2px 0 0;\n content: '';\n display: block;\n height: 7px;\n position: absolute;\n top: 6px;\n width: 7px;\n }\n\n .react-datepicker-wrapper {\n display: inline-block;\n padding: 0;\n border: 0;\n }\n\n .react-datepicker {\n font-family: inherit;\n background-color: #fff;\n color: #000;\n border-radius: 0.3rem;\n display: inline-block;\n position: absolute;\n top: 17px;\n left: 0px;\n z-index: 1;\n width: 580px;\n max-width: 580px;\n padding: 0;\n border: none;\n display: flex;\n justify-content: space-between;\n ", ";\n ", ";\n ", ";\n overflow: hidden;\n min-height: 0;\n height: 0;\n transition: min-height 0.1s linear, height 0.1s linear, opacity 0.1s linear;\n opacity: 0;\n box-shadow: none;\n\n @media (max-width: 770px) {\n width: 100%;\n flex-direction: column;\n transition: none;\n }\n }\n\n .react-datepicker__header {\n position: relative;\n\n ", "\n width: 100%;\n text-align: center;\n padding-top: 22px;\n caption-side: initial;\n }\n\n .react-datepicker__current-month,\n .react-datepicker-time__header,\n .react-datepicker-year-header {\n ", "\n margin-top: 0;\n margin-bottom: 17px;\n }\n\n .react-datepicker__navigation {\n align-items: center;\n background: none;\n display: flex;\n justify-content: center;\n text-align: center;\n cursor: pointer;\n position: absolute;\n top: 2px;\n padding: 0;\n border: none;\n z-index: 1;\n height: 32px;\n width: 32px;\n text-indent: -999em;\n overflow: hidden;\n }\n .react-datepicker__navigation--previous {\n left: 14px;\n top: 20px;\n\n @media (max-width: 770px) {\n height: 52px;\n bottom: -72px;\n top: auto;\n left: 0;\n width: 50%;\n background: #fff;\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 45%;\n ", "\n\n span {\n right: 0;\n\n &:before {\n transform: rotate(315deg);\n top: 10px;\n }\n }\n }\n }\n .react-datepicker__navigation--next {\n right: 14px;\n top: 20px;\n\n @media (max-width: 770px) {\n height: 52px;\n bottom: -72px;\n top: auto;\n right: 0;\n width: 50%;\n background: #fff;\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 45%;\n ", "\n\n span {\n left: 0;\n\n &:before {\n transform: rotate(134deg);\n top: 5px;\n }\n }\n }\n }\n .react-datepicker__aria-live {\n visibility: hidden;\n width: 0;\n height: 0;\n }\n\n .react-datepicker__navigation-icon {\n position: relative;\n font-size: 20px;\n width: 0;\n }\n .react-datepicker__navigation-icon--next {\n left: -2px;\n }\n .react-datepicker__navigation-icon--next::before {\n transform: rotate(45deg);\n left: -7px;\n }\n .react-datepicker__navigation-icon--previous {\n right: -2px;\n }\n .react-datepicker__navigation-icon--previous::before {\n transform: rotate(225deg);\n right: -7px;\n }\n\n .react-datepicker__month-container {\n width: 50%;\n max-width: 50%;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media (max-width: 770px) {\n width: 100%;\n max-width: 100%;\n max-height: 50%;\n }\n }\n\n .react-datepicker__month {\n @media (max-width: 770px) {\n width: 100%;\n }\n }\n\n .react-datepicker__day-names,\n .react-datepicker__week {\n white-space: nowrap;\n display: flex;\n justify-content: center;\n\n @media (max-width: 770px) {\n justify-content: center;\n }\n }\n\n .react-datepicker__day-names {\n margin: 0;\n padding-left: 0;\n padding-right: 0;\n ", "\n > div {\n color: #757575;\n width: 38px;\n height: auto;\n display: inline-block;\n text-align: center;\n font-size: 0.8rem;\n\n @media (max-width: 770px) {\n width: 100%;\n max-width: 57px;\n }\n }\n }\n\n .react-datepicker__day-name,\n .react-datepicker__day,\n .react-datepicker__time-name {\n ", "\n width: 38px;\n height: 37px;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n @media (max-width: 770px) {\n width: 100%;\n max-width: 57px;\n min-width: 38px;\n flex-grow: 1;\n }\n }\n\n .react-datepicker__day--outside-month {\n color: #fff !important;\n background-color: #fff !important;\n }\n\n .react-datepicker__day {\n cursor: pointer;\n }\n\n .react-datepicker__day--in-selecting-range:hover {\n ", "\n border: none;\n ", "\n }\n\n .react-datepicker__day--in-range,\n .react-datepicker__day--in-selecting-range {\n ", "\n border: none;\n ", "\n }\n\n .react-datepicker__day--in-range:hover {\n ", "\n border: none;\n ", "\n }\n\n .react-datepicker__day--selected,\n .react-datepicker__day--range-start,\n .react-datepicker__day--range-end {\n ", "\n border: none;\n ", "\n }\n\n .react-datepicker__day--disabled,\n .react-datepicker__month-text--disabled,\n .react-datepicker__quarter-text--disabled,\n .react-datepicker__year-text--disabled {\n cursor: default;\n ", "\n ", "\n }\n .react-datepicker__day--disabled:hover,\n .react-datepicker__month-text--disabled:hover,\n .react-datepicker__quarter-text--disabled:hover,\n .react-datepicker__year-text--disabled:hover {\n background-color: transparent;\n }\n"])), function (_a) {
|
|
52
52
|
var calendar = _a.calendar;
|
|
53
|
-
return
|
|
53
|
+
return getTypographyPresetFromTheme(calendar.typographyPreset);
|
|
54
54
|
}, function (_a) {
|
|
55
|
-
var
|
|
56
|
-
return
|
|
55
|
+
var calendarVisible = _a.calendarVisible, isMonthWithSixRows = _a.isMonthWithSixRows;
|
|
56
|
+
return calendarVisible &&
|
|
57
|
+
"\n .calendar-custom-container .react-datepicker {\n opacity: 1;\n padding: 4px;\n min-height: ".concat(isMonthWithSixRows ? 315 : 280, "px;\n height: 100%;\n box-shadow: 0px 20px 32px 0px rgba(17, 17, 17, 0.08);\n transition: min-height 0.18s linear, height 0.18s linear,\n opacity 0.22s linear;\n\n @media (max-width: 770px) {\n height: auto;\n padding: 0 0 22px 0;\n overflow: initial;\n min-height: auto;\n }\n }\n ");
|
|
57
58
|
}, function (_a) {
|
|
58
59
|
var calendar = _a.calendar;
|
|
59
|
-
return getColorCssFromTheme('color', calendar.month.headers.color);
|
|
60
|
+
return getColorCssFromTheme('border-color', calendar.month.headers.color);
|
|
60
61
|
}, getTypographyPresetFromTheme('utilityBody020'), getColorCssFromTheme('backgroundColor', 'inkInverse'), function (_a) {
|
|
61
62
|
var calendar = _a.calendar;
|
|
62
|
-
return
|
|
63
|
+
return getStylePresetFromTheme(calendar.borders.stylePreset);
|
|
63
64
|
}, function (_a) {
|
|
64
65
|
var calendar = _a.calendar;
|
|
65
|
-
return
|
|
66
|
+
return getColorCssFromTheme('color', calendar.month.headers.color);
|
|
66
67
|
}, function (_a) {
|
|
67
68
|
var calendar = _a.calendar;
|
|
68
|
-
return
|
|
69
|
+
return getTypographyPresetFromTheme(calendar.month.headers.typographyPreset);
|
|
69
70
|
}, function (_a) {
|
|
70
71
|
var calendar = _a.calendar;
|
|
71
72
|
return getStylePresetFromTheme(calendar.month.navigation.default.stylePreset);
|
|
72
73
|
}, function (_a) {
|
|
73
74
|
var calendar = _a.calendar;
|
|
74
|
-
return
|
|
75
|
-
}, function (_a) {
|
|
76
|
-
var calendar = _a.calendar;
|
|
77
|
-
return getSizingCssFromTheme('height', calendar.month.navigation.icons.svg.vertical.height);
|
|
78
|
-
}, function (_a) {
|
|
79
|
-
var calendar = _a.calendar;
|
|
80
|
-
return getSizingCssFromTheme('width', calendar.month.navigation.icons.svg.vertical.width);
|
|
81
|
-
}, function (_a) {
|
|
82
|
-
var calendar = _a.calendar;
|
|
83
|
-
return getColorCssFromTheme('fill', calendar.month.navigation.icons.svg.vertical.fill);
|
|
84
|
-
}, function (_a) {
|
|
85
|
-
var calendar = _a.calendar;
|
|
86
|
-
return getStylePresetFromTheme(calendar.borders.stylePreset);
|
|
87
|
-
}, function (_a) {
|
|
88
|
-
var calendar = _a.calendar;
|
|
89
|
-
return getTypographyPresetFromTheme(calendar.week.headers.typographyPreset);
|
|
75
|
+
return getStylePresetFromTheme(calendar.month.navigation.default.stylePreset);
|
|
90
76
|
}, function (_a) {
|
|
91
77
|
var calendar = _a.calendar;
|
|
92
78
|
return getTypographyPresetFromTheme(calendar.week.headers.typographyPreset);
|
|
93
79
|
}, function (_a) {
|
|
94
80
|
var calendar = _a.calendar;
|
|
95
|
-
return
|
|
96
|
-
}, function (_a) {
|
|
97
|
-
var calendar = _a.calendar;
|
|
98
|
-
return getTypographyPresetFromTheme(calendar.inputs.typographyPreset);
|
|
81
|
+
return getTypographyPresetFromTheme(calendar.day.typographyPreset);
|
|
99
82
|
}, function (_a) {
|
|
100
83
|
var calendar = _a.calendar;
|
|
101
|
-
return getColorCssFromTheme('backgroundColor', calendar.
|
|
84
|
+
return getColorCssFromTheme('backgroundColor', calendar.day.span.hover.active.backgroundColor);
|
|
102
85
|
}, function (_a) {
|
|
103
86
|
var calendar = _a.calendar;
|
|
104
|
-
return
|
|
87
|
+
return getColorCssFromTheme('color', calendar.day.span.selected.active.hover.color);
|
|
105
88
|
}, function (_a) {
|
|
106
89
|
var calendar = _a.calendar;
|
|
107
|
-
return
|
|
90
|
+
return getColorCssFromTheme('backgroundColor', calendar.day.selected.backgroundColor);
|
|
108
91
|
}, function (_a) {
|
|
109
92
|
var calendar = _a.calendar;
|
|
110
|
-
return
|
|
93
|
+
return getColorCssFromTheme('color', calendar.day.selected.color);
|
|
111
94
|
}, function (_a) {
|
|
112
95
|
var calendar = _a.calendar;
|
|
113
|
-
return getColorCssFromTheme('
|
|
114
|
-
}, function (_a) {
|
|
96
|
+
return getColorCssFromTheme('backgroundColor', calendar.day.selected.active.hover.backgroundColor);
|
|
97
|
+
}, getColorCssFromTheme('color', 'inkInverse'), function (_a) {
|
|
115
98
|
var calendar = _a.calendar;
|
|
116
|
-
return
|
|
117
|
-
}, function (_a) {
|
|
99
|
+
return getColorCssFromTheme('backgroundColor', calendar.day.selected.active.hover.backgroundColor);
|
|
100
|
+
}, getColorCssFromTheme('color', 'inkInverse'), function (_a) {
|
|
118
101
|
var calendar = _a.calendar;
|
|
119
|
-
return
|
|
102
|
+
return getTypographyPresetFromTheme(calendar.day.typographyPreset);
|
|
120
103
|
}, function (_a) {
|
|
121
104
|
var calendar = _a.calendar;
|
|
122
|
-
return getColorCssFromTheme('
|
|
105
|
+
return getColorCssFromTheme('color', calendar.day.blocked.color);
|
|
123
106
|
});
|
|
124
|
-
var templateObject_1;
|
|
107
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
125
108
|
//# sourceMappingURL=CalendarStylesTheme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarStylesTheme.js","sourceRoot":"","sources":["../../../src/Calendar/CalendarStylesTheme.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"CalendarStylesTheme.js","sourceRoot":"","sources":["../../../src/Calendar/CalendarStylesTheme.tsx"],"names":[],"mappings":"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"}
|
|
@@ -105,6 +105,12 @@ export var calendarDefaults = {
|
|
|
105
105
|
stylePreset: 'dateInputStylePreset',
|
|
106
106
|
},
|
|
107
107
|
},
|
|
108
|
+
calendarCustomContainer: {
|
|
109
|
+
stylePreset: 'calendarContainer',
|
|
110
|
+
sizing: {
|
|
111
|
+
height: 'sizing045',
|
|
112
|
+
},
|
|
113
|
+
},
|
|
108
114
|
},
|
|
109
115
|
};
|
|
110
116
|
//# sourceMappingURL=defaults.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/Calendar/defaults.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,gBAAgB,GAAwB;IACnD,QAAQ,EAAE;QACR,gBAAgB,EAAE,gBAAgB;QAClC,OAAO,EAAE;YACP,WAAW,EAAE,qBAAqB;SACnC;QACD,mBAAmB,EAAE;YACnB,OAAO,EAAE;gBACP,WAAW,EAAE,qBAAqB;aACnC;SACF;QACD,GAAG,EAAE;YACH,KAAK,EAAE,SAAS;YAChB,eAAe,EAAE,cAAc;YAC/B,gBAAgB,EAAE,gBAAgB;YAClC,KAAK,EAAE;gBACL,eAAe,EAAE,cAAc;aAChC;YACD,QAAQ,EAAE;gBACR,KAAK,EAAE,SAAS;gBAChB,eAAe,EAAE,uBAAuB;gBACxC,MAAM,EAAE;oBACN,KAAK,EAAE;wBACL,KAAK,EAAE,YAAY;wBACnB,eAAe,EAAE,uBAAuB;qBACzC;iBACF;aACF;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,cAAc;gBACrB,UAAU,EAAE;oBACV,KAAK,EAAE,cAAc;iBACtB;aACF;YACD,IAAI,EAAE;gBACJ,KAAK,EAAE,SAAS;gBAChB,eAAe,EAAE,uBAAuB;gBACxC,QAAQ,EAAE;oBACR,MAAM,EAAE;wBACN,KAAK,EAAE;4BACL,KAAK,EAAE,YAAY;4BACnB,eAAe,EAAE,uBAAuB;yBACzC;qBACF;iBACF;gBACD,KAAK,EAAE;oBACL,eAAe,EAAE,uBAAuB;oBACxC,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE;wBACN,eAAe,EAAE,uBAAuB;qBACzC;iBACF;aACF;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,gBAAgB,EAAE,gBAAgB;aACnC;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,gBAAgB,EAAE,mBAAmB;gBACrC,KAAK,EAAE,gBAAgB;aACxB;YACD,UAAU,EAAE;gBACV,OAAO,EAAE;oBACP,WAAW,EAAE,wBAAwB;iBACtC;gBACD,QAAQ,EAAE;oBACR,OAAO,EAAE;wBACP,IAAI,EAAE,UAAU;qBACjB;iBACF;gBACD,KAAK,EAAE;oBACL,WAAW,EAAE,YAAY;oBACzB,GAAG,EAAE;wBACH,IAAI,EAAE;4BACJ,IAAI,EAAE,SAAS;yBAChB;wBACD,QAAQ,EAAE;4BACR,KAAK,EAAE,WAAW;4BAClB,MAAM,EAAE,WAAW;4BACnB,IAAI,EAAE,SAAS;yBAChB;qBACF;iBACF;aACF;SACF;QACD,MAAM,EAAE;YACN,gBAAgB,EAAE,EAAE;YACpB,MAAM,EAAE;gBACN,KAAK,EAAE,SAAS;gBAChB,IAAI,EAAE,SAAS;gBACf,eAAe,EAAE,qBAAqB;aACvC;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,UAAU;gBACtB,WAAW,EAAE,UAAU;gBACvB,OAAO,EAAE,WAAW;aACrB;YACD,MAAM,EAAE;gBACN,KAAK,EAAE,EAAE;aACV;YACD,OAAO,EAAE;gBACP,WAAW,EAAE,sBAAsB;aACpC;SACF;KACF;CACF,CAAA"}
|
|
1
|
+
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/Calendar/defaults.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,gBAAgB,GAAwB;IACnD,QAAQ,EAAE;QACR,gBAAgB,EAAE,gBAAgB;QAClC,OAAO,EAAE;YACP,WAAW,EAAE,qBAAqB;SACnC;QACD,mBAAmB,EAAE;YACnB,OAAO,EAAE;gBACP,WAAW,EAAE,qBAAqB;aACnC;SACF;QACD,GAAG,EAAE;YACH,KAAK,EAAE,SAAS;YAChB,eAAe,EAAE,cAAc;YAC/B,gBAAgB,EAAE,gBAAgB;YAClC,KAAK,EAAE;gBACL,eAAe,EAAE,cAAc;aAChC;YACD,QAAQ,EAAE;gBACR,KAAK,EAAE,SAAS;gBAChB,eAAe,EAAE,uBAAuB;gBACxC,MAAM,EAAE;oBACN,KAAK,EAAE;wBACL,KAAK,EAAE,YAAY;wBACnB,eAAe,EAAE,uBAAuB;qBACzC;iBACF;aACF;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,cAAc;gBACrB,UAAU,EAAE;oBACV,KAAK,EAAE,cAAc;iBACtB;aACF;YACD,IAAI,EAAE;gBACJ,KAAK,EAAE,SAAS;gBAChB,eAAe,EAAE,uBAAuB;gBACxC,QAAQ,EAAE;oBACR,MAAM,EAAE;wBACN,KAAK,EAAE;4BACL,KAAK,EAAE,YAAY;4BACnB,eAAe,EAAE,uBAAuB;yBACzC;qBACF;iBACF;gBACD,KAAK,EAAE;oBACL,eAAe,EAAE,uBAAuB;oBACxC,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE;wBACN,eAAe,EAAE,uBAAuB;qBACzC;iBACF;aACF;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,gBAAgB,EAAE,gBAAgB;aACnC;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,gBAAgB,EAAE,mBAAmB;gBACrC,KAAK,EAAE,gBAAgB;aACxB;YACD,UAAU,EAAE;gBACV,OAAO,EAAE;oBACP,WAAW,EAAE,wBAAwB;iBACtC;gBACD,QAAQ,EAAE;oBACR,OAAO,EAAE;wBACP,IAAI,EAAE,UAAU;qBACjB;iBACF;gBACD,KAAK,EAAE;oBACL,WAAW,EAAE,YAAY;oBACzB,GAAG,EAAE;wBACH,IAAI,EAAE;4BACJ,IAAI,EAAE,SAAS;yBAChB;wBACD,QAAQ,EAAE;4BACR,KAAK,EAAE,WAAW;4BAClB,MAAM,EAAE,WAAW;4BACnB,IAAI,EAAE,SAAS;yBAChB;qBACF;iBACF;aACF;SACF;QACD,MAAM,EAAE;YACN,gBAAgB,EAAE,EAAE;YACpB,MAAM,EAAE;gBACN,KAAK,EAAE,SAAS;gBAChB,IAAI,EAAE,SAAS;gBACf,eAAe,EAAE,qBAAqB;aACvC;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,UAAU;gBACtB,WAAW,EAAE,UAAU;gBACvB,OAAO,EAAE,WAAW;aACrB;YACD,MAAM,EAAE;gBACN,KAAK,EAAE,EAAE;aACV;YACD,OAAO,EAAE;gBACP,WAAW,EAAE,sBAAsB;aACpC;SACF;QACD,uBAAuB,EAAE;YACvB,WAAW,EAAE,mBAAmB;YAChC,MAAM,EAAE;gBACN,MAAM,EAAE,WAAW;aACpB;SACF;KACF;CACF,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/Calendar/style-presets.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,eAAe,GAAG;IAC7B,mBAAmB,EAAE;QACnB,IAAI,EAAE;YACJ,WAAW,EAAE,gCAAgC;YAC7C,YAAY,EAAE,oCAAoC;YAClD,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,sBAAsB,EAAE;QACtB,IAAI,EAAE;YACJ,WAAW,EAAE,gCAAgC;YAC7C,YAAY,EAAE,oCAAoC;YAClD,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,oBAAoB,EAAE;QACpB,IAAI,EAAE;YACJ,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,gCAAgC;YAC7C,WAAW,EACT,6GAA6G;YAC/G,YAAY,EAAE,oCAAoC;SACnD;QACD,KAAK,EAAE;YACL,YAAY,EAAE,kCAAkC;YAChD,YAAY,EAAE,kCAAkC;YAChD,YAAY,EAAE,kCAAkC;YAChD,kBAAkB,EAAE,wCAAwC;YAC5D,WAAW,EAAE,wBAAwB;YACrC,eAAe,EAAE,gCAAgC;SAClD;QACD,KAAK,EAAE;YACL,eAAe,EAAE,gCAAgC;SAClD;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,SAAS,EAAE,oBAAoB;SAChC;KACF;CACF,CAAA"}
|
|
1
|
+
{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/Calendar/style-presets.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,eAAe,GAAG;IAC7B,mBAAmB,EAAE;QACnB,IAAI,EAAE;YACJ,WAAW,EAAE,gCAAgC;YAC7C,YAAY,EAAE,oCAAoC;YAClD,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,sBAAsB,EAAE;QACtB,IAAI,EAAE;YACJ,WAAW,EAAE,gCAAgC;YAC7C,YAAY,EAAE,oCAAoC;YAClD,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,oBAAoB,EAAE;QACpB,IAAI,EAAE;YACJ,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,gCAAgC;YAC7C,WAAW,EACT,6GAA6G;YAC/G,YAAY,EAAE,oCAAoC;SACnD;QACD,KAAK,EAAE;YACL,YAAY,EAAE,kCAAkC;YAChD,YAAY,EAAE,kCAAkC;YAChD,YAAY,EAAE,kCAAkC;YAChD,kBAAkB,EAAE,wCAAwC;YAC5D,WAAW,EAAE,wBAAwB;YACrC,eAAe,EAAE,gCAAgC;SAClD;QACD,KAAK,EAAE;YACL,eAAe,EAAE,gCAAgC;SAClD;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,SAAS,EAAE,oBAAoB;SAChC;KACF;IACD,iBAAiB,EAAE;QACjB,IAAI,EAAE;YACJ,eAAe,EAAE,gCAAgC;SAClD;KACF;CACF,CAAA"}
|
|
@@ -3,9 +3,7 @@ export interface CalendarRangePickerProps {
|
|
|
3
3
|
startDate: Date | null;
|
|
4
4
|
endDate: Date | null;
|
|
5
5
|
setDates: (start: null | Date, end: null | Date) => void;
|
|
6
|
-
isFocused?: (focusedInput: string | null) => void;
|
|
7
6
|
numberOfMonths: number;
|
|
8
|
-
daySize: number;
|
|
9
7
|
}
|
|
10
8
|
export interface CalendarStylesProps {
|
|
11
9
|
calendar: {
|
|
@@ -114,5 +112,20 @@ export interface CalendarStylesProps {
|
|
|
114
112
|
stylePreset: string;
|
|
115
113
|
};
|
|
116
114
|
};
|
|
115
|
+
calendarCustomContainer: {
|
|
116
|
+
stylePreset: string;
|
|
117
|
+
sizing: {
|
|
118
|
+
height: string;
|
|
119
|
+
};
|
|
120
|
+
spacing?: {
|
|
121
|
+
marginTop: string;
|
|
122
|
+
};
|
|
123
|
+
};
|
|
117
124
|
};
|
|
125
|
+
calendarVisible?: boolean;
|
|
126
|
+
isMonthWithSixRows?: boolean;
|
|
127
|
+
}
|
|
128
|
+
export declare enum DateRangeInputIds {
|
|
129
|
+
'start' = "startDate",
|
|
130
|
+
'end' = "endDate"
|
|
118
131
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/Calendar/types.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/Calendar/types.ts"],"names":[],"mappings":"AAiIA,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,wCAAqB,CAAA;IACrB,oCAAiB,CAAA;AACnB,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import '@testing-library/jest-dom
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import '@testing-library/jest-dom
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
2
2
|
//# sourceMappingURL=setupTests.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../../../src/helpers/setupTests.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../../../src/helpers/setupTests.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAA"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
var dateFormatOptions = {
|
|
2
|
+
year: 'numeric',
|
|
3
|
+
month: 'numeric',
|
|
4
|
+
day: 'numeric',
|
|
5
|
+
};
|
|
6
|
+
export var formatDateToDDMMYYYY = function (date) {
|
|
7
|
+
if (!date || isNaN(date.getTime()))
|
|
8
|
+
return '';
|
|
9
|
+
return date.toLocaleDateString('en-GB', dateFormatOptions);
|
|
10
|
+
};
|
|
11
|
+
export var compareAndFormatDate = function (today, value, startDate) {
|
|
12
|
+
var dateInputPattern = /^(0[1-9]|[12][0-9]|3[01])\/(0[1-9]|1[0-2])\/\d{4}$/;
|
|
13
|
+
var isValid = dateInputPattern.test(value);
|
|
14
|
+
var compareWith = startDate ? new Date(startDate) : today;
|
|
15
|
+
compareWith.setHours(0, 0, 0, 0);
|
|
16
|
+
if (isValid) {
|
|
17
|
+
var _a = value.split('/'), day = _a[0], month = _a[1], year = _a[2];
|
|
18
|
+
var date = new Date(parseInt(year), parseInt(month) - 1, parseInt(day)); // -1 because month is 0-based
|
|
19
|
+
if (date >= compareWith) {
|
|
20
|
+
return date;
|
|
21
|
+
}
|
|
22
|
+
return null;
|
|
23
|
+
}
|
|
24
|
+
return null;
|
|
25
|
+
};
|
|
26
|
+
export var addOrdinalSuffix = function (number) {
|
|
27
|
+
var ordinalSuffixes = ['th', 'st', 'nd', 'rd'];
|
|
28
|
+
var dividedNumber = number % 100;
|
|
29
|
+
var suffix = ordinalSuffixes[(dividedNumber - 20) % 10] ||
|
|
30
|
+
ordinalSuffixes[dividedNumber] ||
|
|
31
|
+
ordinalSuffixes[0];
|
|
32
|
+
return "".concat(number).concat(suffix);
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=dateUtils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dateUtils.js","sourceRoot":"","sources":["../../../src/utils/dateUtils.ts"],"names":[],"mappings":"AAAA,IAAM,iBAAiB,GAA+B;IACpD,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,GAAG,EAAE,SAAS;CACf,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,IAAiB;IACpD,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;QAAE,OAAO,EAAE,CAAA;IAE7C,OAAO,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAA;AAC5D,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAClC,KAAW,EACX,KAAa,EACb,SAAuB;IAEvB,IAAM,gBAAgB,GAAG,oDAAoD,CAAA;IAC7E,IAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAC5C,IAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;IAC3D,WAAW,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAEhC,IAAI,OAAO,EAAE;QACL,IAAA,KAAqB,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAApC,GAAG,QAAA,EAAE,KAAK,QAAA,EAAE,IAAI,QAAoB,CAAA;QAC3C,IAAM,IAAI,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAA,CAAC,8BAA8B;QAExG,IAAI,IAAI,IAAI,WAAW,EAAE;YACvB,OAAO,IAAI,CAAA;SACZ;QACD,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,MAAc;IAC7C,IAAM,eAAe,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;IAChD,IAAM,aAAa,GAAG,MAAM,GAAG,GAAG,CAAA;IAClC,IAAM,MAAM,GACV,eAAe,CAAC,CAAC,aAAa,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;QAC1C,eAAe,CAAC,aAAa,CAAC;QAC9B,eAAe,CAAC,CAAC,CAAC,CAAA;IAEpB,OAAO,UAAG,MAAM,SAAG,MAAM,CAAE,CAAA;AAC7B,CAAC,CAAA"}
|
package/dist/esm/utils/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@newskit-render/shared-components",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.4.0-alpha.0",
|
|
4
4
|
"description": "Newskit Render Shared Components",
|
|
5
5
|
"author": "",
|
|
6
6
|
"license": "UNLICENSED",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"cross-fetch": "3.1.5",
|
|
40
40
|
"lodash.get": "4.4.2",
|
|
41
41
|
"lodash.unescape": "4.0.1",
|
|
42
|
-
"react-
|
|
42
|
+
"react-datepicker": "4.16.0",
|
|
43
43
|
"striptags": "3.2.0"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
@@ -50,8 +50,9 @@
|
|
|
50
50
|
"@newskit-render/validation": "^1.12.1",
|
|
51
51
|
"@storybook/addon-actions": "6.5.16",
|
|
52
52
|
"@storybook/react": "6.5.16",
|
|
53
|
-
"@testing-library/jest-dom": "
|
|
54
|
-
"@testing-library/react": "
|
|
53
|
+
"@testing-library/jest-dom": "6.1.2",
|
|
54
|
+
"@testing-library/react": "14.0.0",
|
|
55
|
+
"@testing-library/user-event": "14.4.3",
|
|
55
56
|
"@types/jest": "27.0.2",
|
|
56
57
|
"@types/react": "18.0.26",
|
|
57
58
|
"@types/react-dates": "21.8.3",
|