@digitransit-component/digitransit-component-datetimepicker 9.0.0 → 9.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/lib/index.cjs +1 -1
  2. package/lib/index.cjs.map +1 -1
  3. package/lib/index.development.cjs +3 -3
  4. package/lib/index.js +2 -2
  5. package/lib/index.js.map +1 -1
  6. package/package.json +3 -3
package/lib/index.cjs CHANGED
@@ -1,2 +1,2 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("prop-types"),require("react"),require("react-i18next"),require("luxon"),require("lodash/debounce"),require("lodash/uniqueId"),require("@digitransit-component/digitransit-component-icon"),require("react-select"),require("classnames"),require("react/jsx-runtime"),require("react-modal"),require("downshift"),require("i18next")):"function"==typeof define&&define.amd?define(["exports","prop-types","react","react-i18next","luxon","lodash/debounce","lodash/uniqueId","@digitransit-component/digitransit-component-icon","react-select","classnames","react/jsx-runtime","react-modal","downshift","i18next"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["@digitransit-component/digitransit-component-datetimepicker"]={},e.PropTypes,e.React,e.reactI18next,e.luxon,e.debounce,e.uniqueId,e.Icon,e.Select,e.cx,e.jsxRuntime,e.ReactModal,e.downshift,e.i18next)}(this,function(e,t,n,i,o,s,l,a,r,d,c,u,p,_){"use strict";function m(e){return e&&e.__esModule?e:{default:e}}var b=m(t),h=m(s),y=m(l),g=m(a),f=m(r),x=m(d),w=m(u);function v(e){let 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}const k=(e,t)=>{const 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 j(e){if(e.split(":").length>2)return!1;if(e.length<=2)return!0;if(3===e.length){let t,n;if(e.includes(":"))[t,n]=e.split(":");else{if(!e.startsWith("0")){const i=e.split("");return 1===Number(i[0])||2===Number(i[0])&&Number(i[1]<=3)?[t,n]=[i[0].concat(i[1]),i[2]]:[t,n]=[i[0],i[1].concat(i[2])],k(t,n)}if(t=e.substring(0,e.length-1),n=e.substring(e.length-1||0),Number(n)>5)return!1}return k(t,n)}if(5===e.length||4===e.length){const t=e.split(":"),n=t[0],i=t[1];return!(e.startsWith("0")&&1===i.length&&Number(i)>5)&&k(n,i)}return!0}const S=(e,t)=>{const n=e.trim();if(null!==n.match(/^[0-9]{1,2}(\.|:)[0-9]{2}$/)){const e=n.includes(".")?".":":",i=n.split(e),s=Number(i[0]),l=!Number.isNaN(s)&&s>=0&&s<=23,a=Number(i[1]);if(!(!Number.isNaN(a)&&a>=0&&a<=59)||!l)return null;return o.DateTime.fromMillis(t).set({hour:s,minute:a,second:0,millisecond:0}).valueOf()}return null};var D={"sr-only":"styles_sr-only__D6MJ6","dt-datetimepicker":"styles_dt-datetimepicker__DSYbh",hidden:"styles_hidden__TjnWH","datetimepicker-open-container":"styles_datetimepicker-open-container__zWBiT","top-row-container":"styles_top-row-container__rGdmj",closed:"styles_closed__QYbCF","time-icon":"styles_time-icon__ES47Y","dropdown-icon":"styles_dropdown-icon__O0GrI","close-icon":"styles_close-icon__B5-I5","label-open":"styles_label-open__dVDlF",textbutton:"styles_textbutton__sVckw",active:"styles_active__9LaDz","combobox-left":"styles_combobox-left__nwwOo","combobox-right":"styles_combobox-right__qlPKD","departure-or-arrival-container":"styles_departure-or-arrival-container__Rj3b9","radio-textbutton-label":"styles_radio-textbutton-label__LeV2o","first-radio":"styles_first-radio__F8N7J","radio-textbutton":"styles_radio-textbutton__Ad81W","departure-now-button":"styles_departure-now-button__8ZlDU","open-button":"styles_open-button__yl4be","close-button":"styles_close-button__mdfIU","right-edge":"styles_right-edge__XbqgK","combobox-container":"styles_combobox-container__sR9aU","combobox-icon":"styles_combobox-icon__wsdX4","date-input-icon":"styles_date-input-icon__SFXGx","time-input-icon":"styles_time-input-icon__J1qei","datetimepicker-select-container":"styles_datetimepicker-select-container__Y8wgE","picker-container":"styles_picker-container__wz2Zj","combobox-mobile-container":"styles_combobox-mobile-container__ZzG8g","mobile-modal-overlay":"styles_mobile-modal-overlay__wq8cS","mobile-modal-content":"styles_mobile-modal-content__Gla3M","top-row":"styles_top-row__hzke9","modal-title":"styles_modal-title__CztKf","tab-row":"styles_tab-row__6WYwM","radio-tab-label":"styles_radio-tab-label__-7Fx-","input-row":"styles_input-row__r-26j","input-container":"styles_input-container__US3eW","time-input-mobile":"styles_time-input-mobile__QGutf","mobile-input-display":"styles_mobile-input-display__Xnjg1","mobile-input-hidden":"styles_mobile-input-hidden__tkKxe",container:"styles_container__YXGq1",suggestion:"styles_suggestion__3Hx-R",suggestionHighlighted:"styles_suggestionHighlighted__lexDG",suggestionsContainerOpen:"styles_suggestionsContainerOpen__pzu14",input:"styles_input__Yk2Tv","buttons-row":"styles_buttons-row__zrM35","ready-button":"styles_ready-button__e23mO"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".styles_sr-only__D6MJ6:not(:focus, :active) {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n.styles_dt-datetimepicker__DSYbh {\n border: none;\n padding: 0;\n margin: 0;\n font-size: 15px;\n font-weight: var(--font-weight-medium, 500);\n}\n.styles_dt-datetimepicker__DSYbh button,\n.styles_dt-datetimepicker__DSYbh label {\n font-size: 1em;\n font-weight: inherit;\n}\n.styles_dt-datetimepicker__DSYbh label button {\n cursor: pointer;\n font-family: inherit;\n}\n.styles_dt-datetimepicker__DSYbh .styles_hidden__TjnWH {\n display: none;\n}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-open-container__zWBiT {\n background-color: #f2f5f7;\n border-radius: 5px;\n padding: 15px;\n margin: 9px 0 9px 0;\n}\n.styles_dt-datetimepicker__DSYbh .styles_top-row-container__rGdmj {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n min-height: 36px;\n}\n.styles_dt-datetimepicker__DSYbh .styles_top-row-container__rGdmj.styles_closed__QYbCF {\n margin: 4px 0 6px 18px;\n}\n@media screen and (max-width: 319px) {\n .styles_dt-datetimepicker__DSYbh .styles_top-row-container__rGdmj {\n margin-left: 14px;\n }\n}\n.styles_dt-datetimepicker__DSYbh .styles_top-row-container__rGdmj .styles_time-icon__ES47Y svg {\n width: 18px;\n height: 19px;\n}\n.styles_dt-datetimepicker__DSYbh .styles_top-row-container__rGdmj .styles_dropdown-icon__O0GrI {\n margin-left: 9px;\n position: relative;\n top: 1px;\n}\n.styles_dt-datetimepicker__DSYbh .styles_top-row-container__rGdmj .styles_dropdown-icon__O0GrI svg {\n width: 14px;\n height: 10px;\n}\n.styles_dt-datetimepicker__DSYbh .styles_top-row-container__rGdmj .styles_close-icon__B5-I5 svg {\n width: 12px;\n height: 12px;\n border-radius: 1px;\n}\n.styles_dt-datetimepicker__DSYbh .styles_top-row-container__rGdmj .styles_close-icon__B5-I5 svg path {\n stroke-width: 30;\n}\n.styles_dt-datetimepicker__DSYbh .styles_top-row-container__rGdmj label {\n cursor: pointer;\n}\n.styles_dt-datetimepicker__DSYbh .styles_top-row-container__rGdmj label.styles_label-open__dVDlF {\n align-items: flex-start;\n display: flex;\n}\n.styles_dt-datetimepicker__DSYbh .styles_top-row-container__rGdmj button,\n.styles_dt-datetimepicker__DSYbh .styles_top-row-container__rGdmj label {\n font-size: 1em;\n letter-spacing: -0.5px;\n line-height: 1;\n}\n.styles_dt-datetimepicker__DSYbh .styles_textbutton__sVckw {\n margin-left: 9px;\n background: none;\n border: none;\n color: #666;\n}\n@media screen and (min-width: 768px) {\n .styles_dt-datetimepicker__DSYbh .styles_textbutton__sVckw {\n margin-left: 14px;\n }\n}\n.styles_dt-datetimepicker__DSYbh .styles_textbutton__sVckw.styles_active__9LaDz {\n color: var(--color);\n}\n.styles_dt-datetimepicker__DSYbh .styles_combobox-left__nwwOo {\n position: relative;\n margin-right: 4px;\n width: 63%;\n}\n.styles_dt-datetimepicker__DSYbh .styles_combobox-right__qlPKD {\n position: relative;\n margin-left: 4px;\n width: 37%;\n}\n.styles_dt-datetimepicker__DSYbh .styles_departure-or-arrival-container__Rj3b9 {\n height: calc(1rem + 20px);\n background-color: #ddd;\n border-radius: 8px;\n display: flex;\n width: calc(5px + 13em);\n}\n.styles_dt-datetimepicker__DSYbh .styles_radio-textbutton-label__LeV2o {\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}\n.styles_dt-datetimepicker__DSYbh .styles_radio-textbutton-label__LeV2o.styles_active__9LaDz {\n font-weight: 500;\n background: white;\n}\n.styles_dt-datetimepicker__DSYbh .styles_radio-textbutton-label__LeV2o: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; /* stylelint-disable-line declaration-block-no-duplicate-properties */\n}\n.styles_dt-datetimepicker__DSYbh .styles_radio-textbutton-label__LeV2o.styles_first-radio__F8N7J {\n margin: 0;\n display: flex;\n align-items: flex-start;\n}\n.styles_dt-datetimepicker__DSYbh .styles_radio-textbutton__Ad81W {\n clip: rect(0 0 0 0);\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__DSYbh .styles_departure-now-button__8ZlDU {\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}\n.styles_dt-datetimepicker__DSYbh .styles_open-button__yl4be {\n display: flex;\n margin-bottom: 0;\n margin-top: 1px;\n padding: 2px 0 2px 0;\n}\n.styles_dt-datetimepicker__DSYbh button.styles_close-button__mdfIU {\n transition: transform 0.2s;\n position: relative;\n top: -14px;\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}\n.styles_dt-datetimepicker__DSYbh button.styles_close-button__mdfIU:hover {\n transform: scale(1.2);\n}\n.styles_dt-datetimepicker__DSYbh .styles_right-edge__XbqgK {\n margin-left: auto;\n margin-right: 0;\n position: relative;\n top: -2px;\n}\n.styles_dt-datetimepicker__DSYbh .styles_combobox-container__sR9aU {\n cursor: pointer;\n}\n.styles_dt-datetimepicker__DSYbh .styles_combobox-icon__wsdX4 {\n color: var(--color);\n height: 40px;\n position: absolute;\n z-index: 7;\n pointer-events: none;\n}\n.styles_dt-datetimepicker__DSYbh .styles_combobox-icon__wsdX4.styles_date-input-icon__SFXGx {\n display: flex;\n align-items: center;\n padding: 0;\n margin-left: 14px;\n}\n.styles_dt-datetimepicker__DSYbh .styles_combobox-icon__wsdX4.styles_date-input-icon__SFXGx svg {\n width: 20px;\n height: 18px;\n}\n.styles_dt-datetimepicker__DSYbh .styles_combobox-icon__wsdX4.styles_time-input-icon__J1qei {\n display: flex;\n align-items: center;\n padding: 0;\n margin-left: 8px;\n}\n.styles_dt-datetimepicker__DSYbh .styles_combobox-icon__wsdX4.styles_time-input-icon__J1qei svg {\n margin-top: 1px;\n width: 22px;\n height: 22px;\n}\n.styles_dt-datetimepicker__DSYbh .datetimepicker-invalid-input input {\n color: #f00 !important;\n}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-select-container__Y8wgE {\n position: relative;\n height: 40px;\n}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-select-container__Y8wgE .datetimepicker-select__control {\n cursor: inherit;\n height: 40px;\n border: 1px solid #888;\n}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-select-container__Y8wgE .datetimepicker-select__value-container {\n padding: 0;\n}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-select-container__Y8wgE .datetimepicker-select__single-value {\n margin: 0 0 0 47px;\n}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-select-container__Y8wgE .datetimepicker-select__input {\n background: inherit;\n position: relative;\n margin-left: 40px;\n margin-top: -4px;\n}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-select-container__Y8wgE .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, 500);\n}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-select-container__Y8wgE .datetimepicker-select__input input:focus {\n box-shadow: none;\n outline: none;\n border: none;\n}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-select-container__Y8wgE .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}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-select-container__Y8wgE .datetimepicker-select__menu .datetimepicker-select__menu-list {\n max-height: 250px;\n padding: 0;\n}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-select-container__Y8wgE .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}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-select-container__Y8wgE .datetimepicker-select__menu .datetimepicker-select__menu-list .datetimepicker-select__option--is-selected {\n background: inherit;\n}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-select-container__Y8wgE .datetimepicker-select__menu .datetimepicker-select__menu-list .datetimepicker-select__option--is-focused {\n background: #dfe5e8;\n}\n.styles_dt-datetimepicker__DSYbh .styles_picker-container__wz2Zj {\n margin: 14px 0 0 0;\n display: flex;\n}\n.styles_dt-datetimepicker__DSYbh .styles_combobox-mobile-container__ZzG8g {\n flex-grow: 1;\n}\n\n.styles_mobile-modal-overlay__wq8cS {\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: 10001;\n}\n\n.styles_mobile-modal-content__Gla3M {\n font-family: inherit;\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}\n.styles_mobile-modal-content__Gla3M .styles_top-row__hzke9 {\n display: flex;\n justify-content: space-between;\n margin-bottom: 21px;\n}\n.styles_mobile-modal-content__Gla3M .styles_top-row__hzke9 .styles_modal-title__CztKf {\n font-weight: var(--font-weight-medium, 500);\n font-size: 20px;\n line-height: 18px;\n letter-spacing: -0.5px;\n color: #333;\n padding: 6px 0 0 8px;\n}\n.styles_mobile-modal-content__Gla3M .styles_top-row__hzke9 .styles_departure-now-button__8ZlDU {\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, 500);\n font-size: 15px;\n line-height: 18px;\n letter-spacing: -0.02em;\n color: var(--color);\n}\n.styles_mobile-modal-content__Gla3M .styles_tab-row__6WYwM {\n display: flex;\n border: 2px solid #ddd;\n border-radius: 5px;\n margin-bottom: 16px;\n background-color: #ddd;\n}\n.styles_mobile-modal-content__Gla3M .styles_tab-row__6WYwM .styles_radio-tab-label__-7Fx- {\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}\n.styles_mobile-modal-content__Gla3M .styles_tab-row__6WYwM .styles_radio-tab-label__-7Fx-.styles_active__9LaDz {\n font-weight: var(--font-weight-medium, 500);\n background-color: #fff;\n}\n.styles_mobile-modal-content__Gla3M .styles_tab-row__6WYwM .styles_radio-textbutton__Ad81W {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j {\n display: flex;\n margin-bottom: 25px;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j label:first-child {\n flex-basis: 60%;\n margin-right: 10px;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j label:nth-child(2) {\n flex-basis: 40%;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW {\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}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW:focus-within {\n background: rgba(0, 122, 201, 0.06);\n border: 2px solid var(--color);\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_combobox-icon__wsdX4 {\n height: 18px;\n font-size: 18px;\n padding: 0 0 0 10px;\n border: none;\n position: relative;\n top: 3px;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_combobox-icon__wsdX4.styles_time-input-icon__J1qei > svg {\n height: 20px;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_combobox-icon__wsdX4.styles_date-input-icon__SFXGx > svg {\n height: 20px;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .mobile-datetimepicker-invalid-input {\n color: #f00 !important;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_time-input-mobile__QGutf {\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, 500);\n border: none;\n outline: none;\n background: none;\n width: 54px;\n margin-left: 10px;\n color: #333;\n height: 1.5265rem;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_mobile-input-display__Xnjg1 {\n position: relative;\n left: 10px;\n border: none;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_mobile-input-display__Xnjg1:focus {\n outline: none;\n box-shadow: none;\n background: none;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_mobile-input-display__Xnjg1 {\n background: inherit;\n box-shadow: none;\n font-family: inherit;\n font-weight: var(--font-weight-medium, 500);\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}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_mobile-input-hidden__tkKxe {\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}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_mobile-input-hidden__tkKxe:focus {\n outline: none;\n box-shadow: none;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_container__YXGq1 {\n position: absolute;\n width: calc((100% - 50px) * 0.6);\n height: 25px;\n font-size: 15px;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_container__YXGq1 .styles_suggestion__3Hx-R {\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}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_container__YXGq1 .styles_suggestionHighlighted__lexDG {\n background: #dfe5e8;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_container__YXGq1 .styles_suggestionsContainerOpen__pzu14 {\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}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_container__YXGq1 .styles_suggestionsContainerOpen__pzu14 ul {\n padding: 0;\n margin: 0;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_container__YXGq1 .styles_input__Yk2Tv {\n color: black;\n box-shadow: none;\n border: none;\n background: none;\n font-size: 16px;\n font-weight: var(--font-weight-medium, 500);\n height: 25px;\n display: inline-block;\n font-family: inherit;\n line-height: 1.33;\n padding-left: 46px;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_container__YXGq1 .styles_input__Yk2Tv:focus {\n outline: none;\n border: none;\n background: none;\n}\n.styles_mobile-modal-content__Gla3M .styles_buttons-row__zrM35 {\n display: flex;\n flex-direction: column;\n font-size: 16px;\n font-weight: var(--font-weight-medium, 500);\n}\n.styles_mobile-modal-content__Gla3M .styles_buttons-row__zrM35 button {\n background-color: white;\n font-family: inherit;\n font-weight: var(--font-weight-medium, 500);\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}\n.styles_mobile-modal-content__Gla3M .styles_buttons-row__zrM35 button.styles_ready-button__e23mO {\n color: white;\n background-color: var(--color);\n border: none;\n margin-bottom: 10px;\n}");const N={lng:"fi"};function C({value:e,onChange:t,getDisplay:s,timeChoices:l,id:a,label:r,icon:d,disableTyping:u=!1,timeZone:p="Europe/Helsinki",datePicker:_=!1,translationSettings:m=N}){o.Settings.defaultZone=p;const[b]=i.useTranslation(),[h,y]=n.useState(s(e)),[g,w]=n.useState(!1),[k,C]=n.useState(!0),[M,T]=n.useState(!1);n.useEffect(()=>{y(s(e)),_||T(!1)},[e]);const Y=e=>{const n=Number(e);try{o.DateTime.fromMillis(n)}catch(e){return}t(n)};const q=l.map(e=>({value:e.toString(),label:s(e)})),O=_?q:q.filter(e=>e.label.split(":")[1]%15==0),$=O.length>0?O?.reduce((t,n)=>Math.abs(e-t.value)<Math.abs(e-n.value)?t:n):void 0,R=`${a}-input`,G=`${a}-label`,z=b("invalid-input",m);return c.jsxs("label",{className:D["combobox-container"],htmlFor:R,children:[c.jsxs("span",{className:D["sr-only"],id:G,children:[r," ",h]}),d,c.jsx(f.default,{"aria-labelledby":G,ariaLiveMessages:{guidance:e=>void 0===e.isDisabled&&M?z:".",onChange:()=>"",onFilter:()=>"",onFocus:({context:e,label:t})=>"menu"===e?t:""},options:q,inputId:R,onChange:t=>{const n=o.DateTime.fromMillis(e).toFormat("HH:mm"),i=S(h,e);if(g)return null!==i?(n!==h&&t.value===e?Y(i):Y(t.value),w(!1)):(t.value!==e?Y(t.value):y(s(e)),w(!1)),void(_||T(!1));_||T(!1),Y(t.value)},components:{IndicatorsContainer:()=>null},className:x.default(D["datetimepicker-select-container"],M&&"datetimepicker-invalid-input"),classNamePrefix:"datetimepicker-select",onInputChange:(e,{action:t})=>{if("menu-close"===t?C(!0):k&&C(!1),!(u||e&&!function(e){if(e.length<h?.length){const t=j(e);return T(!t),!0}if(/[a-zA-Z§ÄäÖö.-\s]/g.test(e))return!1;const t=j(e.length>5?e.slice(0,-1):e);return T(!t),e.length<=5}(e))&&"input-change"===t){const t=v(e);y(t),w(!0)}},inputValue:!u&&h,value:$,noOptionsMessage:()=>"",filterOption:(e,t)=>{if(_)return!0;const n=5===t.length||4===t.length&&1===t.split(":")[0].length,i=e.label.split(":")[1]%15==0,o=1===t.split(":")[1]?.length;if(k&&i)return!0;if(o){const n=1===t.split(":")[0].length?"0".concat(t.split(":")[0]):t.split(":")[0],i=t.split(":")[1],o=e.label.split(":")[0],s=e.label.split(":")[1];if(n===o){const e=10*Number(i),t=Number(s)-e;return t>=0&&t<=9}}return n&&!k?4===t.length?"0".concat(t)===e.label:t===e.label:!!i&&((e,t)=>{const n=t.length<=2?t:t.split(":")[0],i=/^([0-1]?[0-9]|2[0-3])$/.test(n),o=1===n.length?"0".concat(t):t;return!i||e.label.split(":")[0]===o.split(":")[0]})(e,t)},controlShouldRenderValue:u,tabSelectsValue:!1,placeholder:"",onFocus:e=>{u||e.target.select()},onBlur:()=>{if(g){const t=S(h,e);null!==t?(Y(t),w(!1)):(y(s(e)),w(!1))}_||T(!1)},onKeyDown:e=>{["ArrowDown","ArrowUp"].includes(e.key)&&w(!1)},isSearchable:!u})]})}function M(){const 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 T(e){return T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T(e)}function Y(e){var t=function(e,t){if("object"!=T(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t);if("object"!=T(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==T(t)?t:t+""}function q(e,t,n){return(t=Y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,i)}return n}function $(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach(function(t){q(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}"production"!==process.env.NODE_ENV&&(C.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})});const R=({value:e,dateChoices:t,id:n,getDisplay:i,onChange:o,labelId:s,inputId:l})=>{const a=t.map(e=>({value:e,label:i(e)})),r=a.find(t=>t.value===e)||a[0]||null,{isOpen:d,getToggleButtonProps:u,getMenuProps:_,getItemProps:m,highlightedIndex:b}=p.useSelect({selectedItem:r,items:a,itemToString:e=>e?.label??"",onSelectedItemChange:({selectedItem:e})=>{e&&o(e.value)},id:n});return c.jsxs("div",{className:D.container,children:[c.jsx("div",$($({},u({"aria-labelledby":s,id:l})),{},{children:c.jsx("div",{className:D.input,children:r.label})})),c.jsx("div",{className:x.default(D.suggestionsContainerOpen,!d&&"hidden"),children:c.jsx("ul",$($({},_()),{},{children:d&&a.map((e,t)=>c.jsx("li",$($({className:x.default(D.suggestion,t===b&&D.suggestionHighlighted)},m({index:t})),{},{children:c.jsx("span",{children:e.label})}),e.value))}))})]})};function G({value:e,getDisplay:t,onChange:n,itemCount:i,startTime:s,id:l,label:a,icon:r,timeZone:d="Europe/Helsinki"}){o.Settings.defaultZone=d;const u=Array(i).fill().map((e,t)=>o.DateTime.fromMillis(s).plus({days:t}).toMillis()),p=!(navigator.userAgent.toLowerCase().indexOf("android")>-1),_=`${l}-label`,m=`${l}-input`;return c.jsxs("label",{className:D["input-container"],htmlFor:m,children:[c.jsx("span",{children:r}),c.jsx("span",{className:D["sr-only"],id:_,children:a}),p?c.jsx("select",{id:m,className:D["mobile-input-display"],onChange:e=>n(Number(e.target.value)),value:e,children:u.map(e=>c.jsx("option",{value:e,children:t(e)},e))}):c.jsx(R,{value:e,dateChoices:u,id:l,getDisplay:t,onChange:n,labelId:_,inputId:m})]})}function z({value:e,getDisplay:t,onChange:i,id:s,label:l,icon:a,timeZone:r="Europe/Helsinki"}){const[d,u]=n.useState(t(e)),[p,_]=n.useState(!0);o.Settings.defaultZone=r;const m=`${s}-input`,b=`${s}-label`,h=!p;return c.jsxs("label",{className:D["input-container"],htmlFor:m,children:[c.jsx("span",{children:a}),c.jsx("span",{className:D["sr-only"],id:b,children:l}),c.jsx("input",{id:m,inputMode:"numeric",type:"text",maxLength:"6",className:x.default(D["time-input-mobile"],h&&"mobile-datetimepicker-invalid-input"),value:d,onFocus:e=>{e.target.setSelectionRange(0,0)},onChange:t=>{let n=t.target.value.replace(".",":");const o=j(n);if(_(o),n.match(/[0-9]{3}:[0-9]{2}/)&&n.slice(1)===d&&(n=n.charAt(0)),n.length>5)return;const s=v(n);u(s);const l=S(s,e);l&&i(l)}})]})}function A({departureOrArrival:e,onNowClick:t,lang:s,color:l="#007ac9",timeZone:a="Europe/Helsinki",onSubmit:r,onCancel:d,timestamp:u,getTimeDisplay:p,dateSelectItemCount:_,getDateDisplay:m,onAfterClose:b}){o.Settings.defaultZone=a;const[h]=i.useTranslation(),f={lng:s},[x,v]=n.useState(u),[k,j]=n.useState(e);const[S]=n.useState(y.default("datetimepicker-")),N=o.DateTime.now().startOf("day").set({hour:o.DateTime.fromMillis(x).hour,minute:o.DateTime.fromMillis(x).minute}).toMillis();return c.jsx(w.default,{appElement:document?document.querySelector("#app"):void 0,isOpen:!0,className:D["mobile-modal-content"],overlayClassName:D["mobile-modal-overlay"],onAfterClose:b,children:c.jsxs("div",{id:"digitransit-mobile-datetime",style:{"--color":`${l}`},children:[c.jsxs("div",{className:D["top-row"],children:[c.jsx("h3",{className:D["modal-title"],children:h("choose-time",f)}),c.jsx("button",{type:"button",className:D["departure-now-button"],onClick:t,children:h("departure-now",f)})]}),c.jsxs("div",{className:D["tab-row"],children:[c.jsxs("label",{htmlFor:`${S}-modal-departure`,className:`${D["radio-tab-label"]}\n ${D["departure"===k?"active":void 0]}`,children:[h("departure",f),c.jsx("input",{id:`${S}-modal-departure`,name:"departureOrArrival",type:"radio",value:"departure",className:D["radio-textbutton"],onChange:()=>{j("departure")},checked:"departure"===k})]}),c.jsxs("label",{htmlFor:`${S}-modal-arrival`,className:`${D["radio-tab-label"]}\n ${D["arrival"===k?"active":void 0]}`,children:[h("arrival",f),c.jsx("input",{id:`${S}-modal-arrival`,name:"departureOrArrival",type:"radio",value:"arrival",className:D["radio-textbutton"],onChange:()=>{j("arrival")},checked:"arrival"===k})]})]}),c.jsxs("div",{className:D["input-row"],children:[c.jsx(G,{value:x,getDisplay:m,onChange:v,itemCount:_,startTime:N,id:`${S}-date`,label:h("date",f),icon:c.jsx("span",{className:`${D["combobox-icon"]} ${D["date-input-icon"]}`,children:c.jsx(g.default,{img:"calendar",color:l})}),timeZone:a}),c.jsx(z,{value:x,getDisplay:p,onChange:v,id:`${S}-time`,label:h("time",f),icon:c.jsx("span",{className:`${D["combobox-icon"]} ${D["time-input-icon"]}`,children:c.jsx(g.default,{img:"time",color:l})}),timeZone:a})]}),c.jsxs("div",{className:D["buttons-row"],children:[c.jsx("button",{type:"button",className:D["ready-button"],onClick:()=>r(x,k),children:h("ready",f)}),c.jsx("button",{type:"button",className:D["cancel-button"],onClick:d,children:h("cancel",f)})]})]})})}function W({timestamp:e=null,onTimeChange:t,onDateChange:s,departureOrArrival:l,onNowClick:a,onDepartureClick:r,onArrivalClick:d,embedWhenClosed:u,embedWhenOpen:p,lang:_,color:m="#007ac9",timeZone:b="Europe/Helsinki",onModalSubmit:h,serviceTimeRange:f,onOpen:x,onClose:w,openPicker:v}){o.Settings.defaultZone=b;const[k]=i.useTranslation(),[j,S]=n.useState(v||!1),[N,T]=n.useState(e||o.DateTime.now().toMillis()),[Y,q]=n.useState(null),[O]=n.useState(y.default("datetimepicker-")),[$]=n.useState(M()&&function(){if("undefined"==typeof window||null===window)return!1;const e=document.createElement("input");return e.type="date","date"===e.type&&(e.type="time","time"===e.type)}()),R=n.useRef(),G=n.useRef(),z=n.useRef(),W={lng:_};n.useEffect(()=>{o.Settings.defaultLocale=_},[_]);const E=null===e;n.useEffect(()=>{E?T(o.DateTime.now().toMillis()):(Y&&(clearInterval(Y),q(null)),T(e))},[e]),n.useEffect(()=>{if(!E)return;Y&&clearInterval(Y);const e=setInterval(()=>{const t=o.DateTime.now();o.DateTime.fromMillis(N).hasSame(t,"minute")||(clearInterval(e),q(null),T(t.toMillis()))},5e3);return q(e),()=>clearInterval(e)},[N]);const I=e=>{const t=o.DateTime.fromMillis(e),n=o.DateTime.now();let i;return t.hasSame(n,"day")?(i=k("today",W),i=`${i.charAt(0).toUpperCase()}${i.slice(1)}`):t.hasSame(n.plus({days:1}),"day")?(i=k("tomorrow",W),i=`${i.charAt(0).toUpperCase()}${i.slice(1)}`):i=t.toFormat("ccc d.L."),i},Z=e=>o.DateTime.fromMillis(e).toFormat("HH:mm"),[F,U]=n.useMemo(()=>{const t=o.DateTime.fromMillis(e||o.DateTime.now().toMillis()),n=t.startOf("day").toMillis(),i=M();let s=[],l=t.startOf("day");for(;l.hasSame(n,"day");)s.push(l.valueOf()),l=i?l.plus({minutes:15}):l.plus({minutes:1});if(null===e){const e=3e5,t=Math.ceil(N/e)*e,n=Array(7).fill().map((n,i)=>t+i*e),i=s.map(e=>N-e).findIndex(e=>e<=0);s.splice(i,0,...n),s=Array.from(new Set(s))}const a=o.DateTime.now().startOf("day").set({hour:t.hour,minute:t.minute});return[s,Array(f).fill().map((e,t)=>a.plus({days:t}).toMillis())]},[e]);function P(){z.current&&(z.current.innerHTML=k("accessible-closed",W),setTimeout(()=>{z.current&&(z.current.innerHTML=null)},100))}const V=()=>{S(!1),P(),w&&w()},X=()=>{V(),a()};return c.jsxs("fieldset",{className:D["dt-datetimepicker"],id:`${O}-root`,style:{"--color":`${m}`},children:[c.jsx("legend",{className:D["sr-only"],children:k("accessible-title",W)}),c.jsx("span",{className:D["sr-only"],children:k("accessible-update-instructions",W)}),c.jsxs("div",{className:j?`${D.hidden} datetimepicker-top-row`:`${D["top-row-container"]} ${D.closed} datetimepicker-top-row`,children:[c.jsxs("label",{className:D["label-open"],htmlFor:`${O}-open`,children:[c.jsx("span",{className:D["time-icon"],children:c.jsx(g.default,{img:"time",color:m})}),c.jsx("span",{className:D["sr-only"],children:k("accessible-open",W)}),c.jsx("span",{role:"alert",className:D["sr-only"],ref:z}),c.jsxs("button",{id:`${O}-open`,type:"button",className:`${D.textbutton} ${D.active} ${D["open-button"]}`,"aria-controls":`${O}-root`,"aria-expanded":"false",onClick:()=>{S(!0),z.current&&(z.current.innerHTML=k("accessible-opened",W),setTimeout(()=>{z.current&&(z.current.innerHTML=null)},100)),x&&x()},ref:R,children:[(()=>{if(E&&"departure"===l)return c.jsx("span",{children:k("departure-now",W)});const e=I(N),t=Z(N),n=k("departure"===l?"departure":"arrival",W),i=o.DateTime.now().hasSame(o.DateTime.fromMillis(N),"day"),s=o.DateTime.now().plus({days:1}).hasSame(o.DateTime.fromMillis(N),"day");return i?c.jsx("span",{children:`${n} ${t}`}):s?c.jsx("span",{children:`${n} ${e.toLowerCase()} ${t}`}):c.jsx("span",{children:`${n} ${e} ${t}`})})(),c.jsx("span",{className:D["dropdown-icon"],children:c.jsx(g.default,{img:"arrow-dropdown",color:m})})]})]}),c.jsx("span",{className:D["right-edge"],children:u})]}),c.jsx("div",{}),$?j&&c.jsx(A,{departureOrArrival:l,onNowClick:X,lang:_,color:m,onSubmit:(e,t)=>{h(e,t),S(!1),P()},onCancel:V,onAfterClose:()=>requestAnimationFrame(()=>{R.current?.focus()}),getTimeDisplay:Z,timeZone:b,timestamp:N,getDateDisplay:I,dateSelectItemCount:f,getDisplay:Z}):c.jsxs(c.Fragment,{children:[c.jsxs("div",{className:`${D["datetimepicker-open-container"]} ${j?"":D.hidden}`,children:[c.jsxs("div",{className:j?`${D["top-row-container"]} datetimepicker-top-row`:`${D.hidden} datetimepicker-top-row`,children:[" ",c.jsx("span",{role:"alert",className:D["sr-only"],ref:z}),c.jsx("span",{}),c.jsxs("span",{className:D["departure-or-arrival-container"],children:[c.jsxs("label",{htmlFor:`${O}-departure`,className:`${D["radio-textbutton-label"]}\n ${D["departure"===l?"active":void 0]}`,children:[k("departure",W),c.jsx("input",{id:`${O}-departure`,name:"departureOrArrival",type:"radio",value:"departure",className:D["radio-textbutton"],onChange:()=>{r()},checked:"departure"===l})]}),c.jsxs("label",{htmlFor:`${O}-arrival`,className:`${D["radio-textbutton-label"]}\n ${D["arrival"===l?"active":void 0]}`,children:[k("arrival",W),c.jsx("input",{id:`${O}-arrival`,name:"departureOrArrival",type:"radio",value:"arrival",className:D["radio-textbutton"],onChange:()=>{d()},checked:"arrival"===l})]})]}),c.jsx("button",{id:`${O}-now`,type:"button",className:D["departure-now-button"],onClick:X,ref:G,children:k("departure-now",W)}),c.jsx("span",{className:D["right-edge"],children:c.jsxs("button",{type:"button",className:D["close-button"],"aria-controls":`${O}-root`,"aria-expanded":"true",onClick:V,children:[c.jsx("span",{className:D["close-icon"],children:c.jsx(g.default,{img:"close",color:m})}),c.jsx("span",{className:D["sr-only"],children:k("accessible-close",W)})]})})]}),c.jsxs("div",{className:j?`${D["picker-container"]}`:`${D.hidden} datetimepicker-top-row`,children:[c.jsx("span",{className:D["combobox-left"],children:c.jsx(C,{value:N,onChange:e=>{s(e)},getDisplay:I,timeChoices:U,validate:()=>null,icon:c.jsx("span",{className:`${D["combobox-icon"]} ${D["date-input-icon"]}`,children:c.jsx(g.default,{img:"calendar",color:m})}),id:`${O}-date`,label:k("date",W),disableTyping:!0,timeZone:b,datePicker:!0})}),c.jsx("span",{className:D["combobox-right"],children:c.jsx(C,{value:N,onChange:e=>{t(e)},getDisplay:Z,timeChoices:F,icon:c.jsx("span",{className:`${D["combobox-icon"]} ${D["time-input-icon"]}`,children:c.jsx(g.default,{img:"time",color:m})}),id:`${O}-time`,label:k("time",W),timeZone:b,translationSettings:W})})]})]}),c.jsx("span",{className:j?"":D.hidden,children:p})]})]})}"production"!==process.env.NODE_ENV&&(R.propTypes={value:b.default.number.isRequired,dateChoices:b.default.arrayOf(b.default.number).isRequired,id:b.default.string.isRequired,getDisplay:b.default.func.isRequired,onChange:b.default.func.isRequired,labelId:b.default.string.isRequired,inputId:b.default.string.isRequired}),"production"!==process.env.NODE_ENV&&(G.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,timeZone:b.default.string}),"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}),o.Settings.defaultLocale="en","production"!==process.env.NODE_ENV&&(A.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,onAfterClose:b.default.func.isRequired,timestamp:b.default.number.isRequired,getTimeDisplay:b.default.func.isRequired,dateSelectItemCount:b.default.number.isRequired,getDateDisplay:b.default.func.isRequired}),o.Settings.defaultLocale="en","production"!==process.env.NODE_ENV&&(W.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,serviceTimeRange:b.default.number.isRequired,onOpen:b.default.func,onClose:b.default.func,openPicker:b.default.bool});const E=_.createInstance({fallbackLng:"fi",resources:{de:{translation:{"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",cancel:"Abbrechen","choose-time":"Zeit wählen",date:"Datum",departure:"Abfahrt","departure-now":"Abfahrt jetzt",ready:"Fertig",time:"Zeit",today:"Heute",tomorrow:"Morgen"}},en:{translation:{"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",cancel:"Cancel","choose-time":"Choose time",date:"Date",departure:"Departure","departure-now":"Leaving now","invalid-input":"The time you entered is invalid",ready:"Ready",time:"Time",today:"Today",tomorrow:"Tomorrow"}},fi:{translation:{"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ä",cancel:"Peruuta","choose-time":"Valitse aika",date:"Päivä",departure:"Lähtöaika","departure-now":"Lähtö nyt","invalid-input":"Syöttämäsi aika on virheellinen",ready:"Valmis",time:"Aika",today:"Tänään",tomorrow:"Huomenna"}},pl:{translation:{"accessible-close":"Zamknij wybornik","accessible-closed":"Zamknięto wybornik","accessible-open":"Otwórz wybornik","accessible-opened":"Otwarto wybornik","accessible-title":"Wybór daty i godziny","accessible-update-instructions":"Zmiana wybranej godziny wywoła nowe wyszukiwanie.",arrival:"Przyjazd",cancel:"Anuluj","choose-time":"Wybierz godzinę",date:"Data",departure:"Wyjazd","departure-now":"Wyjeżdżam teraz","invalid-input":"Wprowadzona godzina jest nieprawidłowa",ready:"Gotowe",time:"Godzina",today:"Dziś",tomorrow:"Jutro"}},sv:{translation:{"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",cancel:"Avbryt","choose-time":"Välj tid",date:"Datum",departure:"Avgångstid","departure-now":"Avgår nu","invalid-input":"Tiden du angav är felaktig",ready:"Färdig",time:"Tid",today:"I dag",tomorrow:"I morgon"}}},defaultNS:"translation",react:{useSuspense:!0}});function I({realtime:e=!1,initialArriveBy:t,initialTimestamp:s,onDepartureClick:l,onArrivalClick:a,onTimeChange:r,onDateChange:d,onNowClick:u,embedWhenClosed:p,embedWhenOpen:_,lang:m="en",color:b="#007ac9",timeZone:y="Europe/Helsinki",serviceTimeRange:g=30,onOpen:f,onClose:x,openPicker:w}){o.Settings.defaultLocale=m,o.Settings.defaultZone=y;const v=e?null:o.DateTime.now().toMillis(),[k,j]=n.useState(s?1e3*s:v),[S,D]=n.useState(!0===t?"arrival":"departure");n.useEffect(()=>{const e=null===k&&void 0===s,n=null===k||void 0===s,i=Math.round(k/1e3)===s;!e&&(n||!i)&&j(void 0===s?null:1e3*s),!t==("arrival"===S)&&D(!0===t?"arrival":"departure")},[s,t]);const N=h.default(e=>{if(null===e)return j(o.DateTime.now().toMillis()),void r(o.DateTime.now().toUnixInteger(),"arrival"===S);j(e),r(Math.round(e/1e3),"arrival"===S)},10),C=h.default(e=>{if(null===e)return j(o.DateTime.now().toMillis()),void d(o.DateTime.now().toUnixInteger(),"arrival"===S);j(e),d(Math.round(e/1e3),"arrival"===S)},10);return c.jsx(i.I18nextProvider,{i18n:E,children:c.jsx(W,{timestamp:k,onTimeChange:N,onDateChange:C,departureOrArrival:S,onNowClick:()=>{D("departure");const t=e?null:o.DateTime.now().toMillis();j(t),u(Math.round(t/1e3))},onDepartureClick:()=>{let e=!1,t=k;if(null===k){const n=o.DateTime.now().toMillis();j(n),t=n,e=!0}"departure"!==S&&(D("departure"),e=!0),e&&l(Math.round(t/1e3))},onArrivalClick:()=>{let e=!1,t=k;if(null===k){const n=o.DateTime.now().toMillis();j(n),t=n,e=!0}"arrival"!==S&&(D("arrival"),e=!0),e&&a(Math.round(t/1e3))},embedWhenClosed:p,embedWhenOpen:_,lang:m,color:b,timeZone:y,onModalSubmit:(e,t)=>{j(e),D(t),r(Math.round(e/1e3),"arrival"===t,!0)},serviceTimeRange:g,onOpen:f,onClose:x,openPicker:w})})}E.init(),"production"!==process.env.NODE_ENV&&(I.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,serviceTimeRange:b.default.number,onOpen:b.default.func,onClose:b.default.func,openPicker:b.default.bool}),e.default=I,Object.defineProperty(e,"__esModule",{value:!0})});
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("prop-types"),require("react"),require("react-i18next"),require("luxon"),require("lodash/debounce"),require("lodash/uniqueId"),require("@digitransit-component/digitransit-component-icon"),require("react-select"),require("classnames"),require("react/jsx-runtime"),require("react-modal"),require("downshift"),require("i18next")):"function"==typeof define&&define.amd?define(["exports","prop-types","react","react-i18next","luxon","lodash/debounce","lodash/uniqueId","@digitransit-component/digitransit-component-icon","react-select","classnames","react/jsx-runtime","react-modal","downshift","i18next"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["@digitransit-component/digitransit-component-datetimepicker"]={},e.PropTypes,e.React,e.reactI18next,e.luxon,e.debounce,e.uniqueId,e.Icon,e.Select,e.cx,e.jsxRuntime,e.ReactModal,e.downshift,e.i18next)}(this,function(e,t,n,i,o,s,l,a,r,d,c,u,p,_){"use strict";function m(e){return e&&e.__esModule?e:{default:e}}var b=m(t),h=m(s),y=m(l),g=m(a),f=m(r),x=m(d),w=m(u);function v(e){let 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}const k=(e,t)=>{const 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 j(e){if(e.split(":").length>2)return!1;if(e.length<=2)return!0;if(3===e.length){let t,n;if(e.includes(":"))[t,n]=e.split(":");else{if(!e.startsWith("0")){const i=e.split("");return 1===Number(i[0])||2===Number(i[0])&&Number(i[1]<=3)?[t,n]=[i[0].concat(i[1]),i[2]]:[t,n]=[i[0],i[1].concat(i[2])],k(t,n)}if(t=e.substring(0,e.length-1),n=e.substring(e.length-1||0),Number(n)>5)return!1}return k(t,n)}if(5===e.length||4===e.length){const t=e.split(":"),n=t[0],i=t[1];return!(e.startsWith("0")&&1===i.length&&Number(i)>5)&&k(n,i)}return!0}const S=(e,t)=>{const n=e.trim();if(null!==n.match(/^[0-9]{1,2}(\.|:)[0-9]{2}$/)){const e=n.includes(".")?".":":",i=n.split(e),s=Number(i[0]),l=!Number.isNaN(s)&&s>=0&&s<=23,a=Number(i[1]);if(!(!Number.isNaN(a)&&a>=0&&a<=59)||!l)return null;return o.DateTime.fromMillis(t).set({hour:s,minute:a,second:0,millisecond:0}).valueOf()}return null};var D={"sr-only":"styles_sr-only__D6MJ6","dt-datetimepicker":"styles_dt-datetimepicker__DSYbh",hidden:"styles_hidden__TjnWH","datetimepicker-open-container":"styles_datetimepicker-open-container__zWBiT","top-row-container":"styles_top-row-container__rGdmj",closed:"styles_closed__QYbCF","time-icon":"styles_time-icon__ES47Y","dropdown-icon":"styles_dropdown-icon__O0GrI","close-icon":"styles_close-icon__B5-I5","label-open":"styles_label-open__dVDlF",textbutton:"styles_textbutton__sVckw",active:"styles_active__9LaDz","combobox-left":"styles_combobox-left__nwwOo","combobox-right":"styles_combobox-right__qlPKD","departure-or-arrival-container":"styles_departure-or-arrival-container__Rj3b9","radio-textbutton-label":"styles_radio-textbutton-label__LeV2o","first-radio":"styles_first-radio__F8N7J","radio-textbutton":"styles_radio-textbutton__Ad81W","departure-now-button":"styles_departure-now-button__8ZlDU","open-button":"styles_open-button__yl4be","close-button":"styles_close-button__mdfIU","right-edge":"styles_right-edge__XbqgK","combobox-container":"styles_combobox-container__sR9aU","combobox-icon":"styles_combobox-icon__wsdX4","date-input-icon":"styles_date-input-icon__SFXGx","time-input-icon":"styles_time-input-icon__J1qei","datetimepicker-select-container":"styles_datetimepicker-select-container__Y8wgE","picker-container":"styles_picker-container__wz2Zj","combobox-mobile-container":"styles_combobox-mobile-container__ZzG8g","mobile-modal-overlay":"styles_mobile-modal-overlay__wq8cS","mobile-modal-content":"styles_mobile-modal-content__Gla3M","top-row":"styles_top-row__hzke9","modal-title":"styles_modal-title__CztKf","tab-row":"styles_tab-row__6WYwM","radio-tab-label":"styles_radio-tab-label__-7Fx-","input-row":"styles_input-row__r-26j","input-container":"styles_input-container__US3eW","time-input-mobile":"styles_time-input-mobile__QGutf","mobile-input-display":"styles_mobile-input-display__Xnjg1","mobile-input-hidden":"styles_mobile-input-hidden__tkKxe",container:"styles_container__YXGq1",suggestion:"styles_suggestion__3Hx-R",suggestionHighlighted:"styles_suggestionHighlighted__lexDG",suggestionsContainerOpen:"styles_suggestionsContainerOpen__pzu14",input:"styles_input__Yk2Tv","buttons-row":"styles_buttons-row__zrM35","ready-button":"styles_ready-button__e23mO"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".styles_sr-only__D6MJ6:not(:focus, :active) {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n.styles_dt-datetimepicker__DSYbh {\n border: none;\n padding: 0;\n margin: 0;\n font-size: 15px;\n font-weight: var(--font-weight-medium, 500);\n}\n.styles_dt-datetimepicker__DSYbh button,\n.styles_dt-datetimepicker__DSYbh label {\n font-size: 1em;\n font-weight: inherit;\n}\n.styles_dt-datetimepicker__DSYbh label button {\n cursor: pointer;\n font-family: inherit;\n}\n.styles_dt-datetimepicker__DSYbh .styles_hidden__TjnWH {\n display: none;\n}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-open-container__zWBiT {\n background-color: #f2f5f7;\n border-radius: 5px;\n padding: 15px;\n margin: 9px 0 9px 0;\n}\n.styles_dt-datetimepicker__DSYbh .styles_top-row-container__rGdmj {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n min-height: 36px;\n}\n.styles_dt-datetimepicker__DSYbh .styles_top-row-container__rGdmj.styles_closed__QYbCF {\n margin: 4px 0 6px 18px;\n}\n@media screen and (max-width: 319px) {\n .styles_dt-datetimepicker__DSYbh .styles_top-row-container__rGdmj {\n margin-left: 14px;\n }\n}\n.styles_dt-datetimepicker__DSYbh .styles_top-row-container__rGdmj .styles_time-icon__ES47Y svg {\n width: 18px;\n height: 19px;\n}\n.styles_dt-datetimepicker__DSYbh .styles_top-row-container__rGdmj .styles_dropdown-icon__O0GrI {\n margin-left: 9px;\n position: relative;\n top: 1px;\n}\n.styles_dt-datetimepicker__DSYbh .styles_top-row-container__rGdmj .styles_dropdown-icon__O0GrI svg {\n width: 14px;\n height: 10px;\n}\n.styles_dt-datetimepicker__DSYbh .styles_top-row-container__rGdmj .styles_close-icon__B5-I5 svg {\n width: 12px;\n height: 12px;\n border-radius: 1px;\n}\n.styles_dt-datetimepicker__DSYbh .styles_top-row-container__rGdmj .styles_close-icon__B5-I5 svg path {\n stroke-width: 30;\n}\n.styles_dt-datetimepicker__DSYbh .styles_top-row-container__rGdmj label {\n cursor: pointer;\n}\n.styles_dt-datetimepicker__DSYbh .styles_top-row-container__rGdmj label.styles_label-open__dVDlF {\n align-items: flex-start;\n display: flex;\n}\n.styles_dt-datetimepicker__DSYbh .styles_top-row-container__rGdmj button,\n.styles_dt-datetimepicker__DSYbh .styles_top-row-container__rGdmj label {\n font-size: 1em;\n letter-spacing: -0.5px;\n line-height: 1;\n}\n.styles_dt-datetimepicker__DSYbh .styles_textbutton__sVckw {\n margin-left: 9px;\n background: none;\n border: none;\n color: #666;\n}\n@media screen and (min-width: 768px) {\n .styles_dt-datetimepicker__DSYbh .styles_textbutton__sVckw {\n margin-left: 14px;\n }\n}\n.styles_dt-datetimepicker__DSYbh .styles_textbutton__sVckw.styles_active__9LaDz {\n color: var(--color);\n}\n.styles_dt-datetimepicker__DSYbh .styles_combobox-left__nwwOo {\n position: relative;\n margin-right: 4px;\n width: 63%;\n}\n.styles_dt-datetimepicker__DSYbh .styles_combobox-right__qlPKD {\n position: relative;\n margin-left: 4px;\n width: 37%;\n}\n.styles_dt-datetimepicker__DSYbh .styles_departure-or-arrival-container__Rj3b9 {\n height: calc(1rem + 20px);\n background-color: #ddd;\n border-radius: 8px;\n display: flex;\n width: calc(5px + 13em);\n}\n.styles_dt-datetimepicker__DSYbh .styles_radio-textbutton-label__LeV2o {\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}\n.styles_dt-datetimepicker__DSYbh .styles_radio-textbutton-label__LeV2o.styles_active__9LaDz {\n font-weight: 500;\n background: white;\n}\n.styles_dt-datetimepicker__DSYbh .styles_radio-textbutton-label__LeV2o: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; /* stylelint-disable-line declaration-block-no-duplicate-properties */\n}\n.styles_dt-datetimepicker__DSYbh .styles_radio-textbutton-label__LeV2o.styles_first-radio__F8N7J {\n margin: 0;\n display: flex;\n align-items: flex-start;\n}\n.styles_dt-datetimepicker__DSYbh .styles_radio-textbutton__Ad81W {\n clip: rect(0 0 0 0);\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__DSYbh .styles_departure-now-button__8ZlDU {\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}\n.styles_dt-datetimepicker__DSYbh .styles_open-button__yl4be {\n display: flex;\n margin-bottom: 0;\n margin-top: 1px;\n padding: 2px 0 2px 0;\n}\n.styles_dt-datetimepicker__DSYbh button.styles_close-button__mdfIU {\n transition: transform 0.2s;\n position: relative;\n top: -14px;\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}\n.styles_dt-datetimepicker__DSYbh button.styles_close-button__mdfIU:hover {\n transform: scale(1.2);\n}\n.styles_dt-datetimepicker__DSYbh .styles_right-edge__XbqgK {\n margin-left: auto;\n margin-right: 0;\n position: relative;\n top: -2px;\n}\n.styles_dt-datetimepicker__DSYbh .styles_combobox-container__sR9aU {\n cursor: pointer;\n}\n.styles_dt-datetimepicker__DSYbh .styles_combobox-icon__wsdX4 {\n color: var(--color);\n height: 40px;\n position: absolute;\n z-index: 7;\n pointer-events: none;\n}\n.styles_dt-datetimepicker__DSYbh .styles_combobox-icon__wsdX4.styles_date-input-icon__SFXGx {\n display: flex;\n align-items: center;\n padding: 0;\n margin-left: 14px;\n}\n.styles_dt-datetimepicker__DSYbh .styles_combobox-icon__wsdX4.styles_date-input-icon__SFXGx svg {\n width: 20px;\n height: 18px;\n}\n.styles_dt-datetimepicker__DSYbh .styles_combobox-icon__wsdX4.styles_time-input-icon__J1qei {\n display: flex;\n align-items: center;\n padding: 0;\n margin-left: 8px;\n}\n.styles_dt-datetimepicker__DSYbh .styles_combobox-icon__wsdX4.styles_time-input-icon__J1qei svg {\n margin-top: 1px;\n width: 22px;\n height: 22px;\n}\n.styles_dt-datetimepicker__DSYbh .datetimepicker-invalid-input input {\n color: #f00 !important;\n}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-select-container__Y8wgE {\n position: relative;\n height: 40px;\n}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-select-container__Y8wgE .datetimepicker-select__control {\n cursor: inherit;\n height: 40px;\n border: 1px solid #888;\n}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-select-container__Y8wgE .datetimepicker-select__value-container {\n padding: 0;\n}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-select-container__Y8wgE .datetimepicker-select__single-value {\n margin: 0 0 0 47px;\n}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-select-container__Y8wgE .datetimepicker-select__input-container {\n background: inherit;\n position: relative;\n padding: 0;\n margin: 0 0 0 42px;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.33;\n color: #333;\n font-family: inherit;\n font-size: 15px;\n font-weight: var(--font-weight-medium, 500);\n}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-select-container__Y8wgE .datetimepicker-select__input {\n opacity: 1 !important;\n box-shadow: none;\n letter-spacing: -0.5px;\n}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-select-container__Y8wgE .datetimepicker-select__input:focus {\n box-shadow: none;\n outline: none;\n border: none;\n}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-select-container__Y8wgE .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}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-select-container__Y8wgE .datetimepicker-select__menu .datetimepicker-select__menu-list {\n max-height: 250px;\n padding: 0;\n}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-select-container__Y8wgE .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}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-select-container__Y8wgE .datetimepicker-select__menu .datetimepicker-select__menu-list .datetimepicker-select__option--is-selected {\n background: inherit;\n}\n.styles_dt-datetimepicker__DSYbh .styles_datetimepicker-select-container__Y8wgE .datetimepicker-select__menu .datetimepicker-select__menu-list .datetimepicker-select__option--is-focused {\n background: #dfe5e8;\n}\n.styles_dt-datetimepicker__DSYbh .styles_picker-container__wz2Zj {\n margin: 14px 0 0 0;\n display: flex;\n}\n.styles_dt-datetimepicker__DSYbh .styles_combobox-mobile-container__ZzG8g {\n flex-grow: 1;\n}\n\n.styles_mobile-modal-overlay__wq8cS {\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: 10001;\n}\n\n.styles_mobile-modal-content__Gla3M {\n font-family: inherit;\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}\n.styles_mobile-modal-content__Gla3M .styles_top-row__hzke9 {\n display: flex;\n justify-content: space-between;\n margin-bottom: 21px;\n}\n.styles_mobile-modal-content__Gla3M .styles_top-row__hzke9 .styles_modal-title__CztKf {\n font-weight: var(--font-weight-medium, 500);\n font-size: 20px;\n line-height: 18px;\n letter-spacing: -0.5px;\n color: #333;\n padding: 6px 0 0 8px;\n}\n.styles_mobile-modal-content__Gla3M .styles_top-row__hzke9 .styles_departure-now-button__8ZlDU {\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, 500);\n font-size: 15px;\n line-height: 18px;\n letter-spacing: -0.02em;\n color: var(--color);\n}\n.styles_mobile-modal-content__Gla3M .styles_tab-row__6WYwM {\n display: flex;\n border: 2px solid #ddd;\n border-radius: 5px;\n margin-bottom: 16px;\n background-color: #ddd;\n}\n.styles_mobile-modal-content__Gla3M .styles_tab-row__6WYwM .styles_radio-tab-label__-7Fx- {\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}\n.styles_mobile-modal-content__Gla3M .styles_tab-row__6WYwM .styles_radio-tab-label__-7Fx-.styles_active__9LaDz {\n font-weight: var(--font-weight-medium, 500);\n background-color: #fff;\n}\n.styles_mobile-modal-content__Gla3M .styles_tab-row__6WYwM .styles_radio-textbutton__Ad81W {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j {\n display: flex;\n margin-bottom: 25px;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j label:first-child {\n flex-basis: 60%;\n margin-right: 10px;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j label:nth-child(2) {\n flex-basis: 40%;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW {\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}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW:focus-within {\n background: rgba(0, 122, 201, 0.06);\n border: 2px solid var(--color);\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_combobox-icon__wsdX4 {\n height: 18px;\n font-size: 18px;\n padding: 0 0 0 10px;\n border: none;\n position: relative;\n top: 3px;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_combobox-icon__wsdX4.styles_time-input-icon__J1qei > svg {\n height: 20px;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_combobox-icon__wsdX4.styles_date-input-icon__SFXGx > svg {\n height: 20px;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .mobile-datetimepicker-invalid-input {\n color: #f00 !important;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_time-input-mobile__QGutf {\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, 500);\n border: none;\n outline: none;\n background: none;\n width: 54px;\n margin-left: 10px;\n color: #333;\n height: 1.5265rem;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_mobile-input-display__Xnjg1 {\n position: relative;\n left: 10px;\n border: none;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_mobile-input-display__Xnjg1:focus {\n outline: none;\n box-shadow: none;\n background: none;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_mobile-input-display__Xnjg1 {\n background: inherit;\n box-shadow: none;\n font-family: inherit;\n font-weight: var(--font-weight-medium, 500);\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}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_mobile-input-hidden__tkKxe {\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}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_mobile-input-hidden__tkKxe:focus {\n outline: none;\n box-shadow: none;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_container__YXGq1 {\n position: absolute;\n width: calc((100% - 50px) * 0.6);\n height: 25px;\n font-size: 15px;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_container__YXGq1 .styles_suggestion__3Hx-R {\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}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_container__YXGq1 .styles_suggestionHighlighted__lexDG {\n background: #dfe5e8;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_container__YXGq1 .styles_suggestionsContainerOpen__pzu14 {\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}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_container__YXGq1 .styles_suggestionsContainerOpen__pzu14 ul {\n padding: 0;\n margin: 0;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_container__YXGq1 .styles_input__Yk2Tv {\n color: black;\n box-shadow: none;\n border: none;\n background: none;\n font-size: 16px;\n font-weight: var(--font-weight-medium, 500);\n height: 25px;\n display: inline-block;\n font-family: inherit;\n line-height: 1.33;\n padding-left: 46px;\n}\n.styles_mobile-modal-content__Gla3M .styles_input-row__r-26j .styles_input-container__US3eW .styles_container__YXGq1 .styles_input__Yk2Tv:focus {\n outline: none;\n border: none;\n background: none;\n}\n.styles_mobile-modal-content__Gla3M .styles_buttons-row__zrM35 {\n display: flex;\n flex-direction: column;\n font-size: 16px;\n font-weight: var(--font-weight-medium, 500);\n}\n.styles_mobile-modal-content__Gla3M .styles_buttons-row__zrM35 button {\n background-color: white;\n font-family: inherit;\n font-weight: var(--font-weight-medium, 500);\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}\n.styles_mobile-modal-content__Gla3M .styles_buttons-row__zrM35 button.styles_ready-button__e23mO {\n color: white;\n background-color: var(--color);\n border: none;\n margin-bottom: 10px;\n}");const N={lng:"fi"};function C({value:e,onChange:t,getDisplay:s,timeChoices:l,id:a,label:r,icon:d,disableTyping:u=!1,timeZone:p="Europe/Helsinki",datePicker:_=!1,translationSettings:m=N}){o.Settings.defaultZone=p;const[b]=i.useTranslation(),[h,y]=n.useState(s(e)),[g,w]=n.useState(!1),[k,C]=n.useState(!0),[M,T]=n.useState(!1);n.useEffect(()=>{y(s(e)),_||T(!1)},[e]);const Y=e=>{const n=Number(e);try{o.DateTime.fromMillis(n)}catch(e){return}t(n)};const q=l.map(e=>({value:e.toString(),label:s(e)})),O=_?q:q.filter(e=>e.label.split(":")[1]%15==0),$=O.length>0?O?.reduce((t,n)=>Math.abs(e-t.value)<Math.abs(e-n.value)?t:n):void 0,R=`${a}-input`,G=`${a}-label`,z=b("invalid-input",m);return c.jsxs("label",{className:D["combobox-container"],htmlFor:R,children:[c.jsxs("span",{className:D["sr-only"],id:G,children:[r," ",h]}),d,c.jsx(f.default,{"aria-labelledby":G,ariaLiveMessages:{guidance:e=>null==e.isDisabled&&M?z:".",onChange:()=>"",onFilter:()=>"",onFocus:({context:e,label:t})=>"menu"===e?t:""},options:q,inputId:R,onChange:t=>{const n=o.DateTime.fromMillis(e).toFormat("HH:mm"),i=S(h,e);if(g)return null!==i?(n!==h&&t.value===e?Y(i):Y(t.value),w(!1)):(t.value!==e?Y(t.value):y(s(e)),w(!1)),void(_||T(!1));_||T(!1),Y(t.value)},components:{IndicatorsContainer:()=>null},className:x.default(D["datetimepicker-select-container"],M&&"datetimepicker-invalid-input"),classNamePrefix:"datetimepicker-select",onInputChange:(e,{action:t})=>{if("menu-close"===t?C(!0):k&&C(!1),!(u||e&&!function(e){if(e.length<h?.length){const t=j(e);return T(!t),!0}if(/[a-zA-Z§ÄäÖö.-\s]/g.test(e))return!1;const t=j(e.length>5?e.slice(0,-1):e);return T(!t),e.length<=5}(e))&&"input-change"===t){const t=v(e);y(t),w(!0)}},inputValue:!u&&h,value:$,noOptionsMessage:()=>"",filterOption:(e,t)=>{if(_)return!0;const n=5===t.length||4===t.length&&1===t.split(":")[0].length,i=e.label.split(":")[1]%15==0,o=1===t.split(":")[1]?.length;if(k&&i)return!0;if(o){const n=1===t.split(":")[0].length?"0".concat(t.split(":")[0]):t.split(":")[0],i=t.split(":")[1],o=e.label.split(":")[0],s=e.label.split(":")[1];if(n===o){const e=10*Number(i),t=Number(s)-e;return t>=0&&t<=9}}return n&&!k?4===t.length?"0".concat(t)===e.label:t===e.label:!!i&&((e,t)=>{const n=t.length<=2?t:t.split(":")[0],i=/^([0-1]?[0-9]|2[0-3])$/.test(n),o=1===n.length?"0".concat(t):t;return!i||e.label.split(":")[0]===o.split(":")[0]})(e,t)},controlShouldRenderValue:u,tabSelectsValue:!1,placeholder:"",onFocus:e=>{u||e.target.select()},onBlur:()=>{if(g){const t=S(h,e);null!==t?(Y(t),w(!1)):(y(s(e)),w(!1))}_||T(!1)},onKeyDown:e=>{["ArrowDown","ArrowUp"].includes(e.key)&&w(!1)},isSearchable:!u})]})}function M(){const 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 T(e){return T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T(e)}function Y(e){var t=function(e,t){if("object"!=T(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t);if("object"!=T(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==T(t)?t:t+""}function q(e,t,n){return(t=Y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,i)}return n}function $(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach(function(t){q(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}"production"!==process.env.NODE_ENV&&(C.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})});const R=({value:e,dateChoices:t,id:n,getDisplay:i,onChange:o,labelId:s,inputId:l})=>{const a=t.map(e=>({value:e,label:i(e)})),r=a.find(t=>t.value===e)||a[0]||null,{isOpen:d,getToggleButtonProps:u,getMenuProps:_,getItemProps:m,highlightedIndex:b}=p.useSelect({selectedItem:r,items:a,itemToString:e=>e?.label??"",onSelectedItemChange:({selectedItem:e})=>{e&&o(e.value)},id:n});return c.jsxs("div",{className:D.container,children:[c.jsx("div",$($({},u({"aria-labelledby":s,id:l})),{},{children:c.jsx("div",{className:D.input,children:r.label})})),c.jsx("div",{className:x.default(D.suggestionsContainerOpen,!d&&"hidden"),children:c.jsx("ul",$($({},_()),{},{children:d&&a.map((e,t)=>c.jsx("li",$($({className:x.default(D.suggestion,t===b&&D.suggestionHighlighted)},m({index:t})),{},{children:c.jsx("span",{children:e.label})}),e.value))}))})]})};function G({value:e,getDisplay:t,onChange:n,itemCount:i,startTime:s,id:l,label:a,icon:r,timeZone:d="Europe/Helsinki"}){o.Settings.defaultZone=d;const u=Array(i).fill().map((e,t)=>o.DateTime.fromMillis(s).plus({days:t}).toMillis()),p=!(navigator.userAgent.toLowerCase().indexOf("android")>-1),_=`${l}-label`,m=`${l}-input`;return c.jsxs("label",{className:D["input-container"],htmlFor:m,children:[c.jsx("span",{children:r}),c.jsx("span",{className:D["sr-only"],id:_,children:a}),p?c.jsx("select",{id:m,className:D["mobile-input-display"],onChange:e=>n(Number(e.target.value)),value:e,children:u.map(e=>c.jsx("option",{value:e,children:t(e)},e))}):c.jsx(R,{value:e,dateChoices:u,id:l,getDisplay:t,onChange:n,labelId:_,inputId:m})]})}function z({value:e,getDisplay:t,onChange:i,id:s,label:l,icon:a,timeZone:r="Europe/Helsinki"}){const[d,u]=n.useState(t(e)),[p,_]=n.useState(!0);o.Settings.defaultZone=r;const m=`${s}-input`,b=`${s}-label`,h=!p;return c.jsxs("label",{className:D["input-container"],htmlFor:m,children:[c.jsx("span",{children:a}),c.jsx("span",{className:D["sr-only"],id:b,children:l}),c.jsx("input",{id:m,inputMode:"numeric",type:"text",maxLength:"6",className:x.default(D["time-input-mobile"],h&&"mobile-datetimepicker-invalid-input"),value:d,onFocus:e=>{e.target.setSelectionRange(0,0)},onChange:t=>{let n=t.target.value.replace(".",":");const o=j(n);if(_(o),n.match(/[0-9]{3}:[0-9]{2}/)&&n.slice(1)===d&&(n=n.charAt(0)),n.length>5)return;const s=v(n);u(s);const l=S(s,e);l&&i(l)}})]})}function A({departureOrArrival:e,onNowClick:t,lang:s,color:l="#007ac9",timeZone:a="Europe/Helsinki",onSubmit:r,onCancel:d,timestamp:u,getTimeDisplay:p,dateSelectItemCount:_,getDateDisplay:m,onAfterClose:b}){o.Settings.defaultZone=a;const[h]=i.useTranslation(),f={lng:s},[x,v]=n.useState(u),[k,j]=n.useState(e);const[S]=n.useState(y.default("datetimepicker-")),N=o.DateTime.now().startOf("day").set({hour:o.DateTime.fromMillis(x).hour,minute:o.DateTime.fromMillis(x).minute}).toMillis();return c.jsx(w.default,{appElement:document?document.querySelector("#app"):void 0,isOpen:!0,className:D["mobile-modal-content"],overlayClassName:D["mobile-modal-overlay"],onAfterClose:b,children:c.jsxs("div",{id:"digitransit-mobile-datetime",style:{"--color":`${l}`},children:[c.jsxs("div",{className:D["top-row"],children:[c.jsx("h3",{className:D["modal-title"],children:h("choose-time",f)}),c.jsx("button",{type:"button",className:D["departure-now-button"],onClick:t,children:h("departure-now",f)})]}),c.jsxs("div",{className:D["tab-row"],children:[c.jsxs("label",{htmlFor:`${S}-modal-departure`,className:`${D["radio-tab-label"]}\n ${D["departure"===k?"active":void 0]}`,children:[h("departure",f),c.jsx("input",{id:`${S}-modal-departure`,name:"departureOrArrival",type:"radio",value:"departure",className:D["radio-textbutton"],onChange:()=>{j("departure")},checked:"departure"===k})]}),c.jsxs("label",{htmlFor:`${S}-modal-arrival`,className:`${D["radio-tab-label"]}\n ${D["arrival"===k?"active":void 0]}`,children:[h("arrival",f),c.jsx("input",{id:`${S}-modal-arrival`,name:"departureOrArrival",type:"radio",value:"arrival",className:D["radio-textbutton"],onChange:()=>{j("arrival")},checked:"arrival"===k})]})]}),c.jsxs("div",{className:D["input-row"],children:[c.jsx(G,{value:x,getDisplay:m,onChange:v,itemCount:_,startTime:N,id:`${S}-date`,label:h("date",f),icon:c.jsx("span",{className:`${D["combobox-icon"]} ${D["date-input-icon"]}`,children:c.jsx(g.default,{img:"calendar",color:l})}),timeZone:a}),c.jsx(z,{value:x,getDisplay:p,onChange:v,id:`${S}-time`,label:h("time",f),icon:c.jsx("span",{className:`${D["combobox-icon"]} ${D["time-input-icon"]}`,children:c.jsx(g.default,{img:"time",color:l})}),timeZone:a})]}),c.jsxs("div",{className:D["buttons-row"],children:[c.jsx("button",{type:"button",className:D["ready-button"],onClick:()=>r(x,k),children:h("ready",f)}),c.jsx("button",{type:"button",className:D["cancel-button"],onClick:d,children:h("cancel",f)})]})]})})}function W({timestamp:e=null,onTimeChange:t,onDateChange:s,departureOrArrival:l,onNowClick:a,onDepartureClick:r,onArrivalClick:d,embedWhenClosed:u,embedWhenOpen:p,lang:_,color:m="#007ac9",timeZone:b="Europe/Helsinki",onModalSubmit:h,serviceTimeRange:f,onOpen:x,onClose:w,openPicker:v}){o.Settings.defaultZone=b;const[k]=i.useTranslation(),[j,S]=n.useState(v||!1),[N,T]=n.useState(e||o.DateTime.now().toMillis()),[Y,q]=n.useState(null),[O]=n.useState(y.default("datetimepicker-")),[$]=n.useState(M()&&function(){if("undefined"==typeof window||null===window)return!1;const e=document.createElement("input");return e.type="date","date"===e.type&&(e.type="time","time"===e.type)}()),R=n.useRef(),G=n.useRef(),z=n.useRef(),W={lng:_};n.useEffect(()=>{o.Settings.defaultLocale=_},[_]);const E=null===e;n.useEffect(()=>{E?T(o.DateTime.now().toMillis()):(Y&&(clearInterval(Y),q(null)),T(e))},[e]),n.useEffect(()=>{if(!E)return;Y&&clearInterval(Y);const e=setInterval(()=>{const t=o.DateTime.now();o.DateTime.fromMillis(N).hasSame(t,"minute")||(clearInterval(e),q(null),T(t.toMillis()))},5e3);return q(e),()=>clearInterval(e)},[N]);const I=e=>{const t=o.DateTime.fromMillis(e),n=o.DateTime.now();let i;return t.hasSame(n,"day")?(i=k("today",W),i=`${i.charAt(0).toUpperCase()}${i.slice(1)}`):t.hasSame(n.plus({days:1}),"day")?(i=k("tomorrow",W),i=`${i.charAt(0).toUpperCase()}${i.slice(1)}`):i=t.toFormat("ccc d.L."),i},Z=e=>o.DateTime.fromMillis(e).toFormat("HH:mm"),[F,U]=n.useMemo(()=>{const t=o.DateTime.fromMillis(e||o.DateTime.now().toMillis()),n=t.startOf("day").toMillis(),i=M();let s=[],l=t.startOf("day");for(;l.hasSame(n,"day");)s.push(l.valueOf()),l=i?l.plus({minutes:15}):l.plus({minutes:1});if(null===e){const e=3e5,t=Math.ceil(N/e)*e,n=Array(7).fill().map((n,i)=>t+i*e),i=s.map(e=>N-e).findIndex(e=>e<=0);s.splice(i,0,...n),s=Array.from(new Set(s))}const a=o.DateTime.now().startOf("day").set({hour:t.hour,minute:t.minute});return[s,Array(f).fill().map((e,t)=>a.plus({days:t}).toMillis())]},[e]);function P(){z.current&&(z.current.innerHTML=k("accessible-closed",W),setTimeout(()=>{z.current&&(z.current.innerHTML=null)},100))}const V=()=>{S(!1),P(),w&&w()},X=()=>{V(),a()};return c.jsxs("fieldset",{className:D["dt-datetimepicker"],id:`${O}-root`,style:{"--color":`${m}`},children:[c.jsx("legend",{className:D["sr-only"],children:k("accessible-title",W)}),c.jsx("span",{className:D["sr-only"],children:k("accessible-update-instructions",W)}),c.jsxs("div",{className:j?`${D.hidden} datetimepicker-top-row`:`${D["top-row-container"]} ${D.closed} datetimepicker-top-row`,children:[c.jsxs("label",{className:D["label-open"],htmlFor:`${O}-open`,children:[c.jsx("span",{className:D["time-icon"],children:c.jsx(g.default,{img:"time",color:m})}),c.jsx("span",{className:D["sr-only"],children:k("accessible-open",W)}),c.jsx("span",{role:"alert",className:D["sr-only"],ref:z}),c.jsxs("button",{id:`${O}-open`,type:"button",className:`${D.textbutton} ${D.active} ${D["open-button"]}`,"aria-controls":`${O}-root`,"aria-expanded":"false",onClick:()=>{S(!0),z.current&&(z.current.innerHTML=k("accessible-opened",W),setTimeout(()=>{z.current&&(z.current.innerHTML=null)},100)),x&&x()},ref:R,children:[(()=>{if(E&&"departure"===l)return c.jsx("span",{children:k("departure-now",W)});const e=I(N),t=Z(N),n=k("departure"===l?"departure":"arrival",W),i=o.DateTime.now().hasSame(o.DateTime.fromMillis(N),"day"),s=o.DateTime.now().plus({days:1}).hasSame(o.DateTime.fromMillis(N),"day");return i?c.jsx("span",{children:`${n} ${t}`}):s?c.jsx("span",{children:`${n} ${e.toLowerCase()} ${t}`}):c.jsx("span",{children:`${n} ${e} ${t}`})})(),c.jsx("span",{className:D["dropdown-icon"],children:c.jsx(g.default,{img:"arrow-dropdown",color:m})})]})]}),c.jsx("span",{className:D["right-edge"],children:u})]}),c.jsx("div",{}),$?j&&c.jsx(A,{departureOrArrival:l,onNowClick:X,lang:_,color:m,onSubmit:(e,t)=>{h(e,t),S(!1),P()},onCancel:V,onAfterClose:()=>requestAnimationFrame(()=>{R.current?.focus()}),getTimeDisplay:Z,timeZone:b,timestamp:N,getDateDisplay:I,dateSelectItemCount:f,getDisplay:Z}):c.jsxs(c.Fragment,{children:[c.jsxs("div",{className:`${D["datetimepicker-open-container"]} ${j?"":D.hidden}`,children:[c.jsxs("div",{className:j?`${D["top-row-container"]} datetimepicker-top-row`:`${D.hidden} datetimepicker-top-row`,children:[" ",c.jsx("span",{role:"alert",className:D["sr-only"],ref:z}),c.jsx("span",{}),c.jsxs("span",{className:D["departure-or-arrival-container"],children:[c.jsxs("label",{htmlFor:`${O}-departure`,className:`${D["radio-textbutton-label"]}\n ${D["departure"===l?"active":void 0]}`,children:[k("departure",W),c.jsx("input",{id:`${O}-departure`,name:"departureOrArrival",type:"radio",value:"departure",className:D["radio-textbutton"],onChange:()=>{r()},checked:"departure"===l})]}),c.jsxs("label",{htmlFor:`${O}-arrival`,className:`${D["radio-textbutton-label"]}\n ${D["arrival"===l?"active":void 0]}`,children:[k("arrival",W),c.jsx("input",{id:`${O}-arrival`,name:"departureOrArrival",type:"radio",value:"arrival",className:D["radio-textbutton"],onChange:()=>{d()},checked:"arrival"===l})]})]}),c.jsx("button",{id:`${O}-now`,type:"button",className:D["departure-now-button"],onClick:X,ref:G,children:k("departure-now",W)}),c.jsx("span",{className:D["right-edge"],children:c.jsxs("button",{type:"button",className:D["close-button"],"aria-controls":`${O}-root`,"aria-expanded":"true",onClick:V,children:[c.jsx("span",{className:D["close-icon"],children:c.jsx(g.default,{img:"close",color:m})}),c.jsx("span",{className:D["sr-only"],children:k("accessible-close",W)})]})})]}),c.jsxs("div",{className:j?`${D["picker-container"]}`:`${D.hidden} datetimepicker-top-row`,children:[c.jsx("span",{className:D["combobox-left"],children:c.jsx(C,{value:N,onChange:e=>{s(e)},getDisplay:I,timeChoices:U,validate:()=>null,icon:c.jsx("span",{className:`${D["combobox-icon"]} ${D["date-input-icon"]}`,children:c.jsx(g.default,{img:"calendar",color:m})}),id:`${O}-date`,label:k("date",W),disableTyping:!0,timeZone:b,datePicker:!0})}),c.jsx("span",{className:D["combobox-right"],children:c.jsx(C,{value:N,onChange:e=>{t(e)},getDisplay:Z,timeChoices:F,icon:c.jsx("span",{className:`${D["combobox-icon"]} ${D["time-input-icon"]}`,children:c.jsx(g.default,{img:"time",color:m})}),id:`${O}-time`,label:k("time",W),timeZone:b,translationSettings:W})})]})]}),c.jsx("span",{className:j?"":D.hidden,children:p})]})]})}"production"!==process.env.NODE_ENV&&(R.propTypes={value:b.default.number.isRequired,dateChoices:b.default.arrayOf(b.default.number).isRequired,id:b.default.string.isRequired,getDisplay:b.default.func.isRequired,onChange:b.default.func.isRequired,labelId:b.default.string.isRequired,inputId:b.default.string.isRequired}),"production"!==process.env.NODE_ENV&&(G.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,timeZone:b.default.string}),"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}),o.Settings.defaultLocale="en","production"!==process.env.NODE_ENV&&(A.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,onAfterClose:b.default.func.isRequired,timestamp:b.default.number.isRequired,getTimeDisplay:b.default.func.isRequired,dateSelectItemCount:b.default.number.isRequired,getDateDisplay:b.default.func.isRequired}),o.Settings.defaultLocale="en","production"!==process.env.NODE_ENV&&(W.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,serviceTimeRange:b.default.number.isRequired,onOpen:b.default.func,onClose:b.default.func,openPicker:b.default.bool});const E=_.createInstance({fallbackLng:"fi",resources:{de:{translation:{"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",cancel:"Abbrechen","choose-time":"Zeit wählen",date:"Datum",departure:"Abfahrt","departure-now":"Abfahrt jetzt",ready:"Fertig",time:"Zeit",today:"Heute",tomorrow:"Morgen"}},en:{translation:{"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",cancel:"Cancel","choose-time":"Choose time",date:"Date",departure:"Departure","departure-now":"Leaving now","invalid-input":"The time you entered is invalid",ready:"Ready",time:"Time",today:"Today",tomorrow:"Tomorrow"}},fi:{translation:{"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ä",cancel:"Peruuta","choose-time":"Valitse aika",date:"Päivä",departure:"Lähtöaika","departure-now":"Lähtö nyt","invalid-input":"Syöttämäsi aika on virheellinen",ready:"Valmis",time:"Aika",today:"Tänään",tomorrow:"Huomenna"}},pl:{translation:{"accessible-close":"Zamknij wybornik","accessible-closed":"Zamknięto wybornik","accessible-open":"Otwórz wybornik","accessible-opened":"Otwarto wybornik","accessible-title":"Wybór daty i godziny","accessible-update-instructions":"Zmiana wybranej godziny wywoła nowe wyszukiwanie.",arrival:"Przyjazd",cancel:"Anuluj","choose-time":"Wybierz godzinę",date:"Data",departure:"Wyjazd","departure-now":"Wyjeżdżam teraz","invalid-input":"Wprowadzona godzina jest nieprawidłowa",ready:"Gotowe",time:"Godzina",today:"Dziś",tomorrow:"Jutro"}},sv:{translation:{"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",cancel:"Avbryt","choose-time":"Välj tid",date:"Datum",departure:"Avgångstid","departure-now":"Avgår nu","invalid-input":"Tiden du angav är felaktig",ready:"Färdig",time:"Tid",today:"I dag",tomorrow:"I morgon"}}},defaultNS:"translation",react:{useSuspense:!0}});function I({realtime:e=!1,initialArriveBy:t,initialTimestamp:s,onDepartureClick:l,onArrivalClick:a,onTimeChange:r,onDateChange:d,onNowClick:u,embedWhenClosed:p,embedWhenOpen:_,lang:m="en",color:b="#007ac9",timeZone:y="Europe/Helsinki",serviceTimeRange:g=30,onOpen:f,onClose:x,openPicker:w}){o.Settings.defaultLocale=m,o.Settings.defaultZone=y;const v=e?null:o.DateTime.now().toMillis(),[k,j]=n.useState(s?1e3*s:v),[S,D]=n.useState(!0===t?"arrival":"departure");n.useEffect(()=>{const e=null===k&&void 0===s,n=null===k||void 0===s,i=Math.round(k/1e3)===s;!e&&(n||!i)&&j(void 0===s?null:1e3*s),!t==("arrival"===S)&&D(!0===t?"arrival":"departure")},[s,t]);const N=h.default(e=>{if(null===e)return j(o.DateTime.now().toMillis()),void r(o.DateTime.now().toUnixInteger(),"arrival"===S);j(e),r(Math.round(e/1e3),"arrival"===S)},10),C=h.default(e=>{if(null===e)return j(o.DateTime.now().toMillis()),void d(o.DateTime.now().toUnixInteger(),"arrival"===S);j(e),d(Math.round(e/1e3),"arrival"===S)},10);return c.jsx(i.I18nextProvider,{i18n:E,children:c.jsx(W,{timestamp:k,onTimeChange:N,onDateChange:C,departureOrArrival:S,onNowClick:()=>{D("departure");const t=e?null:o.DateTime.now().toMillis();j(t),u(Math.round(t/1e3))},onDepartureClick:()=>{let e=!1,t=k;if(null===k){const n=o.DateTime.now().toMillis();j(n),t=n,e=!0}"departure"!==S&&(D("departure"),e=!0),e&&l(Math.round(t/1e3))},onArrivalClick:()=>{let e=!1,t=k;if(null===k){const n=o.DateTime.now().toMillis();j(n),t=n,e=!0}"arrival"!==S&&(D("arrival"),e=!0),e&&a(Math.round(t/1e3))},embedWhenClosed:p,embedWhenOpen:_,lang:m,color:b,timeZone:y,onModalSubmit:(e,t)=>{j(e),D(t),r(Math.round(e/1e3),"arrival"===t,!0)},serviceTimeRange:g,onOpen:f,onClose:x,openPicker:w})})}E.init(),"production"!==process.env.NODE_ENV&&(I.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,serviceTimeRange:b.default.number,onOpen:b.default.func,onClose:b.default.func,openPicker:b.default.bool}),e.default=I,Object.defineProperty(e,"__esModule",{value:!0})});
2
2
  //# sourceMappingURL=index.cjs.map