@digitransit-component/digitransit-component-datetimepicker 1.1.5 → 1.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/lib/index.development.js +2 -2
  2. package/lib/index.js +1 -1
  3. package/lib/index.js.map +1 -1
  4. package/package.json +2 -2
package/lib/index.js CHANGED
@@ -1,2 +1,2 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("prop-types"),require("react"),require("moment-timezone"),require("lodash/debounce"),require("moment/locale/fi"),require("lodash/uniqueId"),require("i18next"),require("@digitransit-component/digitransit-component-icon"),require("react-select"),require("classnames"),require("react-modal"),require("react-autosuggest")):"function"==typeof define&&define.amd?define(["exports","prop-types","react","moment-timezone","lodash/debounce","moment/locale/fi","lodash/uniqueId","i18next","@digitransit-component/digitransit-component-icon","react-select","classnames","react-modal","react-autosuggest"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["@digitransit-component/digitransit-component-datetimepicker"]={},e.PropTypes,e.React,e.moment,e.debounce,null,e.uniqueId,e.i18next,e.Icon,e.Select,e.cx,e.ReactModal,e.Autosuggest)}(this,(function(e,t,n,i,a,l,o,r,s,d,u,c,p){"use strict";function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=_(t),f=_(n),b=_(i),y=_(a),g=_(o),h=_(r),v=_(s),x=_(d),w=_(u),k=_(c),E=_(p);function N(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function C(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var i,a,l,o,r=[],s=!0,d=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(i=l.call(n)).done)&&(r.push(i.value),r.length!==t);s=!0);}catch(e){d=!0,a=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(d)throw a}}return r}}(e,t)||function(e,t){if(e){if("string"==typeof e)return N(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?N(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function R(e){var t=e;return 3===t.length&&t.split("").every((e=>Number.isInteger(Number(e))))&&(t=Number(t.slice(0,2))<=23?`${t.slice(0,2)}:${t[2]}`:`${t[0]}:${t.slice(1)}`),t}var F=(e,t)=>{var n=!Number.isNaN(e)&&e>=0&&e<=23,i=2===t.length?!Number.isNaN(t)&&Number(t)>=0&&Number(t<=59):!Number.isNaN(t)&&Number(t)>=0&&Number(t<=5);return n&&i};function S(e){if(e.split(":").length>2)return!1;if(e.length<=2)return!0;if(3===e.length){var t,n;if(e.includes(":")){var i=C(e.split(":"),2);t=i[0],n=i[1]}else{if(!e.startsWith("0")){var a=e.split("");if(1===Number(a[0])){var l=[a[0].concat(a[1]),a[2]];t=l[0],n=l[1]}else if(2===Number(a[0]))if(Number(a[1]<=3)){var o=[a[0].concat(a[1]),a[2]];t=o[0],n=o[1]}else{var r=[a[0],a[1].concat(a[2])];t=r[0],n=r[1]}else{var s=[a[0],a[1].concat(a[2])];t=s[0],n=s[1]}return F(t,n)}if(t=e.substring(0,e.length-1),n=e.substring(e.length-1||0),Number(n)>5)return!1}return F(t,n)}if(5===e.length||4===e.length){var d=e.split(":"),u=d[0],c=d[1];return!(e.startsWith("0")&&1===c.length&&Number(c)>5)&&F(u,c)}return!0}var P=(e,t)=>{var n=e.trim();if(null!==n.match(/^[0-9]{1,2}(\.|:)[0-9]{2}$/)){var i=n.includes(".")?".":":",a=n.split(i),l=Number(a[0]),o=!Number.isNaN(l)&&l>=0&&l<=23,r=Number(a[1]);return!Number.isNaN(r)&&r>=0&&r<=59&&o?b.default(t).hours(l).minutes(r).valueOf():null}return null};var O={"sr-only":"styles_sr-only__BrzYQ","dt-datetimepicker":"styles_dt-datetimepicker__PtoFG",hidden:"styles_hidden__6ySER","datetimepicker-open-container":"styles_datetimepicker-open-container__1dVr5","top-row-container":"styles_top-row-container__cXGjL",closed:"styles_closed__Fqe1r","time-icon":"styles_time-icon__ntgLZ","dropdown-icon":"styles_dropdown-icon__diYYB","close-icon":"styles_close-icon__-MzK5","label-open":"styles_label-open__Gmvov",textbutton:"styles_textbutton__T7wS2",active:"styles_active__4L82E","combobox-left":"styles_combobox-left__Sp4kh","combobox-right":"styles_combobox-right__Hg8kN","departure-or-arrival-container":"styles_departure-or-arrival-container__pJ-Iw","radio-textbutton-label":"styles_radio-textbutton-label__h-zfy","first-radio":"styles_first-radio__FWNoD","radio-textbutton":"styles_radio-textbutton__tsKET","departure-now-button":"styles_departure-now-button__VKMMK","open-button":"styles_open-button__c2B-6","close-button":"styles_close-button__2mfgI","right-edge":"styles_right-edge__29UYw","combobox-container":"styles_combobox-container__CLY9U","combobox-icon":"styles_combobox-icon__-0XPH","date-input-icon":"styles_date-input-icon__KMrj1","time-input-icon":"styles_time-input-icon__qkhC7","datetimepicker-select-container":"styles_datetimepicker-select-container__EVW1l","picker-container":"styles_picker-container__V02r4","combobox-mobile-container":"styles_combobox-mobile-container__u2DSO","mobile-modal-overlay":"styles_mobile-modal-overlay__8vF8L","mobile-modal-content":"styles_mobile-modal-content__fWRgy","top-row":"styles_top-row__h8xy1","modal-title":"styles_modal-title__EA3YD","tab-row":"styles_tab-row__orgwh","radio-tab-label":"styles_radio-tab-label__vIfup","input-row":"styles_input-row__2XXEY","input-container":"styles_input-container__USZlF","time-input-mobile":"styles_time-input-mobile__6e4A5","mobile-input-display":"styles_mobile-input-display__VUMd0","mobile-input-hidden":"styles_mobile-input-hidden__2KIuK",container:"styles_container__ihyhz",suggestion:"styles_suggestion__ZczJa",suggestionHighlighted:"styles_suggestionHighlighted__fzLiW",suggestionsContainerOpen:"styles_suggestionsContainerOpen__ISHXi",input:"styles_input__PAfbH","buttons-row":"styles_buttons-row__-3wsn","ready-button":"styles_ready-button__dH7Qc"};function G(e){var t=e.value,i=e.onChange,a=e.getDisplay,l=e.timeChoices,o=e.id,r=e.label,s=e.icon,d=e.disableTyping,u=e.timeZone,c=e.datePicker,p=e.translationSettings;b.default.tz.setDefault(u);var _=C(n.useState(a(t)),2),m=_[0],y=_[1],g=C(n.useState(!1),2),v=g[0],k=g[1],E=C(n.useState(!0),2),N=E[0],F=E[1],G=C(n.useState(!1),2),W=G[0],q=G[1];n.useEffect((()=>{y(a(t)),c||q(!1)}),[t]);var X=e=>{var t=Number(e);!Number.isNaN(t)&&b.default(t).isValid()&&b.default(t).valueOf()===t&&i(t)};var A=l.map((e=>({value:e.toString(),label:a(e)}))),$=c?A:A.filter((e=>e.label.split(":")[1]%15==0)),T=$.length>0?null==$?void 0:$.reduce(((e,n)=>Math.abs(t-e.value)<Math.abs(t-n.value)?e:n)):void 0,D=`${o}-input`,z=`${o}-label`,Z=h.default.t("invalid-input",p);return f.default.createElement("label",{className:O["combobox-container"],htmlFor:D},f.default.createElement("span",{className:O["sr-only"],id:z},r," ",m),s,f.default.createElement(x.default,{"aria-labelledby":z,ariaLiveMessages:{guidance:e=>void 0===e.isDisabled&&W?Z:".",onChange:()=>"",onFilter:()=>"",onFocus:e=>{var t=e.context,n=e.label;return"menu"===t?n:""}},options:A,inputId:D,onChange:e=>{var n=b.default(t).format("HH:mm"),i=P(m,t);if(v)return null!==i?(n!==m&&e.value===t?X(i):X(e.value),k(!1)):(e.value!==t?X(e.value):y(a(t)),k(!1)),void(c||q(!1));c||q(!1),X(e.value)},components:{IndicatorsContainer:()=>null},className:w.default(O["datetimepicker-select-container"],W&&"datetimepicker-invalid-input"),classNamePrefix:"datetimepicker-select",onInputChange:(e,t)=>{var n=t.action;if("menu-close"===n?F(!0):N&&F(!1),!(d||e&&!function(e){if(e.length<(null==m?void 0:m.length)){var t=S(e);return q(!t),!0}if(/[a-zA-Z§ÄäÖö.-\s]/g.test(e))return!1;var n=S(e.length>5?e.slice(0,-1):e);return q(!n),e.length<=5}(e))&&"input-change"===n){var i=R(e);y(i),k(!0)}},inputValue:!d&&m,value:T,noOptionsMessage:()=>"",filterOption:(e,t)=>{var n;if(c)return!0;var i=5===t.length||4===t.length&&1===t.split(":")[0].length,a=e.label.split(":")[1]%15==0,l=1===(null===(n=t.split(":")[1])||void 0===n?void 0:n.length);if(N&&a)return!0;if(l){var o=1===t.split(":")[0].length?"0".concat(t.split(":")[0]):t.split(":")[0],r=t.split(":")[1],s=e.label.split(":")[0],d=e.label.split(":")[1];if(o===s){var u=10*Number(r),p=Number(d)-u;return p>=0&&p<=9}}return i&&!N?4===t.length?"0".concat(t)===e.label:t===e.label:!!a&&((e,t)=>{var n=t.length<=2?t:t.split(":")[0],i=/^([0-1]?[0-9]|2[0-3])$/.test(n),a=1===n.length?"0".concat(t):t;return!i||e.label.split(":")[0]===a.split(":")[0]})(e,t)},controlShouldRenderValue:d,tabSelectsValue:!1,placeholder:"",onFocus:e=>{d||e.target.select()},onBlur:()=>{if(v){var e=P(m,t);null!==e?(X(e),k(!1)):(y(a(t)),k(!1))}c||q(!1)},onKeyDown:e=>{["ArrowDown","ArrowUp"].includes(e.key)&&k(!1)},isSearchable:!d}))}!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}(".styles_sr-only__BrzYQ:not(:focus, :active) {\n clip: rect(0 0 0 0);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px; }\n\n.styles_dt-datetimepicker__PtoFG {\n border: none;\n padding: 0;\n margin: 0;\n font-size: 15px;\n font-weight: var(--font-weight-medium); }\n .styles_dt-datetimepicker__PtoFG button,\n .styles_dt-datetimepicker__PtoFG label {\n font-size: 1em;\n font-weight: inherit; }\n .styles_dt-datetimepicker__PtoFG label button {\n cursor: pointer;\n font-family: 'Gotham Rounded A', 'Gotham Rounded B', Roboto, Arial, Georgia, serif; }\n .styles_dt-datetimepicker__PtoFG .styles_hidden__6ySER {\n display: none; }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-open-container__1dVr5 {\n background-color: #f4f4f5;\n border-radius: 5px;\n padding: 15px; }\n .styles_dt-datetimepicker__PtoFG .styles_top-row-container__cXGjL {\n display: flex;\n flex-wrap: wrap; }\n .styles_dt-datetimepicker__PtoFG .styles_top-row-container__cXGjL.styles_closed__Fqe1r {\n margin: 11px 0 6px 18px; }\n @media screen and (max-width: 319px) {\n .styles_dt-datetimepicker__PtoFG .styles_top-row-container__cXGjL {\n margin-left: 14px; } }\n .styles_dt-datetimepicker__PtoFG .styles_top-row-container__cXGjL .styles_time-icon__ntgLZ svg {\n width: 18px;\n height: 19px; }\n .styles_dt-datetimepicker__PtoFG .styles_top-row-container__cXGjL .styles_dropdown-icon__diYYB {\n margin-left: 9px;\n position: relative;\n top: 1px; }\n .styles_dt-datetimepicker__PtoFG .styles_top-row-container__cXGjL .styles_dropdown-icon__diYYB svg {\n width: 14px;\n height: 10px; }\n .styles_dt-datetimepicker__PtoFG .styles_top-row-container__cXGjL .styles_close-icon__-MzK5 svg {\n width: 12px;\n height: 12px;\n border-radius: 1px; }\n .styles_dt-datetimepicker__PtoFG .styles_top-row-container__cXGjL .styles_close-icon__-MzK5 svg path {\n stroke-width: 30; }\n .styles_dt-datetimepicker__PtoFG .styles_top-row-container__cXGjL label {\n cursor: pointer; }\n .styles_dt-datetimepicker__PtoFG .styles_top-row-container__cXGjL label.styles_label-open__Gmvov {\n align-items: flex-start;\n display: flex; }\n .styles_dt-datetimepicker__PtoFG .styles_top-row-container__cXGjL button,\n .styles_dt-datetimepicker__PtoFG .styles_top-row-container__cXGjL label {\n font-size: 1em;\n letter-spacing: -0.5px;\n line-height: 1; }\n .styles_dt-datetimepicker__PtoFG .styles_textbutton__T7wS2 {\n margin-left: 9px;\n margin-top: 1px;\n background: none;\n border: none;\n color: #666;\n padding: 0; }\n @media screen and (min-width: 768px) {\n .styles_dt-datetimepicker__PtoFG .styles_textbutton__T7wS2 {\n margin-left: 14px; } }\n .styles_dt-datetimepicker__PtoFG .styles_textbutton__T7wS2.styles_active__4L82E {\n color: var(--color); }\n .styles_dt-datetimepicker__PtoFG .styles_combobox-left__Sp4kh {\n position: relative;\n margin-right: 4px;\n width: 63%; }\n .styles_dt-datetimepicker__PtoFG .styles_combobox-right__Hg8kN {\n position: relative;\n margin-left: 4px;\n width: 37%; }\n .styles_dt-datetimepicker__PtoFG .styles_departure-or-arrival-container__pJ-Iw {\n height: calc(1rem + 20px);\n background-color: #ddd;\n border-radius: 8px;\n display: flex;\n width: calc(5px + 13em); }\n .styles_dt-datetimepicker__PtoFG .styles_radio-textbutton-label__h-zfy {\n color: #333;\n margin: 2px;\n background: none;\n border-radius: 6px;\n padding: 9px 0;\n width: 50%;\n cursor: pointer;\n height: calc(1rem + 16px);\n text-align: center;\n font-weight: 400;\n font-size: 15px;\n line-height: 18px;\n letter-spacing: -0.03em; }\n .styles_dt-datetimepicker__PtoFG .styles_radio-textbutton-label__h-zfy.styles_active__4L82E {\n font-weight: 500;\n background: white; }\n .styles_dt-datetimepicker__PtoFG .styles_radio-textbutton-label__h-zfy:focus-within {\n /* First apply outline that is used in Edge and Firefox */\n outline: 1px dotted #212121;\n /* Then override outline for webkit browsers like Chrome, this has no effect on other browsers */\n outline: 5px auto -webkit-focus-ring-color;\n /* stylelint-disable-line declaration-block-no-duplicate-properties */ }\n .styles_dt-datetimepicker__PtoFG .styles_radio-textbutton-label__h-zfy.styles_first-radio__FWNoD {\n margin: 0;\n display: flex;\n align-items: flex-start; }\n .styles_dt-datetimepicker__PtoFG .styles_radio-textbutton__tsKET {\n clip: rect(0 0 0 0);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px; }\n .styles_dt-datetimepicker__PtoFG .styles_departure-now-button__VKMMK {\n font-family: inherit;\n letter-spacing: -0.02em;\n height: calc(1rem + 18px);\n color: var(--color);\n padding: 8px 0;\n width: 6.6875rem;\n background: white;\n border: 1px solid #888;\n border-radius: 30px;\n margin-left: 11px; }\n .styles_dt-datetimepicker__PtoFG .styles_open-button__c2B-6 {\n display: flex;\n margin-bottom: 0;\n margin-top: -1px;\n padding: 2px 0 2px 0; }\n .styles_dt-datetimepicker__PtoFG button.styles_close-button__2mfgI {\n transition: transform 0.2s;\n position: relative;\n top: -8px;\n right: -8px;\n border: 0;\n font-weight: normal;\n background: none;\n color: var(--color);\n padding: 0;\n line-height: normal; }\n .styles_dt-datetimepicker__PtoFG button.styles_close-button__2mfgI:hover {\n transform: scale(1.2); }\n .styles_dt-datetimepicker__PtoFG .styles_right-edge__29UYw {\n margin-left: auto;\n margin-right: 0;\n position: relative;\n top: -2px; }\n .styles_dt-datetimepicker__PtoFG .styles_combobox-container__CLY9U {\n cursor: pointer; }\n .styles_dt-datetimepicker__PtoFG .styles_combobox-icon__-0XPH {\n color: var(--color);\n height: 40px;\n position: absolute;\n z-index: 7;\n pointer-events: none; }\n .styles_dt-datetimepicker__PtoFG .styles_combobox-icon__-0XPH.styles_date-input-icon__KMrj1 {\n display: flex;\n align-items: center;\n padding: 0;\n margin-left: 14px; }\n .styles_dt-datetimepicker__PtoFG .styles_combobox-icon__-0XPH.styles_date-input-icon__KMrj1 svg {\n width: 20px;\n height: 18px; }\n .styles_dt-datetimepicker__PtoFG .styles_combobox-icon__-0XPH.styles_time-input-icon__qkhC7 {\n display: flex;\n align-items: center;\n padding: 0;\n margin-left: 8px; }\n .styles_dt-datetimepicker__PtoFG .styles_combobox-icon__-0XPH.styles_time-input-icon__qkhC7 svg {\n margin-top: 1px;\n width: 22px;\n height: 22px; }\n .styles_dt-datetimepicker__PtoFG .datetimepicker-invalid-input input {\n color: #f00 !important; }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-select-container__EVW1l {\n position: relative;\n height: 40px; }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-select-container__EVW1l .datetimepicker-select__control {\n cursor: inherit;\n height: 40px;\n border: 1px solid #888; }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-select-container__EVW1l .datetimepicker-select__value-container {\n padding: 0; }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-select-container__EVW1l .datetimepicker-select__single-value {\n margin: 0 0 0 47px; }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-select-container__EVW1l .datetimepicker-select__input {\n background: inherit;\n position: relative;\n margin-left: 40px; }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-select-container__EVW1l .datetimepicker-select__input input {\n opacity: 1 !important;\n background: inherit;\n box-shadow: none;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.33;\n letter-spacing: -0.5px;\n color: #333;\n font-family: inherit;\n font-size: 15px;\n font-weight: var(--font-weight-medium); }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-select-container__EVW1l .datetimepicker-select__input input:focus {\n box-shadow: none;\n outline: none;\n border: none; }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-select-container__EVW1l .datetimepicker-select__menu {\n z-index: 19;\n padding: 0;\n background: #fff;\n max-height: 250px;\n border-radius: 5px;\n box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06);\n border: 1px rgba(0, 0, 0, 0.1) solid; }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-select-container__EVW1l .datetimepicker-select__menu .datetimepicker-select__menu-list {\n max-height: 250px;\n padding: 0; }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-select-container__EVW1l .datetimepicker-select__menu .datetimepicker-select__menu-list .datetimepicker-select__option {\n height: 50px;\n border-top: 1px solid #ddd;\n padding: 13px 0 0 12px;\n letter-spacing: -0.6px;\n color: #333; }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-select-container__EVW1l .datetimepicker-select__menu .datetimepicker-select__menu-list .datetimepicker-select__option--is-selected {\n background: inherit; }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-select-container__EVW1l .datetimepicker-select__menu .datetimepicker-select__menu-list .datetimepicker-select__option--is-focused {\n background: #dfe5e8; }\n .styles_dt-datetimepicker__PtoFG .styles_picker-container__V02r4 {\n margin: 14px 0 0 0;\n display: flex; }\n .styles_dt-datetimepicker__PtoFG .styles_combobox-mobile-container__u2DSO {\n flex-grow: 1; }\n\n.styles_mobile-modal-overlay__8vF8L {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.6);\n z-index: 1000; }\n\n.styles_mobile-modal-content__fWRgy {\n font-family: 'Gotham Rounded A', 'Gotham Rounded B', Roboto, Arial, Georgia, serif;\n background: white;\n width: 89%;\n position: absolute;\n left: 5.5%;\n padding: 31px 20px 33px 20px;\n top: 80px;\n border-radius: 5px; }\n .styles_mobile-modal-content__fWRgy .styles_top-row__h8xy1 {\n display: flex;\n justify-content: space-between;\n margin-bottom: 21px; }\n .styles_mobile-modal-content__fWRgy .styles_top-row__h8xy1 .styles_modal-title__EA3YD {\n font-weight: var(--font-weight-medium);\n font-size: 20px;\n line-height: 18px;\n letter-spacing: -0.5px;\n color: #333;\n padding: 6px 0 0 8px; }\n .styles_mobile-modal-content__fWRgy .styles_top-row__h8xy1 .styles_departure-now-button__VKMMK {\n background-color: white;\n font-family: inherit;\n padding: 5px 15px;\n border: 1px solid #888;\n border-radius: 50px;\n font-weight: var(--font-weight-medium);\n font-size: 15px;\n line-height: 18px;\n letter-spacing: -0.02em;\n color: var(--color); }\n .styles_mobile-modal-content__fWRgy .styles_tab-row__orgwh {\n display: flex;\n border: 2px solid #ddd;\n border-radius: 5px;\n margin-bottom: 16px;\n background-color: #ddd; }\n .styles_mobile-modal-content__fWRgy .styles_tab-row__orgwh .styles_radio-tab-label__vIfup {\n padding: 9px 0;\n font-size: 15px;\n line-height: 18px;\n letter-spacing: -0.5px;\n border-radius: 3px;\n font-weight: normal;\n width: 50%;\n text-align: center;\n color: #333; }\n .styles_mobile-modal-content__fWRgy .styles_tab-row__orgwh .styles_radio-tab-label__vIfup.styles_active__4L82E {\n font-weight: var(--font-weight-medium);\n background-color: #fff; }\n .styles_mobile-modal-content__fWRgy .styles_tab-row__orgwh .styles_radio-textbutton__tsKET {\n clip: rect(0 0 0 0);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY {\n display: flex;\n margin-bottom: 25px; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY label:first-child {\n flex-basis: 60%;\n margin-right: 10px; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY label:nth-child(2) {\n flex-basis: 40%; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF {\n border: 1px solid #888;\n border-radius: 5px;\n display: flex;\n align-items: center;\n height: 40px;\n line-height: 1.5;\n font-size: 100%; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF:focus-within {\n background: rgba(0, 122, 201, 0.06);\n border: 2px solid var(--color); }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_combobox-icon__-0XPH {\n height: 18px;\n font-size: 18px;\n padding: 0 0 0 10px;\n border: none;\n position: relative;\n top: 3px; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_combobox-icon__-0XPH.styles_time-input-icon__qkhC7 > svg {\n height: 20px; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .mobile-datetimepicker-invalid-input {\n color: #f00 !important; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_time-input-mobile__6e4A5 {\n font-family: inherit;\n box-shadow: none;\n font-size: 18px;\n letter-spacing: -0.5px;\n line-height: 20px;\n font-weight: var(--font-weight-medium);\n border: none;\n outline: none;\n background: none;\n width: 50px;\n margin-left: 10px;\n color: #333;\n height: 1.5265rem; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_mobile-input-display__VUMd0 {\n position: relative;\n left: 10px;\n border: none;\n background: inherit;\n box-shadow: none;\n font-family: inherit;\n font-weight: var(--font-weight-medium);\n font-stretch: normal;\n font-style: normal;\n font-size: 16px;\n line-height: 1.33;\n letter-spacing: -0.5px;\n color: #333; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_mobile-input-display__VUMd0:focus {\n outline: none;\n box-shadow: none;\n background: none; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_mobile-input-hidden__2KIuK {\n font-size: 16px;\n margin-bottom: 12px;\n height: 0;\n width: 0;\n background: inherit;\n color: transparent;\n outline: none;\n box-shadow: none;\n border: none; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_mobile-input-hidden__2KIuK:focus {\n outline: none;\n box-shadow: none; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_container__ihyhz {\n position: absolute;\n width: calc((100% - 50px) * 0.6);\n height: 25px;\n font-size: 15px; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_container__ihyhz .styles_suggestion__ZczJa {\n list-style: none;\n font-size: 16px;\n font-style: normal;\n font-weight: normal;\n line-height: 49px;\n height: 50px;\n margin: 0;\n padding: 0 0 0 16px;\n color: rgba(0, 0, 0, 0.87);\n background: white; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_container__ihyhz .styles_suggestionHighlighted__fzLiW {\n background: #dfe5e8; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_container__ihyhz .styles_suggestionsContainerOpen__ISHXi {\n position: absolute;\n z-index: 19;\n max-height: 250px;\n overflow-x: hidden;\n overflow-y: scroll;\n border-radius: 5px;\n box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06);\n border: 1px rgba(0, 0, 0, 0.1) solid;\n top: 42px;\n left: -2px;\n width: 100%;\n font-size: 16px;\n line-height: 1;\n color: rgba(0, 0, 0, 0.87); }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_container__ihyhz .styles_suggestionsContainerOpen__ISHXi ul {\n padding: 0;\n margin: 0; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_container__ihyhz .styles_input__PAfbH {\n box-shadow: none;\n border: none;\n background: none;\n font-size: 16px;\n font-weight: var(--font-weight-medium);\n height: 25px;\n display: inline-block;\n font-family: inherit;\n line-height: 1.33;\n padding-left: 46px; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_container__ihyhz .styles_input__PAfbH:focus {\n outline: none;\n border: none;\n background: none; }\n .styles_mobile-modal-content__fWRgy .styles_buttons-row__-3wsn {\n display: flex;\n flex-direction: column;\n font-size: 16px;\n font-weight: var(--font-weight-medium); }\n .styles_mobile-modal-content__fWRgy .styles_buttons-row__-3wsn button {\n background-color: white;\n font-family: inherit;\n font-weight: var(--font-weight-medium);\n font-size: 16px;\n letter-spacing: -0.02em;\n width: 100%;\n border-radius: 50px;\n height: 40px;\n color: var(--color);\n border: 1px solid #888; }\n .styles_mobile-modal-content__fWRgy .styles_buttons-row__-3wsn button.styles_ready-button__dH7Qc {\n color: white;\n background-color: var(--color);\n border: none;\n margin-bottom: 10px; }\n"),"production"!==process.env.NODE_ENV&&(G.propTypes={value:m.default.number.isRequired,onChange:m.default.func.isRequired,getDisplay:m.default.func.isRequired,timeChoices:m.default.arrayOf(m.default.number).isRequired,id:m.default.string.isRequired,label:m.default.node.isRequired,icon:m.default.node.isRequired,disableTyping:m.default.bool,timeZone:m.default.string,datePicker:m.default.bool,translationSettings:m.default.shape({lng:m.default.string.isRequired})}),G.defaultProps={disableTyping:!1,timeZone:"Europe/Helsinki",datePicker:!1,translationSettings:{lng:"fi"}};var W={de:{today:"Heute",tomorrow:"Morgen","accessible-close":"Schließe die Auswahl","accessible-closed":"Auswahl geschlossen","accessible-open":"Öffne die Auswahl","accessible-opened":"Auswahl geöffnet","accessible-title":"Datum und Uhrzeitauswahl",arrival:"Ankunft",date:"Datum",departure:"Abfahrt","departure-now":"Abfahrt jetzt","choose-time":"Zeit wählen",ready:"Fertig",time:"Zeit",cancel:"Abbrechen"},en:{today:"Today",tomorrow:"Tomorrow","accessible-close":"Close the picker","accessible-closed":"Timepicker closed","accessible-open":"Open the picker","accessible-opened":"Timepicker opened","accessible-title":"Date and timepicker","accessible-update-instructions":"Changing time parameters will trigger a new search.",arrival:"Arrival",date:"Date",departure:"Departure","departure-now":"Leaving now",time:"Time","choose-time":"Choose time",ready:"Ready",cancel:"Cancel","invalid-input":"The time you entered is invalid"},fi:{today:"Tänään",tomorrow:"Huomenna","accessible-close":"Sulje valitsin","accessible-closed":"Valitsin suljettu","accessible-open":"Avaa valitsin","accessible-opened":"Valitsin avattu","accessible-title":"Aika- ja päivämäärävalitsin","accessible-update-instructions":"Aikavalintojen muuttaminen laukaisee uuden haun.",arrival:"Perillä",date:"Päivä",departure:"Lähtöaika","departure-now":"Lähtö nyt",time:"Aika","choose-time":"Valitse aika",ready:"Valmis",cancel:"Peruuta","invalid-input":"Syöttämäsi aika on virheellinen"},sv:{today:"I dag",tomorrow:"I morgon","accessible-close":"Stäng väljaren","accessible-closed":"Väljaren stängde","accessible-open":"Öppna väljaren","accessible-opened":"Väljaren öppnade","accessible-title":"Tid- och datumväljaren","accessible-update-instructions":"Om du ändrar tiderna, startas en ny sökning automatiskt.",arrival:"Anländer",date:"Datum",departure:"Avgångstid","departure-now":"Avgår nu",time:"Tid","choose-time":"Välj tid",ready:"Färdig",cancel:"Avbryt","invalid-input":"Tiden du angav är felaktig"}};function q(){var e=navigator.userAgent||navigator.vendor||window.opera;return/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(e)}function X(e,t){if(null==e)return{};var n,i,a=function(e,t){if(null==e)return{};var n,i,a={},l=Object.keys(e);for(i=0;i<l.length;i++)n=l[i],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(i=0;i<l.length;i++)n=l[i],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var A=["ref"];function $(e){var t=e.value,i=e.getDisplay,a=e.onChange,l=e.itemCount,o=e.startTime,r=e.id,s=e.label,d=e.icon,u=e.timeZone;b.default.tz.setDefault(u);var c=C(n.useState(!1),2),p=c[0],_=c[1],m=n.useRef(null),y=Array(l).fill().map(((e,t)=>b.default(o).add(t,"day").valueOf())),g=y.map((e=>t-e)).findIndex((e=>e<6e4));n.useLayoutEffect((()=>{p&&m.current&&(m.current.scrollTop=50*g)}),[t,p]);var h=!(navigator.userAgent.toLowerCase().indexOf("android")>-1),v=`${r}-input`,x=`${r}-label`;return f.default.createElement("label",{className:O["input-container"],htmlFor:v},f.default.createElement("span",null,d),f.default.createElement("span",{className:O["sr-only"],id:x},s),h?f.default.createElement("select",{className:O["mobile-input-display"],onChange:e=>a(Number(e.target.value)),value:t},y.map((e=>f.default.createElement("option",{key:e,value:e},i(e))))):f.default.createElement(E.default,{id:r,suggestions:y,getSuggestionValue:e=>e.toString(),renderSuggestion:e=>i(e),onSuggestionsFetchRequested:()=>null,shouldRenderSuggestions:()=>!0,inputProps:{value:i(t),onChange:(e,t)=>{var n=t.newValue;a(Number(n))},onFocus:()=>{_(!0)},onBlur:()=>{_(!1)},"aria-labelledby":x,"aria-autocomplete":"none",readOnly:!0},focusInputOnSuggestionClick:!1,onSuggestionsClearRequested:()=>null,renderSuggestionsContainer:e=>{var t=e.containerProps,n=e.children,i=t.ref,a=X(t,A);return f.default.createElement("div",Object.assign({tabIndex:"-1"},a,{ref:e=>{e&&(m.current=e,i(e))}}),n)},theme:O}))}function T(e){var t=e.value,i=e.getDisplay,a=e.onChange,l=e.id,o=e.label,r=e.icon,s=e.timeZone,d=C(n.useState(i(t)),2),u=d[0],c=d[1],p=C(n.useState(!0),2),_=p[0],m=p[1];b.default.tz.setDefault(s);var y=`${l}-input`,g=`${l}-label`,h=n.useRef(null);n.useLayoutEffect((()=>{h.current&&h.current.focus()}),[]);var v=!_;return f.default.createElement("label",{className:O["input-container"],htmlFor:y},f.default.createElement("span",null,r),f.default.createElement("span",{className:O["sr-only"],id:g},o),f.default.createElement("input",{id:y,inputMode:"numeric",type:"text",maxLength:"6",className:w.default(O["time-input-mobile"],v&&"mobile-datetimepicker-invalid-input"),value:u,onFocus:e=>{e.target.setSelectionRange(0,0)},onChange:e=>{var n=e.target.value.replace(".",":"),i=S(n);if(m(i),n.match(/[0-9]{3}:[0-9]{2}/)&&n.slice(1)===u&&(n=n.charAt(0)),!(n.length>5)){var l=R(n);c(l);var o=P(l,t);o&&a(o)}},ref:h}))}function D(e){var t=e.departureOrArrival,i=e.onNowClick,a=e.lang,l=e.color,o=e.timeZone,r=e.onSubmit,s=e.onCancel,d=e.timestamp,u=e.getTimeDisplay,c=e.dateSelectItemCount,p=e.getDateDisplay,_=e.fontWeights;b.default.tz.setDefault(o);var m={lng:a},y=C(n.useState(d),2),x=y[0],w=y[1],E=C(n.useState(t),2),N=E[0],R=E[1];var F=C(n.useState(g.default("datetimepicker-")),1)[0],S=b.default().startOf("day").hour(b.default(x).hour()).minute(b.default(x).minute()).valueOf();return f.default.createElement(k.default,{appElement:document?document.querySelector("#app"):void 0,isOpen:!0,className:O["mobile-modal-content"],overlayClassName:O["mobile-modal-overlay"]},f.default.createElement("div",{style:{"--color":`${l}`,"--font-weight-medium":_.medium}},f.default.createElement("div",{className:O["top-row"]},f.default.createElement("h3",{className:O["modal-title"]},h.default.t("choose-time",m)),f.default.createElement("button",{type:"button",className:O["departure-now-button"],onClick:i},h.default.t("departure-now",m))),f.default.createElement("div",{className:O["tab-row"]},f.default.createElement("label",{htmlFor:`${F}-modal-departure`,className:`${O["radio-tab-label"]}\n ${O["departure"===N?"active":void 0]}`},h.default.t("departure",m),f.default.createElement("input",{id:`${F}-modal-departure`,name:"departureOrArrival",type:"radio",value:"departure",className:O["radio-textbutton"],onChange:()=>{R("departure")},checked:"departure"===N})),f.default.createElement("label",{htmlFor:`${F}-modal-arrival`,className:`${O["radio-tab-label"]}\n ${O["arrival"===N?"active":void 0]}`},h.default.t("arrival",m),f.default.createElement("input",{id:`${F}-modal-arrival`,name:"departureOrArrival",type:"radio",value:"arrival",className:O["radio-textbutton"],onChange:()=>{R("arrival")},checked:"arrival"===N}))),f.default.createElement("div",{className:O["input-row"]},f.default.createElement($,{value:x,getDisplay:p,onChange:w,itemCount:c,startTime:S,id:`${F}-date`,label:h.default.t("date",m),icon:f.default.createElement("span",{className:`${O["combobox-icon"]} ${O["date-input-icon"]}`},f.default.createElement(v.default,{img:"calendar",color:l})),timeZone:o}),f.default.createElement(T,{value:x,getDisplay:u,onChange:w,id:`${F}-time`,label:h.default.t("time",m),icon:f.default.createElement("span",{className:`${O["combobox-icon"]} ${O["time-input-icon"]}`},f.default.createElement(v.default,{img:"time",color:l})),timeZone:o})),f.default.createElement("div",{className:O["buttons-row"]},f.default.createElement("button",{type:"button",className:O["ready-button"],onClick:()=>r(x,N)},h.default.t("ready",m)),f.default.createElement("button",{type:"button",className:O["cancel-button"],onClick:s},h.default.t("cancel",m)))))}function z(e){var t=e.timestamp,i=e.onTimeChange,a=e.onDateChange,l=e.departureOrArrival,o=e.onNowClick,r=e.onDepartureClick,s=e.onArrivalClick,d=e.embedWhenClosed,u=e.embedWhenOpen,c=e.lang,p=e.color,_=e.timeZone,m=e.onModalSubmit,y=e.fontWeights,x=e.serviceTimeRange,w=e.onOpen,k=e.onClose,E=e.openPicker;b.default.tz.setDefault(_);var N=C(n.useState(E||!1),2),R=N[0],F=N[1],S=C(n.useState(t||b.default().valueOf()),2),P=S[0],X=S[1],A=C(n.useState(null),2),$=A[0],T=A[1],z=C(n.useState(g.default("datetimepicker-")),1)[0],Z=C(n.useState(q()&&function(){if("undefined"==typeof window||null===window)return!1;var e=document.createElement("input");return e.type="date","date"===e.type&&(e.type="time","time"===e.type)}()),1)[0],j=n.useRef(),V=n.useRef(),M=n.useRef(),I={lng:c};n.useEffect((()=>{Object.keys(W).forEach((e=>h.default.addResourceBundle(e,"translation",W[c])))}),[]),n.useEffect((()=>{b.default.locale(c)}),[c]);var L=null===t;n.useEffect((()=>{L?X(b.default().valueOf()):($&&(clearInterval($),T(null)),X(t))}),[t]),n.useEffect((()=>{if(L){$&&clearInterval($);var e=setInterval((()=>{var t=b.default().valueOf();b.default(P).isSame(t,"minute")||(clearInterval(e),T(null),X(t))}),5e3);return T(e),()=>clearInterval(e)}}),[P]);var H=n.useRef();n.useEffect((()=>{H.current=R}));for(var Y=e=>{var t,n=b.default(e);return t=`${(t=n.isSame(b.default(),"day")?h.default.t("today",I):n.isSame(b.default().add(1,"day"),"day")?h.default.t("tomorrow",I):n.format("dd D.M.")).charAt(0).toUpperCase()}${t.slice(1)}`},U=e=>b.default(e).format("HH:mm"),K=b.default(P),B=b.default(P).startOf("day").valueOf(),J=[],Q=b.default(B);Q.isSame(B,"day");)J.push(Q.valueOf()),q()?Q.add(15,"minutes"):Q.add(1,"minutes");if(null===t){var ee=3e5,te=Math.ceil(P/ee)*ee,ne=Array(7).fill().map(((e,t)=>te+t*ee)),ie=J.map((e=>P-e)).findIndex((e=>e<=0));J.splice(ie,0,...ne),J=Array.from(new Set(J))}var ae=b.default().startOf("day").hour(K.hour()).minute(K.minute()).valueOf(),le=Array(x).fill().map(((e,t)=>b.default(ae).add(t,"day").valueOf()));function oe(){M.current&&(M.current.innerHTML=h.default.t("accessible-closed",I),setTimeout((()=>{M.current.innerHTML=null}),100))}return f.default.createElement("fieldset",{className:O["dt-datetimepicker"],id:`${z}-root`,style:{"--color":`${p}`,"--font-weight-medium":y.medium}},f.default.createElement("legend",{className:O["sr-only"]},h.default.t("accessible-title",I)),f.default.createElement("span",{className:O["sr-only"]},h.default.t("accessible-update-instructions",I)),f.default.createElement("div",{className:R?`${O.hidden} datetimepicker-top-row`:`${O["top-row-container"]} ${O.closed} datetimepicker-top-row`},f.default.createElement("label",{className:O["label-open"],htmlFor:`${z}-open`},f.default.createElement("span",{className:O["time-icon"]},f.default.createElement(v.default,{img:"time",color:p})),f.default.createElement("span",{className:O["sr-only"]},h.default.t("accessible-open",I)),f.default.createElement("span",{role:"alert",className:O["sr-only"],ref:M}),f.default.createElement("button",{id:`${z}-open`,type:"button",className:`${O.textbutton} ${O.active} ${O["open-button"]}`,"aria-controls":`${z}-root`,"aria-expanded":"false",onClick:()=>{F(!0),M.current&&(M.current.innerHTML=h.default.t("accessible-opened",I),setTimeout((()=>{M.current.innerHTML=null}),100)),w&&w()},ref:j},f.default.createElement("span",null,L&&"departure"===l?h.default.t("departure-now",I):f.default.createElement(f.default.Fragment,null,h.default.t("departure"===l?"departure":"arrival",I),` ${b.default().isSame(b.default(P),"day")?"":Y(P).toLowerCase()} ${U(P)}`)),f.default.createElement("span",{className:O["dropdown-icon"]},f.default.createElement(v.default,{img:"arrow-dropdown",color:p})))),f.default.createElement("span",{className:O["right-edge"]},d)),f.default.createElement("div",null),Z?R&&f.default.createElement(D,{departureOrArrival:l,onNowClick:()=>{F(!1),oe(),o()},lang:c,color:p,onSubmit:(e,t)=>{m(e,t),F(!1),oe()},onCancel:()=>{F(!1),oe(),k&&k()},getTimeDisplay:U,timeZone:_,timestamp:P,getDateDisplay:Y,dateSelectItemCount:x,getDisplay:U,fontWeights:y}):f.default.createElement(f.default.Fragment,null,f.default.createElement("div",{className:`${O["datetimepicker-open-container"]} ${R?"":O.hidden}`},f.default.createElement("div",{className:R?`${O["top-row-container"]} datetimepicker-top-row`:`${O.hidden} datetimepicker-top-row`}," ",f.default.createElement("span",{role:"alert",className:O["sr-only"],ref:M}),f.default.createElement("span",null),f.default.createElement("span",{className:O["departure-or-arrival-container"]},f.default.createElement("label",{htmlFor:`${z}-departure`,className:`${O["radio-textbutton-label"]}\n ${O["departure"===l?"active":void 0]}`},h.default.t("departure",I),f.default.createElement("input",{id:`${z}-departure`,name:"departureOrArrival",type:"radio",value:"departure",className:O["radio-textbutton"],onChange:()=>{r()},checked:"departure"===l})),f.default.createElement("label",{htmlFor:`${z}-arrival`,className:`${O["radio-textbutton-label"]}\n ${O["arrival"===l?"active":void 0]}`},h.default.t("arrival",I),f.default.createElement("input",{id:`${z}-arrival`,name:"departureOrArrival",type:"radio",value:"arrival",className:O["radio-textbutton"],onChange:()=>{s()},checked:"arrival"===l}))),f.default.createElement("button",{id:`${z}-now`,type:"button",className:O["departure-now-button"],onClick:()=>{F(!1),oe(),k&&k(),o()},ref:V},h.default.t("departure-now",I)),f.default.createElement("span",{className:O["right-edge"]},f.default.createElement("button",{type:"button",className:O["close-button"],"aria-controls":`${z}-root`,"aria-expanded":"true",onClick:()=>{F(!1),oe(),k&&k()}},f.default.createElement("span",{className:O["close-icon"]},f.default.createElement(v.default,{img:"close",color:p})),f.default.createElement("span",{className:O["sr-only"]},h.default.t("accessible-close",I))))),f.default.createElement("div",{className:R?`${O["picker-container"]}`:`${O.hidden} datetimepicker-top-row`},f.default.createElement("span",{className:O["combobox-left"]},f.default.createElement(G,{value:P,onChange:e=>{a(e)},getDisplay:Y,timeChoices:le,validate:()=>null,icon:f.default.createElement("span",{className:`${O["combobox-icon"]} ${O["date-input-icon"]}`},f.default.createElement(v.default,{img:"calendar",color:p})),id:`${z}-date`,label:h.default.t("date",I),disableTyping:!0,timeZone:_,datePicker:!0})),f.default.createElement("span",{className:O["combobox-right"]},f.default.createElement(G,{value:P,onChange:e=>{i(e)},getDisplay:U,timeChoices:J,icon:f.default.createElement("span",{className:`${O["combobox-icon"]} ${O["time-input-icon"]}`},f.default.createElement(v.default,{img:"time",color:p})),id:`${z}-time`,label:h.default.t("time",I),timeZone:_,translationSettings:I})))),f.default.createElement("span",{className:R?"":O.hidden},u),f.default.createElement("div",{className:R?"datetimepicker-bottom-row-open":""})))}function Z(e){var t=e.realtime,i=e.initialArriveBy,a=e.initialTimestamp,l=e.onDepartureClick,o=e.onArrivalClick,r=e.onTimeChange,s=e.onDateChange,d=e.onNowClick,u=e.embedWhenClosed,c=e.embedWhenOpen,p=e.lang,_=e.color,m=e.timeZone,g=e.fontWeights,h=e.serviceTimeRange,v=e.onOpen,x=e.onClose,w=e.openPicker;b.default.locale(p),b.default.tz.setDefault(m);var k=t?null:b.default().valueOf(),E=C(n.useState(a?1e3*a:k),2),N=E[0],R=E[1],F=C(n.useState(!0===i?"arrival":"departure"),2),S=F[0],P=F[1];n.useEffect((()=>{var e=null===N&&void 0===a,t=null===N||void 0===a,n=Math.round(N/1e3)===a;!e&&(t||!n)&&R(void 0===a?null:1e3*a),!i==("arrival"===S)&&P(!0===i?"arrival":"departure")}),[a,i]);var O=y.default((e=>{if(null===e)return R(b.default().valueOf()),void r(Math.round(b.default().valueOf()/1e3),"arrival"===S);R(e),r(Math.round(e/1e3),"arrival"===S)}),10),G=y.default((e=>{if(null===e)return R(b.default().valueOf()),void s(Math.round(b.default().valueOf()/1e3),"arrival"===S);R(e),s(Math.round(e/1e3),"arrival"===S)}),10);return f.default.createElement(z,{timestamp:N,onTimeChange:O,onDateChange:G,departureOrArrival:S,onNowClick:()=>{P("departure");var e=t?null:b.default().valueOf();R(e),d(Math.round(e/1e3))},onDepartureClick:()=>{var e=!1,t=N;if(null===N){var n=b.default().valueOf();R(n),t=n,e=!0}"departure"!==S&&(P("departure"),e=!0),e&&l(Math.round(t/1e3))},onArrivalClick:()=>{var e=!1,t=N;if(null===N){var n=b.default().valueOf();R(n),t=n,e=!0}"arrival"!==S&&(P("arrival"),e=!0),e&&o(Math.round(t/1e3))},embedWhenClosed:u,embedWhenOpen:c,lang:p,color:_,timeZone:m,onModalSubmit:(e,t)=>{R(e),P(t),r(Math.round(e/1e3),"arrival"===t,!0)},fontWeights:g,serviceTimeRange:h,onOpen:v,onClose:x,openPicker:w})}"production"!==process.env.NODE_ENV&&($.propTypes={value:m.default.number.isRequired,getDisplay:m.default.func.isRequired,onChange:m.default.func.isRequired,itemCount:m.default.number.isRequired,startTime:m.default.number.isRequired,id:m.default.string.isRequired,label:m.default.string.isRequired,icon:m.default.node,dateTimeCombined:m.default.bool,timeZone:m.default.string}),$.defaultProps={icon:null,dateTimeCombined:!1,timeZone:"Europe/Helsinki"},"production"!==process.env.NODE_ENV&&(T.propTypes={value:m.default.number.isRequired,getDisplay:m.default.func.isRequired,onChange:m.default.func.isRequired,id:m.default.string.isRequired,label:m.default.string.isRequired,icon:m.default.node,timeZone:m.default.string}),T.defaultProps={icon:null,timeZone:"Europe/Helsinki"},b.default.locale("en"),h.default.init({lng:"en",resources:{}}),Object.keys(W).forEach((e=>h.default.addResourceBundle(e,"translation",W[e]))),"production"!==process.env.NODE_ENV&&(D.propTypes={timeZone:m.default.string,departureOrArrival:m.default.oneOf(["departure","arrival"]).isRequired,onNowClick:m.default.func.isRequired,lang:m.default.string.isRequired,color:m.default.string,onSubmit:m.default.func.isRequired,onCancel:m.default.func.isRequired,timestamp:m.default.number.isRequired,getTimeDisplay:m.default.func.isRequired,dateSelectItemCount:m.default.number.isRequired,getDateDisplay:m.default.func.isRequired,fontWeights:m.default.shape({medium:m.default.number.isRequired}).isRequired}),D.defaultProps={color:"#007ac9",timeZone:"Europe/Helsinki"},b.default.locale("en"),h.default.init({lng:"fi",fallbackLng:"fi",defaultNS:"translation",interpolation:{escapeValue:!1}}),"production"!==process.env.NODE_ENV&&(z.propTypes={timestamp:m.default.number,timeZone:m.default.string,onTimeChange:m.default.func.isRequired,onDateChange:m.default.func.isRequired,departureOrArrival:m.default.oneOf(["departure","arrival"]).isRequired,onNowClick:m.default.func.isRequired,onDepartureClick:m.default.func.isRequired,onArrivalClick:m.default.func.isRequired,embedWhenClosed:m.default.node,embedWhenOpen:m.default.node,lang:m.default.string.isRequired,color:m.default.string,onModalSubmit:m.default.func.isRequired,fontWeights:m.default.shape({medium:m.default.number.isRequired}).isRequired,serviceTimeRange:m.default.number.isRequired,onOpen:m.default.func,onClose:m.default.func,openPicker:m.default.bool}),z.defaultProps={timestamp:null,embedWhenClosed:null,embedWhenOpen:null,color:"#007ac9",timeZone:"Europe/Helsinki",onOpen:null,onClose:null,openPicker:void 0},"production"!==process.env.NODE_ENV&&(Z.propTypes={realtime:m.default.bool,initialTimestamp:m.default.number,initialArriveBy:m.default.bool,onDepartureClick:m.default.func.isRequired,onArrivalClick:m.default.func.isRequired,onTimeChange:m.default.func.isRequired,onDateChange:m.default.func.isRequired,onNowClick:m.default.func.isRequired,embedWhenClosed:m.default.node,embedWhenOpen:m.default.node,lang:m.default.string,color:m.default.string,timeZone:m.default.string,fontWeights:m.default.shape({medium:m.default.number}),serviceTimeRange:m.default.number,onOpen:m.default.func,onClose:m.default.func,openPicker:m.default.bool}),Z.defaultProps={realtime:!1,initialArriveBy:void 0,initialTimestamp:void 0,embedWhenClosed:null,embedWhenOpen:null,lang:"en",color:"#007ac9",timeZone:"Europe/Helsinki",fontWeights:{medium:500},onOpen:null,onClose:null,openPicker:void 0,serviceTimeRange:30},e.default=Z,Object.defineProperty(e,"__esModule",{value:!0})}));
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("prop-types"),require("react"),require("moment-timezone"),require("lodash/debounce"),require("moment/locale/fi"),require("moment/locale/sv"),require("moment/locale/de"),require("lodash/uniqueId"),require("i18next"),require("@digitransit-component/digitransit-component-icon"),require("react-select"),require("classnames"),require("react-modal"),require("react-autosuggest")):"function"==typeof define&&define.amd?define(["exports","prop-types","react","moment-timezone","lodash/debounce","moment/locale/fi","moment/locale/sv","moment/locale/de","lodash/uniqueId","i18next","@digitransit-component/digitransit-component-icon","react-select","classnames","react-modal","react-autosuggest"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["@digitransit-component/digitransit-component-datetimepicker"]={},e.PropTypes,e.React,e.moment,e.debounce,null,null,null,e.uniqueId,e.i18next,e.Icon,e.Select,e.cx,e.ReactModal,e.Autosuggest)}(this,(function(e,t,n,i,a,l,o,r,s,d,u,c,p,_,m){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=f(t),y=f(n),g=f(i),h=f(a),v=f(s),x=f(d),w=f(u),k=f(c),E=f(p),N=f(_),C=f(m);function R(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function F(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var i,a,l,o,r=[],s=!0,d=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(i=l.call(n)).done)&&(r.push(i.value),r.length!==t);s=!0);}catch(e){d=!0,a=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(d)throw a}}return r}}(e,t)||function(e,t){if(e){if("string"==typeof e)return R(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?R(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function S(e){var t=e;return 3===t.length&&t.split("").every((e=>Number.isInteger(Number(e))))&&(t=Number(t.slice(0,2))<=23?`${t.slice(0,2)}:${t[2]}`:`${t[0]}:${t.slice(1)}`),t}var P=(e,t)=>{var n=!Number.isNaN(e)&&e>=0&&e<=23,i=2===t.length?!Number.isNaN(t)&&Number(t)>=0&&Number(t<=59):!Number.isNaN(t)&&Number(t)>=0&&Number(t<=5);return n&&i};function O(e){if(e.split(":").length>2)return!1;if(e.length<=2)return!0;if(3===e.length){var t,n;if(e.includes(":")){var i=F(e.split(":"),2);t=i[0],n=i[1]}else{if(!e.startsWith("0")){var a=e.split("");if(1===Number(a[0])){var l=[a[0].concat(a[1]),a[2]];t=l[0],n=l[1]}else if(2===Number(a[0]))if(Number(a[1]<=3)){var o=[a[0].concat(a[1]),a[2]];t=o[0],n=o[1]}else{var r=[a[0],a[1].concat(a[2])];t=r[0],n=r[1]}else{var s=[a[0],a[1].concat(a[2])];t=s[0],n=s[1]}return P(t,n)}if(t=e.substring(0,e.length-1),n=e.substring(e.length-1||0),Number(n)>5)return!1}return P(t,n)}if(5===e.length||4===e.length){var d=e.split(":"),u=d[0],c=d[1];return!(e.startsWith("0")&&1===c.length&&Number(c)>5)&&P(u,c)}return!0}var G=(e,t)=>{var n=e.trim();if(null!==n.match(/^[0-9]{1,2}(\.|:)[0-9]{2}$/)){var i=n.includes(".")?".":":",a=n.split(i),l=Number(a[0]),o=!Number.isNaN(l)&&l>=0&&l<=23,r=Number(a[1]);return!Number.isNaN(r)&&r>=0&&r<=59&&o?g.default(t).hours(l).minutes(r).valueOf():null}return null};var W={"sr-only":"styles_sr-only__BrzYQ","dt-datetimepicker":"styles_dt-datetimepicker__PtoFG",hidden:"styles_hidden__6ySER","datetimepicker-open-container":"styles_datetimepicker-open-container__1dVr5","top-row-container":"styles_top-row-container__cXGjL",closed:"styles_closed__Fqe1r","time-icon":"styles_time-icon__ntgLZ","dropdown-icon":"styles_dropdown-icon__diYYB","close-icon":"styles_close-icon__-MzK5","label-open":"styles_label-open__Gmvov",textbutton:"styles_textbutton__T7wS2",active:"styles_active__4L82E","combobox-left":"styles_combobox-left__Sp4kh","combobox-right":"styles_combobox-right__Hg8kN","departure-or-arrival-container":"styles_departure-or-arrival-container__pJ-Iw","radio-textbutton-label":"styles_radio-textbutton-label__h-zfy","first-radio":"styles_first-radio__FWNoD","radio-textbutton":"styles_radio-textbutton__tsKET","departure-now-button":"styles_departure-now-button__VKMMK","open-button":"styles_open-button__c2B-6","close-button":"styles_close-button__2mfgI","right-edge":"styles_right-edge__29UYw","combobox-container":"styles_combobox-container__CLY9U","combobox-icon":"styles_combobox-icon__-0XPH","date-input-icon":"styles_date-input-icon__KMrj1","time-input-icon":"styles_time-input-icon__qkhC7","datetimepicker-select-container":"styles_datetimepicker-select-container__EVW1l","picker-container":"styles_picker-container__V02r4","combobox-mobile-container":"styles_combobox-mobile-container__u2DSO","mobile-modal-overlay":"styles_mobile-modal-overlay__8vF8L","mobile-modal-content":"styles_mobile-modal-content__fWRgy","top-row":"styles_top-row__h8xy1","modal-title":"styles_modal-title__EA3YD","tab-row":"styles_tab-row__orgwh","radio-tab-label":"styles_radio-tab-label__vIfup","input-row":"styles_input-row__2XXEY","input-container":"styles_input-container__USZlF","time-input-mobile":"styles_time-input-mobile__6e4A5","mobile-input-display":"styles_mobile-input-display__VUMd0","mobile-input-hidden":"styles_mobile-input-hidden__2KIuK",container:"styles_container__ihyhz",suggestion:"styles_suggestion__ZczJa",suggestionHighlighted:"styles_suggestionHighlighted__fzLiW",suggestionsContainerOpen:"styles_suggestionsContainerOpen__ISHXi",input:"styles_input__PAfbH","buttons-row":"styles_buttons-row__-3wsn","ready-button":"styles_ready-button__dH7Qc"};function q(e){var t=e.value,i=e.onChange,a=e.getDisplay,l=e.timeChoices,o=e.id,r=e.label,s=e.icon,d=e.disableTyping,u=e.timeZone,c=e.datePicker,p=e.translationSettings;g.default.tz.setDefault(u);var _=F(n.useState(a(t)),2),m=_[0],f=_[1],b=F(n.useState(!1),2),h=b[0],v=b[1],w=F(n.useState(!0),2),N=w[0],C=w[1],R=F(n.useState(!1),2),P=R[0],q=R[1];n.useEffect((()=>{f(a(t)),c||q(!1)}),[t]);var X=e=>{var t=Number(e);!Number.isNaN(t)&&g.default(t).isValid()&&g.default(t).valueOf()===t&&i(t)};var A=l.map((e=>({value:e.toString(),label:a(e)}))),$=c?A:A.filter((e=>e.label.split(":")[1]%15==0)),T=$.length>0?null==$?void 0:$.reduce(((e,n)=>Math.abs(t-e.value)<Math.abs(t-n.value)?e:n)):void 0,D=`${o}-input`,z=`${o}-label`,Z=x.default.t("invalid-input",p);return y.default.createElement("label",{className:W["combobox-container"],htmlFor:D},y.default.createElement("span",{className:W["sr-only"],id:z},r," ",m),s,y.default.createElement(k.default,{"aria-labelledby":z,ariaLiveMessages:{guidance:e=>void 0===e.isDisabled&&P?Z:".",onChange:()=>"",onFilter:()=>"",onFocus:e=>{var t=e.context,n=e.label;return"menu"===t?n:""}},options:A,inputId:D,onChange:e=>{var n=g.default(t).format("HH:mm"),i=G(m,t);if(h)return null!==i?(n!==m&&e.value===t?X(i):X(e.value),v(!1)):(e.value!==t?X(e.value):f(a(t)),v(!1)),void(c||q(!1));c||q(!1),X(e.value)},components:{IndicatorsContainer:()=>null},className:E.default(W["datetimepicker-select-container"],P&&"datetimepicker-invalid-input"),classNamePrefix:"datetimepicker-select",onInputChange:(e,t)=>{var n=t.action;if("menu-close"===n?C(!0):N&&C(!1),!(d||e&&!function(e){if(e.length<(null==m?void 0:m.length)){var t=O(e);return q(!t),!0}if(/[a-zA-Z§ÄäÖö.-\s]/g.test(e))return!1;var n=O(e.length>5?e.slice(0,-1):e);return q(!n),e.length<=5}(e))&&"input-change"===n){var i=S(e);f(i),v(!0)}},inputValue:!d&&m,value:T,noOptionsMessage:()=>"",filterOption:(e,t)=>{var n;if(c)return!0;var i=5===t.length||4===t.length&&1===t.split(":")[0].length,a=e.label.split(":")[1]%15==0,l=1===(null===(n=t.split(":")[1])||void 0===n?void 0:n.length);if(N&&a)return!0;if(l){var o=1===t.split(":")[0].length?"0".concat(t.split(":")[0]):t.split(":")[0],r=t.split(":")[1],s=e.label.split(":")[0],d=e.label.split(":")[1];if(o===s){var u=10*Number(r),p=Number(d)-u;return p>=0&&p<=9}}return i&&!N?4===t.length?"0".concat(t)===e.label:t===e.label:!!a&&((e,t)=>{var n=t.length<=2?t:t.split(":")[0],i=/^([0-1]?[0-9]|2[0-3])$/.test(n),a=1===n.length?"0".concat(t):t;return!i||e.label.split(":")[0]===a.split(":")[0]})(e,t)},controlShouldRenderValue:d,tabSelectsValue:!1,placeholder:"",onFocus:e=>{d||e.target.select()},onBlur:()=>{if(h){var e=G(m,t);null!==e?(X(e),v(!1)):(f(a(t)),v(!1))}c||q(!1)},onKeyDown:e=>{["ArrowDown","ArrowUp"].includes(e.key)&&v(!1)},isSearchable:!d}))}!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}(".styles_sr-only__BrzYQ:not(:focus, :active) {\n clip: rect(0 0 0 0);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px; }\n\n.styles_dt-datetimepicker__PtoFG {\n border: none;\n padding: 0;\n margin: 0;\n font-size: 15px;\n font-weight: var(--font-weight-medium); }\n .styles_dt-datetimepicker__PtoFG button,\n .styles_dt-datetimepicker__PtoFG label {\n font-size: 1em;\n font-weight: inherit; }\n .styles_dt-datetimepicker__PtoFG label button {\n cursor: pointer;\n font-family: 'Gotham Rounded A', 'Gotham Rounded B', Roboto, Arial, Georgia, serif; }\n .styles_dt-datetimepicker__PtoFG .styles_hidden__6ySER {\n display: none; }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-open-container__1dVr5 {\n background-color: #f4f4f5;\n border-radius: 5px;\n padding: 15px; }\n .styles_dt-datetimepicker__PtoFG .styles_top-row-container__cXGjL {\n display: flex;\n flex-wrap: wrap; }\n .styles_dt-datetimepicker__PtoFG .styles_top-row-container__cXGjL.styles_closed__Fqe1r {\n margin: 11px 0 6px 18px; }\n @media screen and (max-width: 319px) {\n .styles_dt-datetimepicker__PtoFG .styles_top-row-container__cXGjL {\n margin-left: 14px; } }\n .styles_dt-datetimepicker__PtoFG .styles_top-row-container__cXGjL .styles_time-icon__ntgLZ svg {\n width: 18px;\n height: 19px; }\n .styles_dt-datetimepicker__PtoFG .styles_top-row-container__cXGjL .styles_dropdown-icon__diYYB {\n margin-left: 9px;\n position: relative;\n top: 1px; }\n .styles_dt-datetimepicker__PtoFG .styles_top-row-container__cXGjL .styles_dropdown-icon__diYYB svg {\n width: 14px;\n height: 10px; }\n .styles_dt-datetimepicker__PtoFG .styles_top-row-container__cXGjL .styles_close-icon__-MzK5 svg {\n width: 12px;\n height: 12px;\n border-radius: 1px; }\n .styles_dt-datetimepicker__PtoFG .styles_top-row-container__cXGjL .styles_close-icon__-MzK5 svg path {\n stroke-width: 30; }\n .styles_dt-datetimepicker__PtoFG .styles_top-row-container__cXGjL label {\n cursor: pointer; }\n .styles_dt-datetimepicker__PtoFG .styles_top-row-container__cXGjL label.styles_label-open__Gmvov {\n align-items: flex-start;\n display: flex; }\n .styles_dt-datetimepicker__PtoFG .styles_top-row-container__cXGjL button,\n .styles_dt-datetimepicker__PtoFG .styles_top-row-container__cXGjL label {\n font-size: 1em;\n letter-spacing: -0.5px;\n line-height: 1; }\n .styles_dt-datetimepicker__PtoFG .styles_textbutton__T7wS2 {\n margin-left: 9px;\n margin-top: 1px;\n background: none;\n border: none;\n color: #666;\n padding: 0; }\n @media screen and (min-width: 768px) {\n .styles_dt-datetimepicker__PtoFG .styles_textbutton__T7wS2 {\n margin-left: 14px; } }\n .styles_dt-datetimepicker__PtoFG .styles_textbutton__T7wS2.styles_active__4L82E {\n color: var(--color); }\n .styles_dt-datetimepicker__PtoFG .styles_combobox-left__Sp4kh {\n position: relative;\n margin-right: 4px;\n width: 63%; }\n .styles_dt-datetimepicker__PtoFG .styles_combobox-right__Hg8kN {\n position: relative;\n margin-left: 4px;\n width: 37%; }\n .styles_dt-datetimepicker__PtoFG .styles_departure-or-arrival-container__pJ-Iw {\n height: calc(1rem + 20px);\n background-color: #ddd;\n border-radius: 8px;\n display: flex;\n width: calc(5px + 13em); }\n .styles_dt-datetimepicker__PtoFG .styles_radio-textbutton-label__h-zfy {\n color: #333;\n margin: 2px;\n background: none;\n border-radius: 6px;\n padding: 9px 0;\n width: 50%;\n cursor: pointer;\n height: calc(1rem + 16px);\n text-align: center;\n font-weight: 400;\n font-size: 15px;\n line-height: 18px;\n letter-spacing: -0.03em; }\n .styles_dt-datetimepicker__PtoFG .styles_radio-textbutton-label__h-zfy.styles_active__4L82E {\n font-weight: 500;\n background: white; }\n .styles_dt-datetimepicker__PtoFG .styles_radio-textbutton-label__h-zfy:focus-within {\n /* First apply outline that is used in Edge and Firefox */\n outline: 1px dotted #212121;\n /* Then override outline for webkit browsers like Chrome, this has no effect on other browsers */\n outline: 5px auto -webkit-focus-ring-color;\n /* stylelint-disable-line declaration-block-no-duplicate-properties */ }\n .styles_dt-datetimepicker__PtoFG .styles_radio-textbutton-label__h-zfy.styles_first-radio__FWNoD {\n margin: 0;\n display: flex;\n align-items: flex-start; }\n .styles_dt-datetimepicker__PtoFG .styles_radio-textbutton__tsKET {\n clip: rect(0 0 0 0);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px; }\n .styles_dt-datetimepicker__PtoFG .styles_departure-now-button__VKMMK {\n font-family: inherit;\n letter-spacing: -0.02em;\n height: calc(1rem + 18px);\n color: var(--color);\n padding: 8px 0;\n width: 6.6875rem;\n background: white;\n border: 1px solid #888;\n border-radius: 30px;\n margin-left: 11px; }\n .styles_dt-datetimepicker__PtoFG .styles_open-button__c2B-6 {\n display: flex;\n margin-bottom: 0;\n margin-top: -1px;\n padding: 2px 0 2px 0; }\n .styles_dt-datetimepicker__PtoFG button.styles_close-button__2mfgI {\n transition: transform 0.2s;\n position: relative;\n top: -8px;\n right: -8px;\n border: 0;\n font-weight: normal;\n background: none;\n color: var(--color);\n padding: 0;\n line-height: normal; }\n .styles_dt-datetimepicker__PtoFG button.styles_close-button__2mfgI:hover {\n transform: scale(1.2); }\n .styles_dt-datetimepicker__PtoFG .styles_right-edge__29UYw {\n margin-left: auto;\n margin-right: 0;\n position: relative;\n top: -2px; }\n .styles_dt-datetimepicker__PtoFG .styles_combobox-container__CLY9U {\n cursor: pointer; }\n .styles_dt-datetimepicker__PtoFG .styles_combobox-icon__-0XPH {\n color: var(--color);\n height: 40px;\n position: absolute;\n z-index: 7;\n pointer-events: none; }\n .styles_dt-datetimepicker__PtoFG .styles_combobox-icon__-0XPH.styles_date-input-icon__KMrj1 {\n display: flex;\n align-items: center;\n padding: 0;\n margin-left: 14px; }\n .styles_dt-datetimepicker__PtoFG .styles_combobox-icon__-0XPH.styles_date-input-icon__KMrj1 svg {\n width: 20px;\n height: 18px; }\n .styles_dt-datetimepicker__PtoFG .styles_combobox-icon__-0XPH.styles_time-input-icon__qkhC7 {\n display: flex;\n align-items: center;\n padding: 0;\n margin-left: 8px; }\n .styles_dt-datetimepicker__PtoFG .styles_combobox-icon__-0XPH.styles_time-input-icon__qkhC7 svg {\n margin-top: 1px;\n width: 22px;\n height: 22px; }\n .styles_dt-datetimepicker__PtoFG .datetimepicker-invalid-input input {\n color: #f00 !important; }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-select-container__EVW1l {\n position: relative;\n height: 40px; }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-select-container__EVW1l .datetimepicker-select__control {\n cursor: inherit;\n height: 40px;\n border: 1px solid #888; }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-select-container__EVW1l .datetimepicker-select__value-container {\n padding: 0; }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-select-container__EVW1l .datetimepicker-select__single-value {\n margin: 0 0 0 47px; }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-select-container__EVW1l .datetimepicker-select__input {\n background: inherit;\n position: relative;\n margin-left: 40px; }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-select-container__EVW1l .datetimepicker-select__input input {\n opacity: 1 !important;\n background: inherit;\n box-shadow: none;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.33;\n letter-spacing: -0.5px;\n color: #333;\n font-family: inherit;\n font-size: 15px;\n font-weight: var(--font-weight-medium); }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-select-container__EVW1l .datetimepicker-select__input input:focus {\n box-shadow: none;\n outline: none;\n border: none; }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-select-container__EVW1l .datetimepicker-select__menu {\n z-index: 19;\n padding: 0;\n background: #fff;\n max-height: 250px;\n border-radius: 5px;\n box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06);\n border: 1px rgba(0, 0, 0, 0.1) solid; }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-select-container__EVW1l .datetimepicker-select__menu .datetimepicker-select__menu-list {\n max-height: 250px;\n padding: 0; }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-select-container__EVW1l .datetimepicker-select__menu .datetimepicker-select__menu-list .datetimepicker-select__option {\n height: 50px;\n border-top: 1px solid #ddd;\n padding: 13px 0 0 12px;\n letter-spacing: -0.6px;\n color: #333; }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-select-container__EVW1l .datetimepicker-select__menu .datetimepicker-select__menu-list .datetimepicker-select__option--is-selected {\n background: inherit; }\n .styles_dt-datetimepicker__PtoFG .styles_datetimepicker-select-container__EVW1l .datetimepicker-select__menu .datetimepicker-select__menu-list .datetimepicker-select__option--is-focused {\n background: #dfe5e8; }\n .styles_dt-datetimepicker__PtoFG .styles_picker-container__V02r4 {\n margin: 14px 0 0 0;\n display: flex; }\n .styles_dt-datetimepicker__PtoFG .styles_combobox-mobile-container__u2DSO {\n flex-grow: 1; }\n\n.styles_mobile-modal-overlay__8vF8L {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.6);\n z-index: 1000; }\n\n.styles_mobile-modal-content__fWRgy {\n font-family: 'Gotham Rounded A', 'Gotham Rounded B', Roboto, Arial, Georgia, serif;\n background: white;\n width: 89%;\n position: absolute;\n left: 5.5%;\n padding: 31px 20px 33px 20px;\n top: 80px;\n border-radius: 5px; }\n .styles_mobile-modal-content__fWRgy .styles_top-row__h8xy1 {\n display: flex;\n justify-content: space-between;\n margin-bottom: 21px; }\n .styles_mobile-modal-content__fWRgy .styles_top-row__h8xy1 .styles_modal-title__EA3YD {\n font-weight: var(--font-weight-medium);\n font-size: 20px;\n line-height: 18px;\n letter-spacing: -0.5px;\n color: #333;\n padding: 6px 0 0 8px; }\n .styles_mobile-modal-content__fWRgy .styles_top-row__h8xy1 .styles_departure-now-button__VKMMK {\n background-color: white;\n font-family: inherit;\n padding: 5px 15px;\n border: 1px solid #888;\n border-radius: 50px;\n font-weight: var(--font-weight-medium);\n font-size: 15px;\n line-height: 18px;\n letter-spacing: -0.02em;\n color: var(--color); }\n .styles_mobile-modal-content__fWRgy .styles_tab-row__orgwh {\n display: flex;\n border: 2px solid #ddd;\n border-radius: 5px;\n margin-bottom: 16px;\n background-color: #ddd; }\n .styles_mobile-modal-content__fWRgy .styles_tab-row__orgwh .styles_radio-tab-label__vIfup {\n padding: 9px 0;\n font-size: 15px;\n line-height: 18px;\n letter-spacing: -0.5px;\n border-radius: 3px;\n font-weight: normal;\n width: 50%;\n text-align: center;\n color: #333; }\n .styles_mobile-modal-content__fWRgy .styles_tab-row__orgwh .styles_radio-tab-label__vIfup.styles_active__4L82E {\n font-weight: var(--font-weight-medium);\n background-color: #fff; }\n .styles_mobile-modal-content__fWRgy .styles_tab-row__orgwh .styles_radio-textbutton__tsKET {\n clip: rect(0 0 0 0);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY {\n display: flex;\n margin-bottom: 25px; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY label:first-child {\n flex-basis: 60%;\n margin-right: 10px; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY label:nth-child(2) {\n flex-basis: 40%; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF {\n border: 1px solid #888;\n border-radius: 5px;\n display: flex;\n align-items: center;\n height: 40px;\n line-height: 1.5;\n font-size: 100%; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF:focus-within {\n background: rgba(0, 122, 201, 0.06);\n border: 2px solid var(--color); }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_combobox-icon__-0XPH {\n height: 18px;\n font-size: 18px;\n padding: 0 0 0 10px;\n border: none;\n position: relative;\n top: 3px; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_combobox-icon__-0XPH.styles_time-input-icon__qkhC7 > svg {\n height: 20px; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .mobile-datetimepicker-invalid-input {\n color: #f00 !important; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_time-input-mobile__6e4A5 {\n font-family: inherit;\n box-shadow: none;\n font-size: 18px;\n letter-spacing: -0.5px;\n line-height: 20px;\n font-weight: var(--font-weight-medium);\n border: none;\n outline: none;\n background: none;\n width: 50px;\n margin-left: 10px;\n color: #333;\n height: 1.5265rem; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_mobile-input-display__VUMd0 {\n position: relative;\n left: 10px;\n border: none;\n background: inherit;\n box-shadow: none;\n font-family: inherit;\n font-weight: var(--font-weight-medium);\n font-stretch: normal;\n font-style: normal;\n font-size: 16px;\n line-height: 1.33;\n letter-spacing: -0.5px;\n color: #333; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_mobile-input-display__VUMd0:focus {\n outline: none;\n box-shadow: none;\n background: none; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_mobile-input-hidden__2KIuK {\n font-size: 16px;\n margin-bottom: 12px;\n height: 0;\n width: 0;\n background: inherit;\n color: transparent;\n outline: none;\n box-shadow: none;\n border: none; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_mobile-input-hidden__2KIuK:focus {\n outline: none;\n box-shadow: none; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_container__ihyhz {\n position: absolute;\n width: calc((100% - 50px) * 0.6);\n height: 25px;\n font-size: 15px; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_container__ihyhz .styles_suggestion__ZczJa {\n list-style: none;\n font-size: 16px;\n font-style: normal;\n font-weight: normal;\n line-height: 49px;\n height: 50px;\n margin: 0;\n padding: 0 0 0 16px;\n color: rgba(0, 0, 0, 0.87);\n background: white; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_container__ihyhz .styles_suggestionHighlighted__fzLiW {\n background: #dfe5e8; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_container__ihyhz .styles_suggestionsContainerOpen__ISHXi {\n position: absolute;\n z-index: 19;\n max-height: 250px;\n overflow-x: hidden;\n overflow-y: scroll;\n border-radius: 5px;\n box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06);\n border: 1px rgba(0, 0, 0, 0.1) solid;\n top: 42px;\n left: -2px;\n width: 100%;\n font-size: 16px;\n line-height: 1;\n color: rgba(0, 0, 0, 0.87); }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_container__ihyhz .styles_suggestionsContainerOpen__ISHXi ul {\n padding: 0;\n margin: 0; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_container__ihyhz .styles_input__PAfbH {\n box-shadow: none;\n border: none;\n background: none;\n font-size: 16px;\n font-weight: var(--font-weight-medium);\n height: 25px;\n display: inline-block;\n font-family: inherit;\n line-height: 1.33;\n padding-left: 46px; }\n .styles_mobile-modal-content__fWRgy .styles_input-row__2XXEY .styles_input-container__USZlF .styles_container__ihyhz .styles_input__PAfbH:focus {\n outline: none;\n border: none;\n background: none; }\n .styles_mobile-modal-content__fWRgy .styles_buttons-row__-3wsn {\n display: flex;\n flex-direction: column;\n font-size: 16px;\n font-weight: var(--font-weight-medium); }\n .styles_mobile-modal-content__fWRgy .styles_buttons-row__-3wsn button {\n background-color: white;\n font-family: inherit;\n font-weight: var(--font-weight-medium);\n font-size: 16px;\n letter-spacing: -0.02em;\n width: 100%;\n border-radius: 50px;\n height: 40px;\n color: var(--color);\n border: 1px solid #888; }\n .styles_mobile-modal-content__fWRgy .styles_buttons-row__-3wsn button.styles_ready-button__dH7Qc {\n color: white;\n background-color: var(--color);\n border: none;\n margin-bottom: 10px; }\n"),"production"!==process.env.NODE_ENV&&(q.propTypes={value:b.default.number.isRequired,onChange:b.default.func.isRequired,getDisplay:b.default.func.isRequired,timeChoices:b.default.arrayOf(b.default.number).isRequired,id:b.default.string.isRequired,label:b.default.node.isRequired,icon:b.default.node.isRequired,disableTyping:b.default.bool,timeZone:b.default.string,datePicker:b.default.bool,translationSettings:b.default.shape({lng:b.default.string.isRequired})}),q.defaultProps={disableTyping:!1,timeZone:"Europe/Helsinki",datePicker:!1,translationSettings:{lng:"fi"}};var X={de:{today:"Heute",tomorrow:"Morgen","accessible-close":"Schließe die Auswahl","accessible-closed":"Auswahl geschlossen","accessible-open":"Öffne die Auswahl","accessible-opened":"Auswahl geöffnet","accessible-title":"Datum und Uhrzeitauswahl",arrival:"Ankunft",date:"Datum",departure:"Abfahrt","departure-now":"Abfahrt jetzt","choose-time":"Zeit wählen",ready:"Fertig",time:"Zeit",cancel:"Abbrechen"},en:{today:"Today",tomorrow:"Tomorrow","accessible-close":"Close the picker","accessible-closed":"Timepicker closed","accessible-open":"Open the picker","accessible-opened":"Timepicker opened","accessible-title":"Date and timepicker","accessible-update-instructions":"Changing time parameters will trigger a new search.",arrival:"Arrival",date:"Date",departure:"Departure","departure-now":"Leaving now",time:"Time","choose-time":"Choose time",ready:"Ready",cancel:"Cancel","invalid-input":"The time you entered is invalid"},fi:{today:"Tänään",tomorrow:"Huomenna","accessible-close":"Sulje valitsin","accessible-closed":"Valitsin suljettu","accessible-open":"Avaa valitsin","accessible-opened":"Valitsin avattu","accessible-title":"Aika- ja päivämäärävalitsin","accessible-update-instructions":"Aikavalintojen muuttaminen laukaisee uuden haun.",arrival:"Perillä",date:"Päivä",departure:"Lähtöaika","departure-now":"Lähtö nyt",time:"Aika","choose-time":"Valitse aika",ready:"Valmis",cancel:"Peruuta","invalid-input":"Syöttämäsi aika on virheellinen"},sv:{today:"I dag",tomorrow:"I morgon","accessible-close":"Stäng väljaren","accessible-closed":"Väljaren stängde","accessible-open":"Öppna väljaren","accessible-opened":"Väljaren öppnade","accessible-title":"Tid- och datumväljaren","accessible-update-instructions":"Om du ändrar tiderna, startas en ny sökning automatiskt.",arrival:"Anländer",date:"Datum",departure:"Avgångstid","departure-now":"Avgår nu",time:"Tid","choose-time":"Välj tid",ready:"Färdig",cancel:"Avbryt","invalid-input":"Tiden du angav är felaktig"}};function A(){var e=navigator.userAgent||navigator.vendor||window.opera;return/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(e)}function $(e,t){if(null==e)return{};var n,i,a=function(e,t){if(null==e)return{};var n,i,a={},l=Object.keys(e);for(i=0;i<l.length;i++)n=l[i],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(i=0;i<l.length;i++)n=l[i],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var T=["ref"];function D(e){var t=e.value,i=e.getDisplay,a=e.onChange,l=e.itemCount,o=e.startTime,r=e.id,s=e.label,d=e.icon,u=e.timeZone;g.default.tz.setDefault(u);var c=F(n.useState(!1),2),p=c[0],_=c[1],m=n.useRef(null),f=Array(l).fill().map(((e,t)=>g.default(o).add(t,"day").valueOf())),b=f.map((e=>t-e)).findIndex((e=>e<6e4));n.useLayoutEffect((()=>{p&&m.current&&(m.current.scrollTop=50*b)}),[t,p]);var h=!(navigator.userAgent.toLowerCase().indexOf("android")>-1),v=`${r}-input`,x=`${r}-label`;return y.default.createElement("label",{className:W["input-container"],htmlFor:v},y.default.createElement("span",null,d),y.default.createElement("span",{className:W["sr-only"],id:x},s),h?y.default.createElement("select",{className:W["mobile-input-display"],onChange:e=>a(Number(e.target.value)),value:t},f.map((e=>y.default.createElement("option",{key:e,value:e},i(e))))):y.default.createElement(C.default,{id:r,suggestions:f,getSuggestionValue:e=>e.toString(),renderSuggestion:e=>i(e),onSuggestionsFetchRequested:()=>null,shouldRenderSuggestions:()=>!0,inputProps:{value:i(t),onChange:(e,t)=>{var n=t.newValue;a(Number(n))},onFocus:()=>{_(!0)},onBlur:()=>{_(!1)},"aria-labelledby":x,"aria-autocomplete":"none",readOnly:!0},focusInputOnSuggestionClick:!1,onSuggestionsClearRequested:()=>null,renderSuggestionsContainer:e=>{var t=e.containerProps,n=e.children,i=t.ref,a=$(t,T);return y.default.createElement("div",Object.assign({tabIndex:"-1"},a,{ref:e=>{e&&(m.current=e,i(e))}}),n)},theme:W}))}function z(e){var t=e.value,i=e.getDisplay,a=e.onChange,l=e.id,o=e.label,r=e.icon,s=e.timeZone,d=F(n.useState(i(t)),2),u=d[0],c=d[1],p=F(n.useState(!0),2),_=p[0],m=p[1];g.default.tz.setDefault(s);var f=`${l}-input`,b=`${l}-label`,h=n.useRef(null);n.useLayoutEffect((()=>{h.current&&h.current.focus()}),[]);var v=!_;return y.default.createElement("label",{className:W["input-container"],htmlFor:f},y.default.createElement("span",null,r),y.default.createElement("span",{className:W["sr-only"],id:b},o),y.default.createElement("input",{id:f,inputMode:"numeric",type:"text",maxLength:"6",className:E.default(W["time-input-mobile"],v&&"mobile-datetimepicker-invalid-input"),value:u,onFocus:e=>{e.target.setSelectionRange(0,0)},onChange:e=>{var n=e.target.value.replace(".",":"),i=O(n);if(m(i),n.match(/[0-9]{3}:[0-9]{2}/)&&n.slice(1)===u&&(n=n.charAt(0)),!(n.length>5)){var l=S(n);c(l);var o=G(l,t);o&&a(o)}},ref:h}))}function Z(e){var t=e.departureOrArrival,i=e.onNowClick,a=e.lang,l=e.color,o=e.timeZone,r=e.onSubmit,s=e.onCancel,d=e.timestamp,u=e.getTimeDisplay,c=e.dateSelectItemCount,p=e.getDateDisplay,_=e.fontWeights;g.default.tz.setDefault(o);var m={lng:a},f=F(n.useState(d),2),b=f[0],h=f[1],k=F(n.useState(t),2),E=k[0],C=k[1];var R=F(n.useState(v.default("datetimepicker-")),1)[0],S=g.default().startOf("day").hour(g.default(b).hour()).minute(g.default(b).minute()).valueOf();return y.default.createElement(N.default,{appElement:document?document.querySelector("#app"):void 0,isOpen:!0,className:W["mobile-modal-content"],overlayClassName:W["mobile-modal-overlay"]},y.default.createElement("div",{style:{"--color":`${l}`,"--font-weight-medium":_.medium}},y.default.createElement("div",{className:W["top-row"]},y.default.createElement("h3",{className:W["modal-title"]},x.default.t("choose-time",m)),y.default.createElement("button",{type:"button",className:W["departure-now-button"],onClick:i},x.default.t("departure-now",m))),y.default.createElement("div",{className:W["tab-row"]},y.default.createElement("label",{htmlFor:`${R}-modal-departure`,className:`${W["radio-tab-label"]}\n ${W["departure"===E?"active":void 0]}`},x.default.t("departure",m),y.default.createElement("input",{id:`${R}-modal-departure`,name:"departureOrArrival",type:"radio",value:"departure",className:W["radio-textbutton"],onChange:()=>{C("departure")},checked:"departure"===E})),y.default.createElement("label",{htmlFor:`${R}-modal-arrival`,className:`${W["radio-tab-label"]}\n ${W["arrival"===E?"active":void 0]}`},x.default.t("arrival",m),y.default.createElement("input",{id:`${R}-modal-arrival`,name:"departureOrArrival",type:"radio",value:"arrival",className:W["radio-textbutton"],onChange:()=>{C("arrival")},checked:"arrival"===E}))),y.default.createElement("div",{className:W["input-row"]},y.default.createElement(D,{value:b,getDisplay:p,onChange:h,itemCount:c,startTime:S,id:`${R}-date`,label:x.default.t("date",m),icon:y.default.createElement("span",{className:`${W["combobox-icon"]} ${W["date-input-icon"]}`},y.default.createElement(w.default,{img:"calendar",color:l})),timeZone:o}),y.default.createElement(z,{value:b,getDisplay:u,onChange:h,id:`${R}-time`,label:x.default.t("time",m),icon:y.default.createElement("span",{className:`${W["combobox-icon"]} ${W["time-input-icon"]}`},y.default.createElement(w.default,{img:"time",color:l})),timeZone:o})),y.default.createElement("div",{className:W["buttons-row"]},y.default.createElement("button",{type:"button",className:W["ready-button"],onClick:()=>r(b,E)},x.default.t("ready",m)),y.default.createElement("button",{type:"button",className:W["cancel-button"],onClick:s},x.default.t("cancel",m)))))}function j(e){var t=e.timestamp,i=e.onTimeChange,a=e.onDateChange,l=e.departureOrArrival,o=e.onNowClick,r=e.onDepartureClick,s=e.onArrivalClick,d=e.embedWhenClosed,u=e.embedWhenOpen,c=e.lang,p=e.color,_=e.timeZone,m=e.onModalSubmit,f=e.fontWeights,b=e.serviceTimeRange,h=e.onOpen,k=e.onClose,E=e.openPicker;g.default.tz.setDefault(_);var N=F(n.useState(E||!1),2),C=N[0],R=N[1],S=F(n.useState(t||g.default().valueOf()),2),P=S[0],O=S[1],G=F(n.useState(null),2),$=G[0],T=G[1],D=F(n.useState(v.default("datetimepicker-")),1)[0],z=F(n.useState(A()&&function(){if("undefined"==typeof window||null===window)return!1;var e=document.createElement("input");return e.type="date","date"===e.type&&(e.type="time","time"===e.type)}()),1)[0],j=n.useRef(),V=n.useRef(),M=n.useRef(),I={lng:c};n.useEffect((()=>{Object.keys(X).forEach((e=>x.default.addResourceBundle(e,"translation",X[c])))}),[]),n.useEffect((()=>{g.default.locale(c)}),[c]);var L=null===t;n.useEffect((()=>{L?O(g.default().valueOf()):($&&(clearInterval($),T(null)),O(t))}),[t]),n.useEffect((()=>{if(L){$&&clearInterval($);var e=setInterval((()=>{var t=g.default().valueOf();g.default(P).isSame(t,"minute")||(clearInterval(e),T(null),O(t))}),5e3);return T(e),()=>clearInterval(e)}}),[P]);var H=n.useRef();n.useEffect((()=>{H.current=C}));for(var Y=e=>{var t,n=g.default(e);return t=`${(t=n.isSame(g.default(),"day")?x.default.t("today",I):n.isSame(g.default().add(1,"day"),"day")?x.default.t("tomorrow",I):n.format("dd D.M.")).charAt(0).toUpperCase()}${t.slice(1)}`},U=e=>g.default(e).format("HH:mm"),K=g.default(P),B=g.default(P).startOf("day").valueOf(),J=[],Q=g.default(B);Q.isSame(B,"day");)J.push(Q.valueOf()),A()?Q.add(15,"minutes"):Q.add(1,"minutes");if(null===t){var ee=3e5,te=Math.ceil(P/ee)*ee,ne=Array(7).fill().map(((e,t)=>te+t*ee)),ie=J.map((e=>P-e)).findIndex((e=>e<=0));J.splice(ie,0,...ne),J=Array.from(new Set(J))}var ae=g.default().startOf("day").hour(K.hour()).minute(K.minute()).valueOf(),le=Array(b).fill().map(((e,t)=>g.default(ae).add(t,"day").valueOf()));function oe(){M.current&&(M.current.innerHTML=x.default.t("accessible-closed",I),setTimeout((()=>{M.current.innerHTML=null}),100))}return y.default.createElement("fieldset",{className:W["dt-datetimepicker"],id:`${D}-root`,style:{"--color":`${p}`,"--font-weight-medium":f.medium}},y.default.createElement("legend",{className:W["sr-only"]},x.default.t("accessible-title",I)),y.default.createElement("span",{className:W["sr-only"]},x.default.t("accessible-update-instructions",I)),y.default.createElement("div",{className:C?`${W.hidden} datetimepicker-top-row`:`${W["top-row-container"]} ${W.closed} datetimepicker-top-row`},y.default.createElement("label",{className:W["label-open"],htmlFor:`${D}-open`},y.default.createElement("span",{className:W["time-icon"]},y.default.createElement(w.default,{img:"time",color:p})),y.default.createElement("span",{className:W["sr-only"]},x.default.t("accessible-open",I)),y.default.createElement("span",{role:"alert",className:W["sr-only"],ref:M}),y.default.createElement("button",{id:`${D}-open`,type:"button",className:`${W.textbutton} ${W.active} ${W["open-button"]}`,"aria-controls":`${D}-root`,"aria-expanded":"false",onClick:()=>{R(!0),M.current&&(M.current.innerHTML=x.default.t("accessible-opened",I),setTimeout((()=>{M.current.innerHTML=null}),100)),h&&h()},ref:j},y.default.createElement("span",null,L&&"departure"===l?x.default.t("departure-now",I):y.default.createElement(y.default.Fragment,null,x.default.t("departure"===l?"departure":"arrival",I),` ${g.default().isSame(g.default(P),"day")?"":Y(P).toLowerCase()} ${U(P)}`)),y.default.createElement("span",{className:W["dropdown-icon"]},y.default.createElement(w.default,{img:"arrow-dropdown",color:p})))),y.default.createElement("span",{className:W["right-edge"]},d)),y.default.createElement("div",null),z?C&&y.default.createElement(Z,{departureOrArrival:l,onNowClick:()=>{R(!1),oe(),o()},lang:c,color:p,onSubmit:(e,t)=>{m(e,t),R(!1),oe()},onCancel:()=>{R(!1),oe(),k&&k()},getTimeDisplay:U,timeZone:_,timestamp:P,getDateDisplay:Y,dateSelectItemCount:b,getDisplay:U,fontWeights:f}):y.default.createElement(y.default.Fragment,null,y.default.createElement("div",{className:`${W["datetimepicker-open-container"]} ${C?"":W.hidden}`},y.default.createElement("div",{className:C?`${W["top-row-container"]} datetimepicker-top-row`:`${W.hidden} datetimepicker-top-row`}," ",y.default.createElement("span",{role:"alert",className:W["sr-only"],ref:M}),y.default.createElement("span",null),y.default.createElement("span",{className:W["departure-or-arrival-container"]},y.default.createElement("label",{htmlFor:`${D}-departure`,className:`${W["radio-textbutton-label"]}\n ${W["departure"===l?"active":void 0]}`},x.default.t("departure",I),y.default.createElement("input",{id:`${D}-departure`,name:"departureOrArrival",type:"radio",value:"departure",className:W["radio-textbutton"],onChange:()=>{r()},checked:"departure"===l})),y.default.createElement("label",{htmlFor:`${D}-arrival`,className:`${W["radio-textbutton-label"]}\n ${W["arrival"===l?"active":void 0]}`},x.default.t("arrival",I),y.default.createElement("input",{id:`${D}-arrival`,name:"departureOrArrival",type:"radio",value:"arrival",className:W["radio-textbutton"],onChange:()=>{s()},checked:"arrival"===l}))),y.default.createElement("button",{id:`${D}-now`,type:"button",className:W["departure-now-button"],onClick:()=>{R(!1),oe(),k&&k(),o()},ref:V},x.default.t("departure-now",I)),y.default.createElement("span",{className:W["right-edge"]},y.default.createElement("button",{type:"button",className:W["close-button"],"aria-controls":`${D}-root`,"aria-expanded":"true",onClick:()=>{R(!1),oe(),k&&k()}},y.default.createElement("span",{className:W["close-icon"]},y.default.createElement(w.default,{img:"close",color:p})),y.default.createElement("span",{className:W["sr-only"]},x.default.t("accessible-close",I))))),y.default.createElement("div",{className:C?`${W["picker-container"]}`:`${W.hidden} datetimepicker-top-row`},y.default.createElement("span",{className:W["combobox-left"]},y.default.createElement(q,{value:P,onChange:e=>{a(e)},getDisplay:Y,timeChoices:le,validate:()=>null,icon:y.default.createElement("span",{className:`${W["combobox-icon"]} ${W["date-input-icon"]}`},y.default.createElement(w.default,{img:"calendar",color:p})),id:`${D}-date`,label:x.default.t("date",I),disableTyping:!0,timeZone:_,datePicker:!0})),y.default.createElement("span",{className:W["combobox-right"]},y.default.createElement(q,{value:P,onChange:e=>{i(e)},getDisplay:U,timeChoices:J,icon:y.default.createElement("span",{className:`${W["combobox-icon"]} ${W["time-input-icon"]}`},y.default.createElement(w.default,{img:"time",color:p})),id:`${D}-time`,label:x.default.t("time",I),timeZone:_,translationSettings:I})))),y.default.createElement("span",{className:C?"":W.hidden},u),y.default.createElement("div",{className:C?"datetimepicker-bottom-row-open":""})))}function V(e){var t=e.realtime,i=e.initialArriveBy,a=e.initialTimestamp,l=e.onDepartureClick,o=e.onArrivalClick,r=e.onTimeChange,s=e.onDateChange,d=e.onNowClick,u=e.embedWhenClosed,c=e.embedWhenOpen,p=e.lang,_=e.color,m=e.timeZone,f=e.fontWeights,b=e.serviceTimeRange,v=e.onOpen,x=e.onClose,w=e.openPicker;g.default.locale(p),g.default.tz.setDefault(m);var k=t?null:g.default().valueOf(),E=F(n.useState(a?1e3*a:k),2),N=E[0],C=E[1],R=F(n.useState(!0===i?"arrival":"departure"),2),S=R[0],P=R[1];n.useEffect((()=>{var e=null===N&&void 0===a,t=null===N||void 0===a,n=Math.round(N/1e3)===a;!e&&(t||!n)&&C(void 0===a?null:1e3*a),!i==("arrival"===S)&&P(!0===i?"arrival":"departure")}),[a,i]);var O=h.default((e=>{if(null===e)return C(g.default().valueOf()),void r(Math.round(g.default().valueOf()/1e3),"arrival"===S);C(e),r(Math.round(e/1e3),"arrival"===S)}),10),G=h.default((e=>{if(null===e)return C(g.default().valueOf()),void s(Math.round(g.default().valueOf()/1e3),"arrival"===S);C(e),s(Math.round(e/1e3),"arrival"===S)}),10);return y.default.createElement(j,{timestamp:N,onTimeChange:O,onDateChange:G,departureOrArrival:S,onNowClick:()=>{P("departure");var e=t?null:g.default().valueOf();C(e),d(Math.round(e/1e3))},onDepartureClick:()=>{var e=!1,t=N;if(null===N){var n=g.default().valueOf();C(n),t=n,e=!0}"departure"!==S&&(P("departure"),e=!0),e&&l(Math.round(t/1e3))},onArrivalClick:()=>{var e=!1,t=N;if(null===N){var n=g.default().valueOf();C(n),t=n,e=!0}"arrival"!==S&&(P("arrival"),e=!0),e&&o(Math.round(t/1e3))},embedWhenClosed:u,embedWhenOpen:c,lang:p,color:_,timeZone:m,onModalSubmit:(e,t)=>{C(e),P(t),r(Math.round(e/1e3),"arrival"===t,!0)},fontWeights:f,serviceTimeRange:b,onOpen:v,onClose:x,openPicker:w})}"production"!==process.env.NODE_ENV&&(D.propTypes={value:b.default.number.isRequired,getDisplay:b.default.func.isRequired,onChange:b.default.func.isRequired,itemCount:b.default.number.isRequired,startTime:b.default.number.isRequired,id:b.default.string.isRequired,label:b.default.string.isRequired,icon:b.default.node,dateTimeCombined:b.default.bool,timeZone:b.default.string}),D.defaultProps={icon:null,dateTimeCombined:!1,timeZone:"Europe/Helsinki"},"production"!==process.env.NODE_ENV&&(z.propTypes={value:b.default.number.isRequired,getDisplay:b.default.func.isRequired,onChange:b.default.func.isRequired,id:b.default.string.isRequired,label:b.default.string.isRequired,icon:b.default.node,timeZone:b.default.string}),z.defaultProps={icon:null,timeZone:"Europe/Helsinki"},g.default.locale("en"),x.default.init({lng:"en",resources:{}}),Object.keys(X).forEach((e=>x.default.addResourceBundle(e,"translation",X[e]))),"production"!==process.env.NODE_ENV&&(Z.propTypes={timeZone:b.default.string,departureOrArrival:b.default.oneOf(["departure","arrival"]).isRequired,onNowClick:b.default.func.isRequired,lang:b.default.string.isRequired,color:b.default.string,onSubmit:b.default.func.isRequired,onCancel:b.default.func.isRequired,timestamp:b.default.number.isRequired,getTimeDisplay:b.default.func.isRequired,dateSelectItemCount:b.default.number.isRequired,getDateDisplay:b.default.func.isRequired,fontWeights:b.default.shape({medium:b.default.number.isRequired}).isRequired}),Z.defaultProps={color:"#007ac9",timeZone:"Europe/Helsinki"},g.default.locale("en"),x.default.init({lng:"fi",fallbackLng:"fi",defaultNS:"translation",interpolation:{escapeValue:!1}}),"production"!==process.env.NODE_ENV&&(j.propTypes={timestamp:b.default.number,timeZone:b.default.string,onTimeChange:b.default.func.isRequired,onDateChange:b.default.func.isRequired,departureOrArrival:b.default.oneOf(["departure","arrival"]).isRequired,onNowClick:b.default.func.isRequired,onDepartureClick:b.default.func.isRequired,onArrivalClick:b.default.func.isRequired,embedWhenClosed:b.default.node,embedWhenOpen:b.default.node,lang:b.default.string.isRequired,color:b.default.string,onModalSubmit:b.default.func.isRequired,fontWeights:b.default.shape({medium:b.default.number.isRequired}).isRequired,serviceTimeRange:b.default.number.isRequired,onOpen:b.default.func,onClose:b.default.func,openPicker:b.default.bool}),j.defaultProps={timestamp:null,embedWhenClosed:null,embedWhenOpen:null,color:"#007ac9",timeZone:"Europe/Helsinki",onOpen:null,onClose:null,openPicker:void 0},"production"!==process.env.NODE_ENV&&(V.propTypes={realtime:b.default.bool,initialTimestamp:b.default.number,initialArriveBy:b.default.bool,onDepartureClick:b.default.func.isRequired,onArrivalClick:b.default.func.isRequired,onTimeChange:b.default.func.isRequired,onDateChange:b.default.func.isRequired,onNowClick:b.default.func.isRequired,embedWhenClosed:b.default.node,embedWhenOpen:b.default.node,lang:b.default.string,color:b.default.string,timeZone:b.default.string,fontWeights:b.default.shape({medium:b.default.number}),serviceTimeRange:b.default.number,onOpen:b.default.func,onClose:b.default.func,openPicker:b.default.bool}),V.defaultProps={realtime:!1,initialArriveBy:void 0,initialTimestamp:void 0,embedWhenClosed:null,embedWhenOpen:null,lang:"en",color:"#007ac9",timeZone:"Europe/Helsinki",fontWeights:{medium:500},onOpen:null,onClose:null,openPicker:void 0,serviceTimeRange:30},e.default=V,Object.defineProperty(e,"__esModule",{value:!0})}));
2
2
  //# sourceMappingURL=index.js.map