@newskit-render/shared-components 1.12.0 → 1.12.1-alpha.0

package/dist/cjs/Calendar/Calendar.js

@@ -45,7 +45,7 @@ var defaults_1 = require("./defaults");
 var IconOutlinedChevronRight = (0, newskit_1.toNewsKitIcon)(ChevronRight_1.ChevronRight);
 var Calendar = function (_a) {
     var _b = _a.overrides, overrides = _b === void 0 ? defaults_1.calendarDefaults : _b, startDate = _a.startDate, endDate = _a.endDate, numberOfMonths = _a.numberOfMonths, daySize = _a.daySize, setDates = _a.setDates;
-    var _c = (0, react_1.useState)('startDate'), focusedInput = _c[0], setFocusedInput = _c[1];
+    var _c = (0, react_1.useState)(null), focusedInput = _c[0], setFocusedInput = _c[1];
     var breakpoint = (0, newskit_1.useBreakpointKey)();
     var isMobile = breakpoint === 'xs' || breakpoint === 'sm';
     return (react_1.default.createElement(CalendarStylesTheme_1.CalendarStyles, __assign({}, overrides),

package/dist/cjs/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/Calendar/Calendar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,2CAAgF;AAChF,kCAA+B;AAC/B,qEAA2F;AAC3F,mCAAyD;AACzD,6DAAsD;AACtD,uCAA6C;AAG7C,IAAM,wBAAwB,GAAG,IAAA,uBAAa,EAAC,2BAAoB,CAAC,CAAA;AAC7D,IAAM,QAAQ,GAAuC,UAAC,EAO5D;QANC,iBAA4B,EAA5B,SAAS,mBAAG,2BAAgB,KAAA,EAC5B,SAAS,eAAA,EACT,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,OAAO,aAAA,EACP,QAAQ,cAAA;IAEF,IAAA,KAAkC,IAAA,gBAAQ,EAC9C,WAAW,CACZ,EAFM,YAAY,QAAA,EAAE,eAAe,QAEnC,CAAA;IACD,IAAM,UAAU,GAAG,IAAA,0BAAgB,GAAE,CAAA;IACrC,IAAM,QAAQ,GAAG,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,IAAI,CAAA;IAC3D,OAAO,CACL,8BAAC,oCAAc,eAAK,SAAS;QAC3B,8BAAC,6BAAe,IACd,KAAK,QACL,QAAQ,QACR,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAC,YAAY,EAC1B,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,EACjD,WAAW,EAAC,WAAW,EACvB,SAAS,EAAC,SAAS,EACnB,SAAS,EAAE,IAAA,4BAAc,EAAC,SAAS,CAAC,EACpC,OAAO,EAAE,IAAA,4BAAc,EAAC,OAAO,CAAC,EAChC,aAAa,EAAE,UAAC,EAAsB;oBAApB,SAAS,eAAA,EAAE,OAAO,aAAA;gBAClC,IAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;gBACnD,IAAM,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;gBAC7C,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;YACtB,CAAC,EACD,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,UAAC,YAAY,IAAK,OAAA,eAAe,CAAC,YAAY,CAAC,EAA7B,CAA6B,EAC9D,eAAe,EACb,8BAAC,wBAAwB,IACvB,SAAS,EAAE;oBACT,IAAI,EAAE,aAAa;oBACnB,WAAW,EAAE,YAAY;iBAC1B,GACD,GAEJ,CACa,CAClB,CAAA;AACH,CAAC,CAAA;AA5CY,QAAA,QAAQ,YA4CpB"}
+{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/Calendar/Calendar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,2CAAgF;AAChF,kCAA+B;AAC/B,qEAA2F;AAC3F,mCAAyD;AACzD,6DAAsD;AACtD,uCAA6C;AAG7C,IAAM,wBAAwB,GAAG,IAAA,uBAAa,EAAC,2BAAoB,CAAC,CAAA;AAC7D,IAAM,QAAQ,GAAuC,UAAC,EAO5D;QANC,iBAA4B,EAA5B,SAAS,mBAAG,2BAAgB,KAAA,EAC5B,SAAS,eAAA,EACT,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,OAAO,aAAA,EACP,QAAQ,cAAA;IAEF,IAAA,KAAkC,IAAA,gBAAQ,EAC9C,IAAI,CACL,EAFM,YAAY,QAAA,EAAE,eAAe,QAEnC,CAAA;IACD,IAAM,UAAU,GAAG,IAAA,0BAAgB,GAAE,CAAA;IACrC,IAAM,QAAQ,GAAG,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,IAAI,CAAA;IAC3D,OAAO,CACL,8BAAC,oCAAc,eAAK,SAAS;QAC3B,8BAAC,6BAAe,IACd,KAAK,QACL,QAAQ,QACR,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAC,YAAY,EAC1B,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,EACjD,WAAW,EAAC,WAAW,EACvB,SAAS,EAAC,SAAS,EACnB,SAAS,EAAE,IAAA,4BAAc,EAAC,SAAS,CAAC,EACpC,OAAO,EAAE,IAAA,4BAAc,EAAC,OAAO,CAAC,EAChC,aAAa,EAAE,UAAC,EAAsB;oBAApB,SAAS,eAAA,EAAE,OAAO,aAAA;gBAClC,IAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;gBACnD,IAAM,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;gBAC7C,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;YACtB,CAAC,EACD,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,UAAC,YAAY,IAAK,OAAA,eAAe,CAAC,YAAY,CAAC,EAA7B,CAA6B,EAC9D,eAAe,EACb,8BAAC,wBAAwB,IACvB,SAAS,EAAE;oBACT,IAAI,EAAE,aAAa;oBACnB,WAAW,EAAE,YAAY;iBAC1B,GACD,GAEJ,CACa,CAClB,CAAA;AACH,CAAC,CAAA;AA5CY,QAAA,QAAQ,YA4CpB"}

package/dist/cjs/Calendar/CalendarStylesTheme.js

@@ -6,7 +6,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CalendarStyles = void 0;
 var newskit_1 = require("newskit");
-exports.CalendarStyles = newskit_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  max-width: 560px;\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  }\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: 560px;\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  }\n  .DateInput_fangShape {\n    fill: #fff;\n  }\n  .DateInput_fangStroke {\n    stroke: #dbdbdb;\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: 560px !important;\n  }\n\n  div.DayPicker_focusRegion {\n    max-width: 560px !important;\n  }\n  \n  div.DayPicker_focusRegion > div {\n    max-width: 560px !important;\n    display: flex;\n    justify-content: space-between;\n  }\n  div.DayPicker_transitionContainer > div {\n    max-width: 560px !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-child(2) {\n    left: 270px !important;\n  }\n  .DayPicker_transitionContainer__vertical_2 > div {\n    width: 100% !important;\n  }\n  @media only screen and (max-width: 480px) {\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  }\n"], ["\n  width: 100%;\n  max-width: 560px;\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  }\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: 560px;\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  }\n  .DateInput_fangShape {\n    fill: #fff;\n  }\n  .DateInput_fangStroke {\n    stroke: #dbdbdb;\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: 560px !important;\n  }\n\n  div.DayPicker_focusRegion {\n    max-width: 560px !important;\n  }\n  \n  div.DayPicker_focusRegion > div {\n    max-width: 560px !important;\n    display: flex;\n    justify-content: space-between;\n  }\n  div.DayPicker_transitionContainer > div {\n    max-width: 560px !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-child(2) {\n    left: 270px !important;\n  }\n  .DayPicker_transitionContainer__vertical_2 > div {\n    width: 100% !important;\n  }\n  @media only screen and (max-width: 480px) {\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  }\n"])), function (_a) {
+exports.CalendarStyles = newskit_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  max-width: 560px;\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  }\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: 560px;\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  }\n  .DateInput_fangShape {\n    fill: #fff;\n  }\n  .DateInput_fangStroke {\n    stroke: #dbdbdb;\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: 560px !important;\n  }\n\n  div.DayPicker_focusRegion {\n    max-width: 555px !important;\n  }\n  \n  div.DayPicker_focusRegion > div {\n    max-width: 555px !important;\n    display: flex;\n    justify-content: space-between;\n  }\n  div.DayPicker_transitionContainer > div {\n    max-width: 555px !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-child(2) {\n    left: 270px !important;\n  }\n  .DayPicker_transitionContainer__vertical_2 > div {\n    width: 100% !important;\n  }\n  @media only screen and (max-width: 480px) {\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  }\n"], ["\n  width: 100%;\n  max-width: 560px;\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  }\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: 560px;\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  }\n  .DateInput_fangShape {\n    fill: #fff;\n  }\n  .DateInput_fangStroke {\n    stroke: #dbdbdb;\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: 560px !important;\n  }\n\n  div.DayPicker_focusRegion {\n    max-width: 555px !important;\n  }\n  \n  div.DayPicker_focusRegion > div {\n    max-width: 555px !important;\n    display: flex;\n    justify-content: space-between;\n  }\n  div.DayPicker_transitionContainer > div {\n    max-width: 555px !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-child(2) {\n    left: 270px !important;\n  }\n  .DayPicker_transitionContainer__vertical_2 > div {\n    width: 100% !important;\n  }\n  @media only screen and (max-width: 480px) {\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  }\n"])), function (_a) {
     var calendar = _a.calendar;
     return (0, newskit_1.getTypographyPresetFromTheme)(calendar.typographyPreset);
 }, function (_a) {

package/dist/cjs/ContentListView/DateItem.js

@@ -52,12 +52,13 @@ var TextBlockWithPresets = function (_a) {
     return (react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "utilityBody020" }, labelOverrides), children));
 };
 var DateItem = function (_a) {
-    var item = _a.item, _b = _a.listCellProps, _c = _b === void 0 ? {} : _b, labelOverrides = _c.labelOverrides, listItemProps = _a.listItemProps, onCancel = _a.onCancel;
+    var item = _a.item, _b = _a.listCellProps, _c = _b === void 0 ? {} : _b, labelOverrides = _c.labelOverrides, listItemProps = _a.listItemProps, redirectUrl = _a.redirectUrl, onCancel = _a.onCancel;
     var buttonProps = {
         size: 'medium',
         overrides: {
             stylePreset: 'buttonMinimalPrimary',
         },
+        href: "".concat(redirectUrl, "/edit/holiday-stop?id=").concat(item === null || item === void 0 ? void 0 : item.id),
     };
     return (react_1.default.createElement(newskit_1.StructuredListItem, __assign({}, listItemProps),
         react_1.default.createElement(newskit_1.StructuredListCell, { align: "center" },

package/dist/cjs/ContentListView/DateItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateItem.js","sourceRoot":"","sources":["../../../src/ContentListView/DateItem.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DateItem.js","sourceRoot":"","sources":["../../../src/ContentListView/DateItem.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/ContentListView/types.d.ts

@@ -78,5 +78,6 @@ export interface DateItemComponentProps {
     item: DateItemType;
     listItemProps: ListItemProps;
     listCellProps?: Partial<ListCellProps>;
+    redirectUrl?: string;
     onCancel?: () => void;
 }

package/dist/cjs/Modal/ModalContent.js

@@ -38,6 +38,7 @@ var ModalContent = function (_a) {
                 react_1.default.createElement(newskit_1.InlineMessage, __assign({}, inlineMessage), inlineMessage.message))),
             corePackageContent && react_1.default.createElement(CorePackageContent_1.CorePackageContent, __assign({}, corePackageContent)),
             modalLink && react_1.default.createElement(ModalLink_1.ModalLink, __assign({}, modalLink))),
+        react_1.default.createElement(newskit_1.Block, { marginBlockEnd: { xs: 'space020' } }),
         buttonGroup && (react_1.default.createElement(ButtonGroupBlock, { spaceInset: buttonGroup.spaceInset },
             react_1.default.createElement(ButtonGroup_1.ButtonGroup, __assign({ loading: false, keepFixed: false }, buttonGroup)))),
         centeredButton && (react_1.default.createElement(ButtonBlock, { spaceInset: centeredButton.spaceInset },

package/dist/cjs/Modal/ModalContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.js","sourceRoot":"","sources":["../../../src/Modal/ModalContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAqE;AAErE,gDAA8C;AAC9C,4DAA0D;AAC1D,8CAA4C;AAC5C,yCAAuC;AACvC,IAAM,gBAAgB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,qGAAA,kCAErC,IAAA,CAAA;AAED,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,4HAAA,yDAGhC,IAAA,CAAA;AAEM,IAAM,YAAY,GAAgC,UAAC,EASzD;QARC,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,aAAa,mBAAA,EACb,kBAAkB,wBAAA,EAClB,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,SAAS,eAAA;IACL,OAAA,CACJ;QACE,8BAAC,eAAK,IAAC,UAAU,EAAE,UAAU;YAC1B,KAAK,IAAI,CACR,8BAAC,eAAK,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU;gBACjC,8BAAC,eAAK,IACJ,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,EAAE,EACpB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,IAAI,MAAM,EACtD,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,eAAe,EAAE,IAAI,EACrB,OAAO,EAAE,MAAM,GACf,CACI,CACT;YACA,YAAY,IAAI,8BAAC,2BAAY,eAAK,YAAY,EAAI;YAClD,aAAa,IAAI,CAChB,8BAAC,eAAK,IAAC,UAAU,EAAE,aAAa,CAAC,UAAU;gBACzC,8BAAC,uBAAa,eAAK,aAAa,GAC7B,aAAa,CAAC,OAAO,CACR,CACV,CACT;YACA,kBAAkB,IAAI,8BAAC,uCAAkB,eAAK,kBAAkB,EAAI;YACpE,SAAS,IAAI,8BAAC,qBAAS,eAAK,SAAS,EAAI,CACpC;QACP,WAAW,IAAI,CACd,8BAAC,gBAAgB,IAAC,UAAU,EAAE,WAAW,CAAC,UAAU;YAClD,8BAAC,yBAAW,aAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,IAAM,WAAW,EAAI,CACjD,CACpB;QACA,cAAc,IAAI,CACjB,8BAAC,WAAW,IAAC,UAAU,EAAE,cAAc,CAAC,UAAU;YAChD,8BAAC,gBAAM,4BACO,iBAAiB,IACzB,cAAc,kBACN,cAAc,CAAC,SAAS,EACpC,OAAO,EAAE,cAAc,CAAC,OAAO,EAC/B,IAAI,EAAE,cAAc,CAAC,IAAI,KAExB,cAAc,CAAC,IAAI,CACb,CACG,CACf,CACA,CACJ;AA7CK,CA6CL,CAAA;AAtDY,QAAA,YAAY,gBAsDxB"}
+{"version":3,"file":"ModalContent.js","sourceRoot":"","sources":["../../../src/Modal/ModalContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAqE;AAErE,gDAA8C;AAC9C,4DAA0D;AAC1D,8CAA4C;AAC5C,yCAAuC;AACvC,IAAM,gBAAgB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,qGAAA,kCAErC,IAAA,CAAA;AAED,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,4HAAA,yDAGhC,IAAA,CAAA;AAEM,IAAM,YAAY,GAAgC,UAAC,EASzD;QARC,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,aAAa,mBAAA,EACb,kBAAkB,wBAAA,EAClB,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,SAAS,eAAA;IACL,OAAA,CACJ;QACE,8BAAC,eAAK,IAAC,UAAU,EAAE,UAAU;YAC1B,KAAK,IAAI,CACR,8BAAC,eAAK,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU;gBACjC,8BAAC,eAAK,IACJ,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,EAAE,EACpB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,IAAI,MAAM,EACtD,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,eAAe,EAAE,IAAI,EACrB,OAAO,EAAE,MAAM,GACf,CACI,CACT;YACA,YAAY,IAAI,8BAAC,2BAAY,eAAK,YAAY,EAAI;YAClD,aAAa,IAAI,CAChB,8BAAC,eAAK,IAAC,UAAU,EAAE,aAAa,CAAC,UAAU;gBACzC,8BAAC,uBAAa,eAAK,aAAa,GAC7B,aAAa,CAAC,OAAO,CACR,CACV,CACT;YACA,kBAAkB,IAAI,8BAAC,uCAAkB,eAAK,kBAAkB,EAAI;YACpE,SAAS,IAAI,8BAAC,qBAAS,eAAK,SAAS,EAAI,CACpC;QACR,8BAAC,eAAK,IAAC,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,GAAI;QAC5C,WAAW,IAAI,CACd,8BAAC,gBAAgB,IAAC,UAAU,EAAE,WAAW,CAAC,UAAU;YAClD,8BAAC,yBAAW,aAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,IAAM,WAAW,EAAI,CACjD,CACpB;QACA,cAAc,IAAI,CACjB,8BAAC,WAAW,IAAC,UAAU,EAAE,cAAc,CAAC,UAAU;YAChD,8BAAC,gBAAM,4BACO,iBAAiB,IACzB,cAAc,kBACN,cAAc,CAAC,SAAS,EACpC,OAAO,EAAE,cAAc,CAAC,OAAO,EAC/B,IAAI,EAAE,cAAc,CAAC,IAAI,KAExB,cAAc,CAAC,IAAI,CACb,CACG,CACf,CACA,CACJ;AA9CK,CA8CL,CAAA;AAvDY,QAAA,YAAY,gBAuDxB"}

package/dist/cjs/Modal/ModalLink.js

@@ -36,7 +36,7 @@ var ModalLink = function (_a) {
                 } },
                 react_1.default.createElement(Link_1.NextLink, { "data-testid": "modal-link-".concat(i), type: link.type, href: link.href }, link.text))); }),
         introduction && react_1.default.createElement(Introduction_1.Introduction, __assign({}, introduction)),
-        react_1.default.createElement(newskit_1.Block, null)));
+        react_1.default.createElement(newskit_1.Block, { marginBlockEnd: { xs: 'space020' } })));
 };
 exports.ModalLink = ModalLink;
 //# sourceMappingURL=ModalLink.js.map

package/dist/cjs/Modal/ModalLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalLink.js","sourceRoot":"","sources":["../../../src/Modal/ModalLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAA+B;AAC/B,gCAA6C;AAC7C,gDAA8C;AAEvC,IAAM,SAAS,GAAG,UACvB,SAEkC;IAElC,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;QAC5B,OAAO,SAAS,CAAA;KACjB;IACD,OAAO,CAAC,SAAS,CAAC,CAAA;AACpB,CAAC,CAAA;AATY,QAAA,SAAS,aASrB;AACM,IAAM,SAAS,GAA6B,UAAC,EAGnD;QAFC,KAAK,WAAA,EACL,YAAY,kBAAA;IAEZ,OAAO,CACL;QACG,KAAK;YACJ,IAAA,iBAAS,EAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,CAAC,IAAK,OAAA,CAChC,8BAAC,eAAK,IACJ,GAAG,EAAE,CAAC,EACN,WAAW,EAAE;oBACX,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;iBACf;gBAED,8BAAC,eAAQ,mBACM,qBAAc,CAAC,CAAE,EAC9B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,IAEd,IAAI,CAAC,IAAI,CACD,CACL,CACT,EAhBiC,CAgBjC,CAAC;QACH,YAAY,IAAI,8BAAC,2BAAY,eAAK,YAAY,EAAI;QACnD,8BAAC,eAAK,OAAS,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,SAAS,aA4BrB"}
+{"version":3,"file":"ModalLink.js","sourceRoot":"","sources":["../../../src/Modal/ModalLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAA+B;AAC/B,gCAA6C;AAC7C,gDAA8C;AAEvC,IAAM,SAAS,GAAG,UACvB,SAEkC;IAElC,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;QAC5B,OAAO,SAAS,CAAA;KACjB;IACD,OAAO,CAAC,SAAS,CAAC,CAAA;AACpB,CAAC,CAAA;AATY,QAAA,SAAS,aASrB;AACM,IAAM,SAAS,GAA6B,UAAC,EAGnD;QAFC,KAAK,WAAA,EACL,YAAY,kBAAA;IAEZ,OAAO,CACL;QACG,KAAK;YACJ,IAAA,iBAAS,EAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,CAAC,IAAK,OAAA,CAChC,8BAAC,eAAK,IACJ,GAAG,EAAE,CAAC,EACN,WAAW,EAAE;oBACX,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;iBACf;gBAED,8BAAC,eAAQ,mBACM,qBAAc,CAAC,CAAE,EAC9B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,IAEd,IAAI,CAAC,IAAI,CACD,CACL,CACT,EAhBiC,CAgBjC,CAAC;QACH,YAAY,IAAI,8BAAC,2BAAY,eAAK,YAAY,EAAI;QACnD,8BAAC,eAAK,IAAC,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,GAAI,CAC5C,CACJ,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,SAAS,aA4BrB"}

package/dist/esm/Calendar/Calendar.js

@@ -19,7 +19,7 @@ import { calendarDefaults } from './defaults';
 var IconOutlinedChevronRight = toNewsKitIcon(OutlinedChevronRight);
 export var Calendar = function (_a) {
     var _b = _a.overrides, overrides = _b === void 0 ? calendarDefaults : _b, startDate = _a.startDate, endDate = _a.endDate, numberOfMonths = _a.numberOfMonths, daySize = _a.daySize, setDates = _a.setDates;
-    var _c = useState('startDate'), focusedInput = _c[0], setFocusedInput = _c[1];
+    var _c = useState(null), focusedInput = _c[0], setFocusedInput = _c[1];
     var breakpoint = useBreakpointKey();
     var isMobile = breakpoint === 'xs' || breakpoint === 'sm';
     return (React.createElement(CalendarStyles, __assign({}, overrides),

package/dist/esm/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/Calendar/Calendar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,eAAe,EAAqB,cAAc,EAAE,MAAM,aAAa,CAAA;AAChF,OAAO,wBAAwB,CAAA;AAC/B,OAAO,EAAE,YAAY,IAAI,oBAAoB,EAAE,MAAM,sCAAsC,CAAA;AAC3F,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAG7C,IAAM,wBAAwB,GAAG,aAAa,CAAC,oBAAoB,CAAC,CAAA;AACpE,MAAM,CAAC,IAAM,QAAQ,GAAuC,UAAC,EAO5D;QANC,iBAA4B,EAA5B,SAAS,mBAAG,gBAAgB,KAAA,EAC5B,SAAS,eAAA,EACT,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,OAAO,aAAA,EACP,QAAQ,cAAA;IAEF,IAAA,KAAkC,QAAQ,CAC9C,WAAW,CACZ,EAFM,YAAY,QAAA,EAAE,eAAe,QAEnC,CAAA;IACD,IAAM,UAAU,GAAG,gBAAgB,EAAE,CAAA;IACrC,IAAM,QAAQ,GAAG,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,IAAI,CAAA;IAC3D,OAAO,CACL,oBAAC,cAAc,eAAK,SAAS;QAC3B,oBAAC,eAAe,IACd,KAAK,QACL,QAAQ,QACR,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAC,YAAY,EAC1B,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,EACjD,WAAW,EAAC,WAAW,EACvB,SAAS,EAAC,SAAS,EACnB,SAAS,EAAE,cAAc,CAAC,SAAS,CAAC,EACpC,OAAO,EAAE,cAAc,CAAC,OAAO,CAAC,EAChC,aAAa,EAAE,UAAC,EAAsB;oBAApB,SAAS,eAAA,EAAE,OAAO,aAAA;gBAClC,IAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;gBACnD,IAAM,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;gBAC7C,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;YACtB,CAAC,EACD,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,UAAC,YAAY,IAAK,OAAA,eAAe,CAAC,YAAY,CAAC,EAA7B,CAA6B,EAC9D,eAAe,EACb,oBAAC,wBAAwB,IACvB,SAAS,EAAE;oBACT,IAAI,EAAE,aAAa;oBACnB,WAAW,EAAE,YAAY;iBAC1B,GACD,GAEJ,CACa,CAClB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/Calendar/Calendar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,eAAe,EAAqB,cAAc,EAAE,MAAM,aAAa,CAAA;AAChF,OAAO,wBAAwB,CAAA;AAC/B,OAAO,EAAE,YAAY,IAAI,oBAAoB,EAAE,MAAM,sCAAsC,CAAA;AAC3F,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAG7C,IAAM,wBAAwB,GAAG,aAAa,CAAC,oBAAoB,CAAC,CAAA;AACpE,MAAM,CAAC,IAAM,QAAQ,GAAuC,UAAC,EAO5D;QANC,iBAA4B,EAA5B,SAAS,mBAAG,gBAAgB,KAAA,EAC5B,SAAS,eAAA,EACT,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,OAAO,aAAA,EACP,QAAQ,cAAA;IAEF,IAAA,KAAkC,QAAQ,CAC9C,IAAI,CACL,EAFM,YAAY,QAAA,EAAE,eAAe,QAEnC,CAAA;IACD,IAAM,UAAU,GAAG,gBAAgB,EAAE,CAAA;IACrC,IAAM,QAAQ,GAAG,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,IAAI,CAAA;IAC3D,OAAO,CACL,oBAAC,cAAc,eAAK,SAAS;QAC3B,oBAAC,eAAe,IACd,KAAK,QACL,QAAQ,QACR,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAC,YAAY,EAC1B,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,EACjD,WAAW,EAAC,WAAW,EACvB,SAAS,EAAC,SAAS,EACnB,SAAS,EAAE,cAAc,CAAC,SAAS,CAAC,EACpC,OAAO,EAAE,cAAc,CAAC,OAAO,CAAC,EAChC,aAAa,EAAE,UAAC,EAAsB;oBAApB,SAAS,eAAA,EAAE,OAAO,aAAA;gBAClC,IAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;gBACnD,IAAM,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;gBAC7C,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;YACtB,CAAC,EACD,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,UAAC,YAAY,IAAK,OAAA,eAAe,CAAC,YAAY,CAAC,EAA7B,CAA6B,EAC9D,eAAe,EACb,oBAAC,wBAAwB,IACvB,SAAS,EAAE;oBACT,IAAI,EAAE,aAAa;oBACnB,WAAW,EAAE,YAAY;iBAC1B,GACD,GAEJ,CACa,CAClB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Calendar/CalendarStylesTheme.js

@@ -3,7 +3,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 import { getBorderCssFromTheme, getColorCssFromTheme, getSizingCssFromTheme, getSpacingCssFromTheme, getStylePresetFromTheme, getTypographyPresetFromTheme, styled, } from 'newskit';
-export var CalendarStyles = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  max-width: 560px;\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  }\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: 560px;\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  }\n  .DateInput_fangShape {\n    fill: #fff;\n  }\n  .DateInput_fangStroke {\n    stroke: #dbdbdb;\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: 560px !important;\n  }\n\n  div.DayPicker_focusRegion {\n    max-width: 560px !important;\n  }\n  \n  div.DayPicker_focusRegion > div {\n    max-width: 560px !important;\n    display: flex;\n    justify-content: space-between;\n  }\n  div.DayPicker_transitionContainer > div {\n    max-width: 560px !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-child(2) {\n    left: 270px !important;\n  }\n  .DayPicker_transitionContainer__vertical_2 > div {\n    width: 100% !important;\n  }\n  @media only screen and (max-width: 480px) {\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  }\n"], ["\n  width: 100%;\n  max-width: 560px;\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  }\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: 560px;\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  }\n  .DateInput_fangShape {\n    fill: #fff;\n  }\n  .DateInput_fangStroke {\n    stroke: #dbdbdb;\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: 560px !important;\n  }\n\n  div.DayPicker_focusRegion {\n    max-width: 560px !important;\n  }\n  \n  div.DayPicker_focusRegion > div {\n    max-width: 560px !important;\n    display: flex;\n    justify-content: space-between;\n  }\n  div.DayPicker_transitionContainer > div {\n    max-width: 560px !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-child(2) {\n    left: 270px !important;\n  }\n  .DayPicker_transitionContainer__vertical_2 > div {\n    width: 100% !important;\n  }\n  @media only screen and (max-width: 480px) {\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  }\n"])), function (_a) {
+export var CalendarStyles = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  max-width: 560px;\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  }\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: 560px;\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  }\n  .DateInput_fangShape {\n    fill: #fff;\n  }\n  .DateInput_fangStroke {\n    stroke: #dbdbdb;\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: 560px !important;\n  }\n\n  div.DayPicker_focusRegion {\n    max-width: 555px !important;\n  }\n  \n  div.DayPicker_focusRegion > div {\n    max-width: 555px !important;\n    display: flex;\n    justify-content: space-between;\n  }\n  div.DayPicker_transitionContainer > div {\n    max-width: 555px !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-child(2) {\n    left: 270px !important;\n  }\n  .DayPicker_transitionContainer__vertical_2 > div {\n    width: 100% !important;\n  }\n  @media only screen and (max-width: 480px) {\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  }\n"], ["\n  width: 100%;\n  max-width: 560px;\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  }\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: 560px;\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  }\n  .DateInput_fangShape {\n    fill: #fff;\n  }\n  .DateInput_fangStroke {\n    stroke: #dbdbdb;\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: 560px !important;\n  }\n\n  div.DayPicker_focusRegion {\n    max-width: 555px !important;\n  }\n  \n  div.DayPicker_focusRegion > div {\n    max-width: 555px !important;\n    display: flex;\n    justify-content: space-between;\n  }\n  div.DayPicker_transitionContainer > div {\n    max-width: 555px !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-child(2) {\n    left: 270px !important;\n  }\n  .DayPicker_transitionContainer__vertical_2 > div {\n    width: 100% !important;\n  }\n  @media only screen and (max-width: 480px) {\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  }\n"])), function (_a) {
     var calendar = _a.calendar;
     return getTypographyPresetFromTheme(calendar.typographyPreset);
 }, function (_a) {

package/dist/esm/ContentListView/DateItem.js

@@ -46,12 +46,13 @@ var TextBlockWithPresets = function (_a) {
     return (React.createElement(TextBlock, __assign({ typographyPreset: "utilityBody020" }, labelOverrides), children));
 };
 export var DateItem = function (_a) {
-    var item = _a.item, _b = _a.listCellProps, _c = _b === void 0 ? {} : _b, labelOverrides = _c.labelOverrides, listItemProps = _a.listItemProps, onCancel = _a.onCancel;
+    var item = _a.item, _b = _a.listCellProps, _c = _b === void 0 ? {} : _b, labelOverrides = _c.labelOverrides, listItemProps = _a.listItemProps, redirectUrl = _a.redirectUrl, onCancel = _a.onCancel;
     var buttonProps = {
         size: 'medium',
         overrides: {
             stylePreset: 'buttonMinimalPrimary',
         },
+        href: "".concat(redirectUrl, "/edit/holiday-stop?id=").concat(item === null || item === void 0 ? void 0 : item.id),
     };
     return (React.createElement(StructuredListItem, __assign({}, listItemProps),
         React.createElement(StructuredListCell, { align: "center" },

package/dist/esm/ContentListView/DateItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateItem.js","sourceRoot":"","sources":["../../../src/ContentListView/DateItem.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DateItem.js","sourceRoot":"","sources":["../../../src/ContentListView/DateItem.tsx"],"names":[],"mappings":"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"}

package/dist/esm/ContentListView/types.d.ts

@@ -78,5 +78,6 @@ export interface DateItemComponentProps {
     item: DateItemType;
     listItemProps: ListItemProps;
     listCellProps?: Partial<ListCellProps>;
+    redirectUrl?: string;
     onCancel?: () => void;
 }

package/dist/esm/Modal/ModalContent.js

@@ -32,6 +32,7 @@ export var ModalContent = function (_a) {
                 React.createElement(InlineMessage, __assign({}, inlineMessage), inlineMessage.message))),
             corePackageContent && React.createElement(CorePackageContent, __assign({}, corePackageContent)),
             modalLink && React.createElement(ModalLink, __assign({}, modalLink))),
+        React.createElement(Block, { marginBlockEnd: { xs: 'space020' } }),
         buttonGroup && (React.createElement(ButtonGroupBlock, { spaceInset: buttonGroup.spaceInset },
             React.createElement(ButtonGroup, __assign({ loading: false, keepFixed: false }, buttonGroup)))),
         centeredButton && (React.createElement(ButtonBlock, { spaceInset: centeredButton.spaceInset },

package/dist/esm/Modal/ModalContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.js","sourceRoot":"","sources":["../../../src/Modal/ModalContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAErE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,IAAM,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAAC,qGAAA,kCAErC,IAAA,CAAA;AAED,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,4HAAA,yDAGhC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAgC,UAAC,EASzD;QARC,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,aAAa,mBAAA,EACb,kBAAkB,wBAAA,EAClB,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,SAAS,eAAA;IACL,OAAA,CACJ;QACE,oBAAC,KAAK,IAAC,UAAU,EAAE,UAAU;YAC1B,KAAK,IAAI,CACR,oBAAC,KAAK,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU;gBACjC,oBAAC,KAAK,IACJ,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,EAAE,EACpB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,IAAI,MAAM,EACtD,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,eAAe,EAAE,IAAI,EACrB,OAAO,EAAE,MAAM,GACf,CACI,CACT;YACA,YAAY,IAAI,oBAAC,YAAY,eAAK,YAAY,EAAI;YAClD,aAAa,IAAI,CAChB,oBAAC,KAAK,IAAC,UAAU,EAAE,aAAa,CAAC,UAAU;gBACzC,oBAAC,aAAa,eAAK,aAAa,GAC7B,aAAa,CAAC,OAAO,CACR,CACV,CACT;YACA,kBAAkB,IAAI,oBAAC,kBAAkB,eAAK,kBAAkB,EAAI;YACpE,SAAS,IAAI,oBAAC,SAAS,eAAK,SAAS,EAAI,CACpC;QACP,WAAW,IAAI,CACd,oBAAC,gBAAgB,IAAC,UAAU,EAAE,WAAW,CAAC,UAAU;YAClD,oBAAC,WAAW,aAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,IAAM,WAAW,EAAI,CACjD,CACpB;QACA,cAAc,IAAI,CACjB,oBAAC,WAAW,IAAC,UAAU,EAAE,cAAc,CAAC,UAAU;YAChD,oBAAC,MAAM,4BACO,iBAAiB,IACzB,cAAc,kBACN,cAAc,CAAC,SAAS,EACpC,OAAO,EAAE,cAAc,CAAC,OAAO,EAC/B,IAAI,EAAE,cAAc,CAAC,IAAI,KAExB,cAAc,CAAC,IAAI,CACb,CACG,CACf,CACA,CACJ;AA7CK,CA6CL,CAAA"}
+{"version":3,"file":"ModalContent.js","sourceRoot":"","sources":["../../../src/Modal/ModalContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAErE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,IAAM,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAAC,qGAAA,kCAErC,IAAA,CAAA;AAED,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,4HAAA,yDAGhC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAgC,UAAC,EASzD;QARC,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,aAAa,mBAAA,EACb,kBAAkB,wBAAA,EAClB,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,SAAS,eAAA;IACL,OAAA,CACJ;QACE,oBAAC,KAAK,IAAC,UAAU,EAAE,UAAU;YAC1B,KAAK,IAAI,CACR,oBAAC,KAAK,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU;gBACjC,oBAAC,KAAK,IACJ,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,EAAE,EACpB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,IAAI,MAAM,EACtD,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,eAAe,EAAE,IAAI,EACrB,OAAO,EAAE,MAAM,GACf,CACI,CACT;YACA,YAAY,IAAI,oBAAC,YAAY,eAAK,YAAY,EAAI;YAClD,aAAa,IAAI,CAChB,oBAAC,KAAK,IAAC,UAAU,EAAE,aAAa,CAAC,UAAU;gBACzC,oBAAC,aAAa,eAAK,aAAa,GAC7B,aAAa,CAAC,OAAO,CACR,CACV,CACT;YACA,kBAAkB,IAAI,oBAAC,kBAAkB,eAAK,kBAAkB,EAAI;YACpE,SAAS,IAAI,oBAAC,SAAS,eAAK,SAAS,EAAI,CACpC;QACR,oBAAC,KAAK,IAAC,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,GAAI;QAC5C,WAAW,IAAI,CACd,oBAAC,gBAAgB,IAAC,UAAU,EAAE,WAAW,CAAC,UAAU;YAClD,oBAAC,WAAW,aAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,IAAM,WAAW,EAAI,CACjD,CACpB;QACA,cAAc,IAAI,CACjB,oBAAC,WAAW,IAAC,UAAU,EAAE,cAAc,CAAC,UAAU;YAChD,oBAAC,MAAM,4BACO,iBAAiB,IACzB,cAAc,kBACN,cAAc,CAAC,SAAS,EACpC,OAAO,EAAE,cAAc,CAAC,OAAO,EAC/B,IAAI,EAAE,cAAc,CAAC,IAAI,KAExB,cAAc,CAAC,IAAI,CACb,CACG,CACf,CACA,CACJ;AA9CK,CA8CL,CAAA"}

package/dist/esm/Modal/ModalLink.js

@@ -29,6 +29,6 @@ export var ModalLink = function (_a) {
                 } },
                 React.createElement(NextLink, { "data-testid": "modal-link-".concat(i), type: link.type, href: link.href }, link.text))); }),
         introduction && React.createElement(Introduction, __assign({}, introduction)),
-        React.createElement(Block, null)));
+        React.createElement(Block, { marginBlockEnd: { xs: 'space020' } })));
 };
 //# sourceMappingURL=ModalLink.js.map

package/dist/esm/Modal/ModalLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalLink.js","sourceRoot":"","sources":["../../../src/Modal/ModalLink.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,QAAQ,EAAa,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,MAAM,CAAC,IAAM,SAAS,GAAG,UACvB,SAEkC;IAElC,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;QAC5B,OAAO,SAAS,CAAA;KACjB;IACD,OAAO,CAAC,SAAS,CAAC,CAAA;AACpB,CAAC,CAAA;AACD,MAAM,CAAC,IAAM,SAAS,GAA6B,UAAC,EAGnD;QAFC,KAAK,WAAA,EACL,YAAY,kBAAA;IAEZ,OAAO,CACL;QACG,KAAK;YACJ,SAAS,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,CAAC,IAAK,OAAA,CAChC,oBAAC,KAAK,IACJ,GAAG,EAAE,CAAC,EACN,WAAW,EAAE;oBACX,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;iBACf;gBAED,oBAAC,QAAQ,mBACM,qBAAc,CAAC,CAAE,EAC9B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,IAEd,IAAI,CAAC,IAAI,CACD,CACL,CACT,EAhBiC,CAgBjC,CAAC;QACH,YAAY,IAAI,oBAAC,YAAY,eAAK,YAAY,EAAI;QACnD,oBAAC,KAAK,OAAS,CACd,CACJ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"ModalLink.js","sourceRoot":"","sources":["../../../src/Modal/ModalLink.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,QAAQ,EAAa,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,MAAM,CAAC,IAAM,SAAS,GAAG,UACvB,SAEkC;IAElC,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;QAC5B,OAAO,SAAS,CAAA;KACjB;IACD,OAAO,CAAC,SAAS,CAAC,CAAA;AACpB,CAAC,CAAA;AACD,MAAM,CAAC,IAAM,SAAS,GAA6B,UAAC,EAGnD;QAFC,KAAK,WAAA,EACL,YAAY,kBAAA;IAEZ,OAAO,CACL;QACG,KAAK;YACJ,SAAS,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,CAAC,IAAK,OAAA,CAChC,oBAAC,KAAK,IACJ,GAAG,EAAE,CAAC,EACN,WAAW,EAAE;oBACX,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;iBACf;gBAED,oBAAC,QAAQ,mBACM,qBAAc,CAAC,CAAE,EAC9B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,IAEd,IAAI,CAAC,IAAI,CACD,CACL,CACT,EAhBiC,CAgBjC,CAAC;QACH,YAAY,IAAI,oBAAC,YAAY,eAAK,YAAY,EAAI;QACnD,oBAAC,KAAK,IAAC,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,GAAI,CAC5C,CACJ,CAAA;AACH,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newskit-render/shared-components",
-  "version": "1.12.0",
+  "version": "1.12.1-alpha.0",
   "description": "Newskit Render Shared Components",
   "author": "",
   "license": "UNLICENSED",
@@ -41,7 +41,7 @@
     "@babel/polyfill": "7.10.1",
     "@babel/register": "7.10.1",
     "@emotion/jest": "11.3.0",
-    "@newskit-render/validation": "^1.3.0",
+    "@newskit-render/validation": "^1.3.1-alpha.0",
     "@storybook/addon-actions": "6.2.9",
     "@storybook/react": "6.2.9",
     "@testing-library/jest-dom": "5.16.5",