vue-accessible-date-field - npm Package Compare versions

Comparing version 0.2.4 to 0.2.5

dist/types/src/ilocalization.d.ts

@@ -8,2 +8,3 @@ export interface Localization {
     generalDateFieldError: string;
+    keyboardNavInstructions: string;
     buttonLabelChoose: string;
@@ -16,7 +17,7 @@ buttonLabelChange: string;
     dayNames: string[];
+    dayNamesShort: string[];
     monthNames: string[];
     monthNamesForMessage: string[];
-    dayNamesShort: string[];
     selectFocusedButtonLabel: string;
     cancelButtonLabel: string;
 }

dist/types/src/vue-accessible-date-field.vue.d.ts

@@ -47,3 +47,5 @@ import { PropType } from "vue";
     buttonLabel(): string;
+    navInstruct(): string;
     calendarVisible(): boolean;
+    daysShort(): string[];
     placeholderText(): string;
@@ -76,3 +78,3 @@ possibleDateFormats(): string;
     riffleMonths(forwardOrBackward: string, event?: Event | undefined): void;
-    riffleYears(forwardOrBackward: string, event: Event): void;
+    riffleYears(forwardOrBackward: string, event?: Event | undefined): void;
     checkIfLeapYear(year: number): boolean;
@@ -79,0 +81,0 @@ goToPreviousYear(): void;

dist/vue-accessible-date-field.esm.js

@@ -50,2 +50,3 @@ import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, normalizeClass, vModelText, withKeys, toDisplayString, createCommentVNode, Fragment, renderList, createTextVNode, createStaticVNode } from 'vue';
   generalDateFieldError: 'Syöttämäsi päivämäärän muoto ei kelpaa',
+  keyboardNavInstructions: 'Kalenterin sisältöä voi selata näppäimistöltä seuraavilla painikkeilla: ' + 'sarkainpainike: siirrä kohdistusta nuolipainikkeiden, kohdistetun päivämäärän sekä OK- ja Peruuta -painikkeiden välillä, ' + 'nuoli vasemmalle: siirry edelliseen päivään, ' + 'nuoli oikealle: Siirry seuraavaan päivään, ' + 'nuoli ylös: siirry edellisen viikon samaan viikonpäivään, ' + 'nuoli alas: siirry seuraavan viikon samaan viikonpäivään, ' + 'HOME-näppäin: siirry saman viikon ensimmäiseen päivään, ' + 'END-näppäin: siirry saman viikon viimeiseen päivään, ' + 'PAGE DOWN -näppäin: siirry edelliseen kuukauteen, ' + 'SHIFT + PAGE DOWN -näppäin: siirry edelliseen vuoteen, ' + 'PAGE UP -näppäin: siirry seuraavaan kuukauteen, ' + 'SHIFT + PAGE UP -näppäin: siirry seuraavaan vuoteen, ' + 'ENTER: valitse kohdistettu päivä ja sulje kalenteri, ' + 'SPACE: valitse kohdistettu päivä, kalenteri pysyy auki, ' + 'ESC: sulje kalenteri',
   buttonLabelChoose: 'Valitse päivämäärä',
@@ -58,5 +59,5 @@ buttonLabelChange: 'Muuta valittua päivämäärää, ',
   dayNames: ['maanantai', 'tiistai', 'keskiviikko', 'torstai', 'perjantai', 'lauantai', 'sunnuntai'],
+  dayNamesShort: ['ma', 'ti', 'ke', 'to', 'pe', 'la', 'su'],
   monthNames: ['tammikuu', 'helmikuu', 'maaliskuu', 'huhtikuu', 'toukokuu', 'kesäkuu', 'heinäkuu', 'elokuu', 'syyskuu', 'lokakuu', 'marraskuu', 'joulukuu'],
   monthNamesForMessage: ['tammikuuta', 'helmikuuta', 'maaliskuuta', 'huhtikuuta', 'toukokuuta', 'kesäkuuta', 'heinäkuuta', 'elokuuta', 'syyskuuta', 'lokakuuta', 'marraskuuta', 'joulukuuta'],
-  dayNamesShort: ['ma', 'ti', 'ke', 'to', 'pe', 'la', 'su'],
   selectFocusedButtonLabel: 'OK',
@@ -73,2 +74,3 @@ cancelButtonLabel: 'Peruuta'
   generalDateFieldError: 'Datumformatet du angav är ogiltigt',
+  keyboardNavInstructions: 'Du kan bläddra igenom kalenderinnehållet med följande knappar:' + 'Tab-knapp: Flytta fokus mellan pilknapparna, måldatumet och knapparna OK och Avbryt, ' + 'vänsterpil: gå till föregående dag, ' + 'högerpil: Gå till nästa dag, ' + 'uppåtpil: gå till samma veckodag förra veckan, ' + 'nedåtpil: gå till samma veckodag nästa vecka, ' + 'HEM-knapp: gå till den första dagen i samma vecka, ' + 'END-tangent: gå till den sista dagen i samma vecka, ' + 'PAGE DOWN-tangent: gå till föregående månad ,' + 'SHIFT + PAGE DOWN-tangent: gå till föregående år, ' + 'PAGE UP-tangent: gå till nästa månad, ' + 'SHIFT + PAGE UP-tangent: gå till nästa år, ' + 'ENTER: välj den inriktade dagen och stäng kalendern, ' + 'UTRYMME: välj en inriktad dag, kalendern förblir öppen, ' + 'ESC: stäng kalender',
   buttonLabelChoose: 'Välj ett datum',
@@ -81,5 +83,5 @@ buttonLabelChange: 'Ändra det valda datumet, ',
   dayNames: ['måndag', 'tisdag', 'onsdag', 'torsdag', 'fredag', 'lördag', 'söndag'],
+  dayNamesShort: ['må', 'ti', 'on', 'to', 'fr', 'lö', 'sö'],
   monthNames: ['januari', 'februari', 'mars', 'april', 'maj', 'juni', 'juli', 'augusti', 'september', 'oktober', 'november', 'december'],
   monthNamesForMessage: ['januari', 'februari', 'mars', 'april', 'maj', 'juni', 'juli', 'augusti', 'september', 'oktober', 'november', 'december'],
-  dayNamesShort: ['må', 'ti', 'on', 'to', 'fr', 'lö', 'sö'],
   selectFocusedButtonLabel: 'OK',
@@ -96,2 +98,3 @@ cancelButtonLabel: 'Avbryt'
   generalDateFieldError: 'The entered date format is invalid',
+  keyboardNavInstructions: 'You can navigate through the date picker contents with the following keys: ' + 'TAB: Move focus between the arrow buttons, the targeted date, and the OK and Cancel buttons, ' + 'left arrow: go to the previous day, ' + 'right arrow: Go to the next day, ' + 'up arrow: go to the same day of the week, ' + 'down arrow: go to the same day of the week next week, ' + 'HOME key: go to the first day of the same week, ' + 'END key: go to the last day of the same week, ' + 'PAGE DOWN key: go to the previous month, ' + 'SHIFT + PAGE DOWN key: go to the previous year, ' + 'PAGE UP key: go to the next month, ' + 'SHIFT + PAGE UP key: go to the next year, ' + 'ENTER: select the focused day and close the date picker, ' + 'SPACE: select the focused day, date picker will remain open, ' + 'ESC: close date picker',
   buttonLabelChoose: 'Choose date',
@@ -103,6 +106,6 @@ buttonLabelChange: 'Change selected date, ',
   buttonLabelNextYear: 'Move to next year',
-  dayNames: ['Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],
+  dayNames: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],
+  dayNamesShort: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
   monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
   monthNamesForMessage: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
-  dayNamesShort: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
   selectFocusedButtonLabel: 'OK',
@@ -156,2 +159,3 @@ cancelButtonLabel: 'Cancel'
       generalDateFieldError: "",
+      keyboardNavInstructions: "",
       buttonLabelChoose: "",
@@ -267,2 +271,6 @@ buttonLabelChange: "",
 
+    navInstruct() {
+      return this.localizationData.keyboardNavInstructions;
+    },
+
     calendarVisible() {
@@ -272,2 +280,6 @@ return this.showCalendar;
 
+    daysShort() {
+      return this.localizationData.dayNamesShort;
+    },
+
     placeholderText() {
@@ -490,8 +502,8 @@ return this.localizationData.placeholderText;
         let today = dateNow.getDate();
-        let monthNow = dateNow.getMonth();
-        let yearNow = dateNow.getFullYear();
+        this.currentMonth = dateNow.getMonth();
+        this.year = dateNow.getFullYear();
         const thisDaySelected = {
           day: today,
-          month: monthNow,
-          year: yearNow
+          month: this.currentMonth,
+          year: this.year
         };
@@ -570,9 +582,8 @@ const selectedDate = this.createDate(thisDaySelected);
       event.preventDefault();
-      this.changeTabIndex(0, -1); // if also Shift key pressed, picker moves to next year
+      this.changeTabIndex(0, -1);
 
       if (event.shiftKey) {
-        this.goToNextYear();
+        this.goToPreviousYear();
       } else {
-        // if not, moves to next month
-        this.goToNextMonth();
+        this.goToPreviousMonth();
       }
@@ -595,8 +606,9 @@
       event.preventDefault();
-      this.changeTabIndex(0, -1);
+      this.changeTabIndex(0, -1); // if also Shift key pressed, picker moves to next year
 
       if (event.shiftKey) {
-        this.goToPreviousYear();
+        this.goToNextYear();
       } else {
-        this.goToPreviousMonth();
+        // if not, moves to next month
+        this.goToNextMonth();
       }
@@ -980,5 +992,5 @@
 const _hoisted_4 = ["id", "aria-describedby", "placeholder"];
-const _hoisted_5 = ["aria-label"];
+const _hoisted_5 = ["aria-label", "aria-description"];
 
-const _hoisted_6 = /*#__PURE__*/createStaticVNode("<svg aria-hidden=\"true\" version=\"1.0\" xmlns=\"http://www.w3.org/2000/svg\" width=\"18pt\" height=\"18pt\" viewBox=\"0 0 815.000000 822.000000\" preserveAspectRatio=\"xMidYMid meet\" data-v-19fc3c50><g transform=\"translate(0.000000,822.000000) scale(0.100000,-0.100000)\" fill=\"#000000\" stroke=\"none\" data-v-19fc3c50><path d=\"M2382 8200 c-18 -11 -41 -34 -52 -52 -19 -31 -20 -51 -20 -380 l0\r\n              -348 -1022 -2 -1023 -3 -56 -26 c-79 -37 -133 -90 -171 -167 l-33 -67 0 -3445\r\n              0 -3445 33 -67 c38 -77 92 -130 171 -167 l56 -26 1766 -3 1767 -2 953 250\r\n              c1139 300 2795 732 3144 821 l250 64 0 3010 0 3010 -33 67 c-38 77 -92 130\r\n              -171 167 l-56 26 -1032 3 -1033 2 0 348 c0 329 -1 349 -20 380 -40 65 -65 72\r\n              -255 72 -190 0 -215 -7 -255 -72 -19 -31 -20 -51 -20 -380 l0 -348 -1205 0\r\n              -1205 0 0 348 c0 329 -1 349 -20 380 -40 65 -65 72 -255 72 -152 0 -173 -2\r\n              -203 -20z m-72 -1672 c0 -375 1 -395 20 -426 40 -65 65 -72 255 -72 190 0 215\r\n              7 255 72 19 31 20 51 20 426 l0 392 1205 0 1205 0 0 -392 c0 -375 1 -395 20\r\n              -426 40 -65 65 -72 255 -72 190 0 215 7 255 72 19 31 20 51 20 426 l0 392 915\r\n              0 915 0 0 -790 0 -790 -3575 0 -3575 0 0 790 0 790 905 0 905 0 0 -392z m5340\r\n              -3180 c0 -848 -4 -1478 -9 -1473 -5 6 -73 107 -151 225 -78 118 -146 219 -150\r\n              223 -4 5 -627 -404 -1384 -907 l-1378 -916 -2039 0 -2039 0 0 2165 0 2165\r\n              3575 0 3575 0 0 -1482z\" data-v-19fc3c50></path><path d=\"M1336 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-19fc3c50></path><path d=\"M3526 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-19fc3c50></path><path d=\"M5636 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-19fc3c50></path><path d=\"M1336 2374 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-19fc3c50></path><path d=\"M3546 2374 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-19fc3c50></path></g></svg>", 1);
+const _hoisted_6 = /*#__PURE__*/createStaticVNode("<svg aria-hidden=\"true\" version=\"1.0\" xmlns=\"http://www.w3.org/2000/svg\" width=\"18pt\" height=\"18pt\" viewBox=\"0 0 815.000000 822.000000\" preserveAspectRatio=\"xMidYMid meet\" data-v-b7db4016><g transform=\"translate(0.000000,822.000000) scale(0.100000,-0.100000)\" fill=\"#000000\" stroke=\"none\" data-v-b7db4016><path d=\"M2382 8200 c-18 -11 -41 -34 -52 -52 -19 -31 -20 -51 -20 -380 l0\r\n              -348 -1022 -2 -1023 -3 -56 -26 c-79 -37 -133 -90 -171 -167 l-33 -67 0 -3445\r\n              0 -3445 33 -67 c38 -77 92 -130 171 -167 l56 -26 1766 -3 1767 -2 953 250\r\n              c1139 300 2795 732 3144 821 l250 64 0 3010 0 3010 -33 67 c-38 77 -92 130\r\n              -171 167 l-56 26 -1032 3 -1033 2 0 348 c0 329 -1 349 -20 380 -40 65 -65 72\r\n              -255 72 -190 0 -215 -7 -255 -72 -19 -31 -20 -51 -20 -380 l0 -348 -1205 0\r\n              -1205 0 0 348 c0 329 -1 349 -20 380 -40 65 -65 72 -255 72 -152 0 -173 -2\r\n              -203 -20z m-72 -1672 c0 -375 1 -395 20 -426 40 -65 65 -72 255 -72 190 0 215\r\n              7 255 72 19 31 20 51 20 426 l0 392 1205 0 1205 0 0 -392 c0 -375 1 -395 20\r\n              -426 40 -65 65 -72 255 -72 190 0 215 7 255 72 19 31 20 51 20 426 l0 392 915\r\n              0 915 0 0 -790 0 -790 -3575 0 -3575 0 0 790 0 790 905 0 905 0 0 -392z m5340\r\n              -3180 c0 -848 -4 -1478 -9 -1473 -5 6 -73 107 -151 225 -78 118 -146 219 -150\r\n              223 -4 5 -627 -404 -1384 -907 l-1378 -916 -2039 0 -2039 0 0 2165 0 2165\r\n              3575 0 3575 0 0 -1482z\" data-v-b7db4016></path><path d=\"M1336 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-b7db4016></path><path d=\"M3526 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-b7db4016></path><path d=\"M5636 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-b7db4016></path><path d=\"M1336 2374 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-b7db4016></path><path d=\"M3546 2374 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-b7db4016></path></g></svg>", 1);
 
@@ -1051,2 +1063,3 @@ const _hoisted_7 = [_hoisted_6];
     "aria-label": _ctx.buttonLabel,
+    "aria-description": _ctx.navInstruct,
     onClick: _cache[2] || (_cache[2] = $event => _ctx.handleIconPress($event)),
@@ -1076,3 +1089,3 @@ onKeydown: [_cache[3] || (_cache[3] = withKeys($event => _ctx.handleIconPress($event), ["enter"])), _cache[4] || (_cache[4] = withKeys($event => _ctx.handleIconPress($event), ["space"]))]
     class: "arrow-button previous-year-button",
-    onClick: _cache[6] || (_cache[6] = $event => _ctx.riffleYears('backward', $event)),
+    onClick: _cache[6] || (_cache[6] = $event => _ctx.riffleYears('backward')),
     "aria-label": _ctx.localizationData.buttonLabelPreviousYear,
@@ -1092,3 +1105,3 @@ onKeydown: [_cache[7] || (_cache[7] = withKeys($event => _ctx.handlePrevYearTab($event), ["tab"])), _cache[8] || (_cache[8] = withKeys($event => _ctx.closeDatePickerModal($event), ["esc"])), _cache[9] || (_cache[9] = withKeys($event => _ctx.riffleYears('backward', $event), ["enter"]))]
     class: "arrow-button",
-    onClick: _cache[13] || (_cache[13] = $event => _ctx.riffleMonths('forward', $event)),
+    onClick: _cache[13] || (_cache[13] = $event => _ctx.riffleMonths('forward')),
     "aria-label": _ctx.localizationData.buttonLabelNextMonth,
@@ -1099,3 +1112,3 @@ onKeydown: [_cache[14] || (_cache[14] = withKeys($event => _ctx.closeDatePickerModal($event), ["esc"])), _cache[15] || (_cache[15] = withKeys($event => _ctx.riffleMonths('forward', $event), ["enter"]))]
     class: "arrow-button",
-    onClick: _cache[16] || (_cache[16] = $event => _ctx.riffleYears('forward', $event)),
+    onClick: _cache[16] || (_cache[16] = $event => _ctx.riffleYears('forward')),
     "aria-label": _ctx.localizationData.buttonLabelNextYear,
@@ -1108,3 +1121,3 @@ onKeydown: [_cache[17] || (_cache[17] = withKeys($event => _ctx.closeDatePickerModal($event), ["esc"])), _cache[18] || (_cache[18] = withKeys($event => _ctx.riffleYears('forward', $event), ["enter"]))]
     "aria-labelledby": 'datepickerHeader-' + _ctx.uniqueString
-  }, [createElementVNode("thead", null, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.localizationData.dayNamesShort, (day, i) => {
+  }, [createElementVNode("thead", null, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.daysShort, (day, i) => {
     return openBlock(), createElementBlock("th", {
@@ -1174,7 +1187,7 @@ scope: "col",
 
-var css_248z = "\r\n/* :root {} */\r\n\r\n/* datefield */\r\n\r\n/* .vue-accessible-date-field {\r\n    text-align: center;\r\n  } */\r\n\r\n/* button::before {\r\n     content: url(\"./assets/calendar-icon.svg\");\r\n  } */\n.date-field-section .date-field[data-v-19fc3c50] {\r\n   max-width: 120px;\r\n   height: 27px;\r\n   padding-left: 5px;\r\n   vertical-align: bottom;\r\n   border-width: 0 0 1px 0;\r\n   background-color: #ffffff;\r\n   border-color: #323a45;\n}\n.date-field-section .date-field[data-v-19fc3c50]:focus {\r\n   outline: 3px solid #d71ef7;\r\n   outline-offset: -3px;\n}\n.date-field-inline[data-v-19fc3c50] {\r\n   white-space: nowrap;\n}\n.date-field-inline input.error[data-v-19fc3c50] {\r\n  outline: 3px solid #BB1331;\r\n  outline-offset: -3px;\n}\n.date-field[data-v-19fc3c50] {\r\n   color: #222222;\n}\n[data-v-19fc3c50]::placeholder {\r\n   color: #767676;\r\n   opacity: 1;\n}\n.date-field-section .field-description[data-v-19fc3c50] {\r\n   display: block;\r\n   font-size: 0.625rem;\r\n   left: 0;\r\n   top: 3.5em;\n}\n.screen-reader-only[data-v-19fc3c50] {\r\n   top: -2000em;\r\n   left: -3000em;\r\n   border: 0;\r\n   clip: rect(0, 0, 0, 0);\r\n   height: 1px;\r\n   margin: -1px;\r\n   overflow: hidden;\r\n   padding: 0;\r\n   position: absolute;\r\n   width: 1px;\n}\nul.error-list[data-v-19fc3c50] {\r\n  color: #BB1331;\r\n  list-style-type: none;\r\n  padding: 0;\r\n  margin: 0;\n}\nbutton[data-v-19fc3c50]:focus {\r\n   outline: 3px solid #d71ef7;\r\n   outline-offset: -3px;\n}\r\n\r\n/* datepicker-modal */\n.calendar-modal[data-v-19fc3c50] {\r\n   position: absolute;\r\n   background-color: #ffffff;\r\n   border: 1px solid #000000;\r\n   max-width: 450px;\n}\n.open-calendar-btn[data-v-19fc3c50] {\r\n   height: 30px;\r\n   background-color: #ffffff;\r\n   padding-bottom: 0px;\r\n   border-width: 0 0 1px 0;\r\n   border-color: #323a45;\n}\n.open-calendar-btn svg[data-v-19fc3c50] {\r\n   margin-top: 1px;\n}\n.open-calendar-icon[data-v-19fc3c50] {\r\n   height: 85%;\n}\r\n\r\n/* datepicker header-line */\n.datepicker-header-line[data-v-19fc3c50] {  \r\n   display: inline-flex;\r\n   width: 100%;\r\n   min-width: 250px;\n}\n.datepicker-header[data-v-19fc3c50] {\r\n   font-size: 1.5rem;\r\n   white-space: nowrap;\r\n   width: 180px;\r\n   text-align: center;\r\n   margin-top: 15px;\r\n   margin-bottom: 10px;\n}\n.datepicker-header-month[data-v-19fc3c50] {\r\n   display: inline-block;\r\n   color: #222222;\n}\n.datepicker-header-year[data-v-19fc3c50] {\r\n   display: inline-block;\r\n   color: #222222;\n}\nthead > tr th[data-v-19fc3c50] {\r\n   width: 20px;\r\n   height: 35px;\n}\n.arrow-button[data-v-19fc3c50] {\r\n   min-width: 30px;\r\n   background-color: #ffffff;\r\n   border: none;\r\n   font-size: 1.5rem;\r\n   font-weight: 600;\r\n   cursor: pointer;\r\n   padding-top: 10px;\r\n   padding-bottom: 10px;\r\n   padding-right: 10px;\r\n   padding-left: 10px;\n}\r\n\r\n/* datepicker-grid */\n.datepicker-grid[data-v-19fc3c50] {\r\n   min-height: 225px;\r\n   width: 100%;\r\n   padding-right: 15px;\r\n   padding-left: 15px;\r\n   margin-bottom: 15px;\n}\n.datepicker-table-row[data-v-19fc3c50] {\r\n   text-align: center;\n}\r\n\r\n/* suurenna */\n.datepicker-day[data-v-19fc3c50] {\r\n   width: 24px;\r\n   color: #222222;\r\n   padding: 5px;\r\n   margin: 2px;\r\n   border-radius: 3px;\n}\n.datepicker-day[data-v-19fc3c50]:not(.disabled-day) {\r\n   font-weight: 600;\n}\n.disabled-day[data-v-19fc3c50] {\r\n   color: #595959;\n}\n.datepicker-day[data-v-19fc3c50]:hover {\r\n   background-color: #e8e7e7;\n}\n.datepicker-day[data-v-19fc3c50]:not(.disabled-day):hover {\r\n   padding: 3px;\r\n   border: 2px solid #f44a87;\n}\ntd.datepicker-day[data-v-19fc3c50]:focus {\r\n   padding: 3px;\r\n   border: 2px solid #3182a0;\r\n   outline: 0;\n}\n.datepicker-day[tabindex=\"0\"][data-v-19fc3c50] {\r\n   background-color: #ffd55f;\r\n   color: #000000;\n}\n.datepicker-day.selected-date[data-v-19fc3c50] {\r\n   padding: 3px;\r\n   border: 2px dotted #3182a0;\r\n   outline: 0;\n}\n.buttons[data-v-19fc3c50] {\r\n   float: right;\r\n   margin-right: 10px;\n}\nbutton.choose-selected-date[data-v-19fc3c50],\r\nbutton.close-calendar-modal[data-v-19fc3c50] {\r\n   border: none;\r\n   border-radius: 3px;\r\n   background-color: #39306b;\r\n   color: #ffffff;\r\n   margin-bottom: 6px;\r\n   margin-right: 10px;\r\n   padding: 8px;\n}\nbutton.choose-selected-date[data-v-19fc3c50]:hover {\r\n   background-color: #5c73bc;\n}\nbutton.close-calendar-modal[data-v-19fc3c50]:hover {\r\n   background-color: #677983;\n}\nbutton.close-calendar-modal[data-v-19fc3c50] {\r\n   background-color: #272525;\n}\n.backdrop[data-v-19fc3c50] {\r\n   top: 0;\r\n   left: 0;\r\n   position: fixed;\r\n   background: rgba(0, 0, 0, 0.5);\r\n   width: 100%;\r\n   height: 100%;\n}\r\n\r\n/* XXL */\n@media (min-width: 1281px) {\n}\r\n\r\n/* XL */\n@media (min-width: 1025px) and (max-width: 1280px) {\n}\r\n\r\n/* L */\n@media (min-width: 768px) and (max-width: 1024px) {\r\n   /* .calendar-modal {\r\n      width: 50%;\r\n    } */\n}\r\n\r\n/* M */\n@media (min-width: 481px) and (max-width: 767px) {\r\n   /* .calendar-modal {\r\n      width: 70%;\r\n    } */\n}\r\n/* S */\n@media (max-width: 480px) {\r\n   /* .calendar-modal {\r\n      width: 95%;\r\n    } */\n}\r\n";
+var css_248z = "\r\n/* :root {} */\r\n\r\n/* datefield */\r\n\r\n/* .vue-accessible-date-field {\r\n    text-align: center;\r\n  } */\r\n\r\n/* button::before {\r\n     content: url(\"./assets/calendar-icon.svg\");\r\n  } */\n.date-field-section .date-field[data-v-b7db4016] {\r\n   max-width: 120px;\r\n   height: 27px;\r\n   padding-left: 5px;\r\n   vertical-align: bottom;\r\n   border-width: 0 0 1px 0;\r\n   background-color: #ffffff;\r\n   border-color: #323a45;\n}\n.date-field-section .date-field[data-v-b7db4016]:focus {\r\n   outline: 3px solid #d71ef7;\r\n   outline-offset: -3px;\n}\n.date-field-inline[data-v-b7db4016] {\r\n   white-space: nowrap;\n}\n.date-field-inline input.error[data-v-b7db4016] {\r\n  outline: 3px solid #BB1331;\r\n  outline-offset: -3px;\n}\n.date-field[data-v-b7db4016] {\r\n   color: #222222;\n}\n[data-v-b7db4016]::placeholder {\r\n   color: #767676;\r\n   opacity: 1;\n}\n.date-field-section .field-description[data-v-b7db4016] {\r\n   display: block;\r\n   font-size: 0.625rem;\r\n   left: 0;\r\n   top: 3.5em;\n}\n.screen-reader-only[data-v-b7db4016] {\r\n   top: -2000em;\r\n   left: -3000em;\r\n   border: 0;\r\n   clip: rect(0, 0, 0, 0);\r\n   height: 1px;\r\n   margin: -1px;\r\n   overflow: hidden;\r\n   padding: 0;\r\n   position: absolute;\r\n   width: 1px;\n}\nul.error-list[data-v-b7db4016] {\r\n  color: #BB1331;\r\n  list-style-type: none;\r\n  padding: 0;\r\n  margin: 0;\n}\nbutton[data-v-b7db4016]:focus {\r\n   outline: 3px solid #d71ef7;\r\n   outline-offset: -3px;\n}\r\n\r\n/* datepicker-modal */\n.calendar-modal[data-v-b7db4016] {\r\n   position: absolute;\r\n   background-color: #ffffff;\r\n   border: 1px solid #000000;\r\n   max-width: 450px;\n}\n.open-calendar-btn[data-v-b7db4016] {\r\n   height: 30px;\r\n   background-color: #ffffff;\r\n   padding-bottom: 0px;\r\n   border-width: 0 0 1px 0;\r\n   border-color: #323a45;\n}\n.open-calendar-btn svg[data-v-b7db4016] {\r\n   margin-top: 1px;\n}\n.open-calendar-icon[data-v-b7db4016] {\r\n   height: 85%;\n}\r\n\r\n/* datepicker header-line */\n.datepicker-header-line[data-v-b7db4016] {  \r\n   display: inline-flex;\r\n   width: 100%;\r\n   min-width: 250px;\n}\n.datepicker-header[data-v-b7db4016] {\r\n   font-size: 1.5rem;\r\n   white-space: nowrap;\r\n   width: 180px;\r\n   text-align: center;\r\n   margin-top: 15px;\r\n   margin-bottom: 10px;\n}\n.datepicker-header-month[data-v-b7db4016] {\r\n   display: inline-block;\r\n   color: #222222;\n}\n.datepicker-header-year[data-v-b7db4016] {\r\n   display: inline-block;\r\n   color: #222222;\n}\nthead > tr th[data-v-b7db4016] {\r\n   width: 20px;\r\n   height: 35px;\n}\n.arrow-button[data-v-b7db4016] {\r\n   min-width: 30px;\r\n   background-color: #ffffff;\r\n   border: none;\r\n   font-size: 1.5rem;\r\n   font-weight: 600;\r\n   cursor: pointer;\r\n   padding-top: 10px;\r\n   padding-bottom: 10px;\r\n   padding-right: 10px;\r\n   padding-left: 10px;\n}\r\n\r\n/* datepicker-grid */\n.datepicker-grid[data-v-b7db4016] {\r\n   min-height: 225px;\r\n   width: 100%;\r\n   padding-right: 15px;\r\n   padding-left: 15px;\r\n   margin-bottom: 15px;\n}\n.datepicker-table-row[data-v-b7db4016] {\r\n   text-align: center;\n}\r\n\r\n/* suurenna */\n.datepicker-day[data-v-b7db4016] {\r\n   width: 24px;\r\n   color: #222222;\r\n   padding: 5px;\r\n   margin: 2px;\r\n   border-radius: 3px;\n}\n.datepicker-day[data-v-b7db4016]:not(.disabled-day) {\r\n   font-weight: 600;\n}\n.disabled-day[data-v-b7db4016] {\r\n   color: #595959;\n}\n.datepicker-day[data-v-b7db4016]:hover {\r\n   background-color: #e8e7e7;\n}\n.datepicker-day[data-v-b7db4016]:not(.disabled-day):hover {\r\n   padding: 3px;\r\n   border: 2px solid #f44a87;\n}\ntd.datepicker-day[data-v-b7db4016]:focus {\r\n   padding: 3px;\r\n   border: 2px solid #3182a0;\r\n   outline: 0;\n}\n.datepicker-day[tabindex=\"0\"][data-v-b7db4016] {\r\n   background-color: #ffd55f;\r\n   color: #000000;\n}\n.datepicker-day.selected-date[data-v-b7db4016] {\r\n   padding: 3px;\r\n   border: 2px dotted #3182a0;\r\n   outline: 0;\n}\n.buttons[data-v-b7db4016] {\r\n   float: right;\r\n   margin-right: 10px;\n}\nbutton.choose-selected-date[data-v-b7db4016],\r\nbutton.close-calendar-modal[data-v-b7db4016] {\r\n   border: none;\r\n   border-radius: 3px;\r\n   background-color: #39306b;\r\n   color: #ffffff;\r\n   margin-bottom: 6px;\r\n   margin-right: 10px;\r\n   padding: 8px;\n}\nbutton.choose-selected-date[data-v-b7db4016]:hover {\r\n   background-color: #5c73bc;\n}\nbutton.close-calendar-modal[data-v-b7db4016]:hover {\r\n   background-color: #677983;\n}\nbutton.close-calendar-modal[data-v-b7db4016] {\r\n   background-color: #272525;\n}\n.backdrop[data-v-b7db4016] {\r\n   top: 0;\r\n   left: 0;\r\n   position: fixed;\r\n   background: rgba(0, 0, 0, 0.5);\r\n   width: 100%;\r\n   height: 100%;\n}\r\n\r\n/* XXL */\n@media (min-width: 1281px) {\n}\r\n\r\n/* XL */\n@media (min-width: 1025px) and (max-width: 1280px) {\n}\r\n\r\n/* L */\n@media (min-width: 768px) and (max-width: 1024px) {\r\n   /* .calendar-modal {\r\n      width: 50%;\r\n    } */\n}\r\n\r\n/* M */\n@media (min-width: 481px) and (max-width: 767px) {\r\n   /* .calendar-modal {\r\n      width: 70%;\r\n    } */\n}\r\n/* S */\n@media (max-width: 480px) {\r\n   /* .calendar-modal {\r\n      width: 95%;\r\n    } */\n}\r\n";
 styleInject(css_248z);
 
 script.render = render;
-script.__scopeId = "data-v-19fc3c50";
+script.__scopeId = "data-v-b7db4016";
 
@@ -1181,0 +1194,0 @@ // Import vue component

dist/vue-accessible-date-field.min.js

@@ -1,1 +0,1 @@
-var VueAccessibleDateField=function(e){"use strict";function t(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==a)return;var n,r,o=[],i=!0,s=!1;try{for(a=a.call(e);!(i=(n=a.next()).done)&&(o.push(n.value),!t||o.length!==t);i=!0);}catch(e){s=!0,r=e}finally{try{i||null==a.return||a.return()}finally{if(s)throw r}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return a(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return a(e,t)}(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 a(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var n={months:[{name:"tammikuu",numberOfDays:31},{name:"helmikuu",numberOfDays:void 0},{name:"maaliskuu",numberOfDays:31},{name:"huhtikuu",numberOfDays:30},{name:"toukokuu",numberOfDays:31},{name:"kesäkuu",numberOfDays:30},{name:"heinäkuu",numberOfDays:31},{name:"elokuu",numberOfDays:31},{name:"syyskuu",numberOfDays:30},{name:"lokakuu",numberOfDays:31},{name:"marraskuu",numberOfDays:30},{name:"joulukuu",numberOfDays:31}]},r={locale:"fi-FI",placeholderText:"esim. pp.kk.vvvv",dateFormatString:"päivämäärän muoto: ",wordOrTranslated:"tai",dateFormatOptions:["pp.kk.vvvv","pp-kk-vvvv","pp/kk/vvvv"],generalDateFieldError:"Syöttämäsi päivämäärän muoto ei kelpaa",buttonLabelChoose:"Valitse päivämäärä",buttonLabelChange:"Muuta valittua päivämäärää, ",buttonLabelPreviousMonth:"Siirry edelliseen kuukauteen",buttonLabelPreviousYear:"Siirry edelliseen vuoteen",buttonLabelNextMonth:"Siirry seuraavaan kuukauteen",buttonLabelNextYear:"Siirry seuraavaan vuoteen",dayNames:["maanantai","tiistai","keskiviikko","torstai","perjantai","lauantai","sunnuntai"],monthNames:["tammikuu","helmikuu","maaliskuu","huhtikuu","toukokuu","kesäkuu","heinäkuu","elokuu","syyskuu","lokakuu","marraskuu","joulukuu"],monthNamesForMessage:["tammikuuta","helmikuuta","maaliskuuta","huhtikuuta","toukokuuta","kesäkuuta","heinäkuuta","elokuuta","syyskuuta","lokakuuta","marraskuuta","joulukuuta"],dayNamesShort:["ma","ti","ke","to","pe","la","su"],selectFocusedButtonLabel:"OK",cancelButtonLabel:"Peruuta"},o={locale:"sv-SE",placeholderText:"T.ex. dd.mm.åååå",dateFormatString:"datumformat: ",wordOrTranslated:"eller",dateFormatOptions:["dd.mm.åååå","dd-mm-åååå","dd/mm/åååå"],generalDateFieldError:"Datumformatet du angav är ogiltigt",buttonLabelChoose:"Välj ett datum",buttonLabelChange:"Ändra det valda datumet, ",buttonLabelPreviousMonth:"Gå till föregående månad",buttonLabelPreviousYear:"Gå till föregående år",buttonLabelNextMonth:"Gå till nästa månad",buttonLabelNextYear:"Gå till nästa år",dayNames:["måndag","tisdag","onsdag","torsdag","fredag","lördag","söndag"],monthNames:["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"],monthNamesForMessage:["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"],dayNamesShort:["må","ti","on","to","fr","lö","sö"],selectFocusedButtonLabel:"OK",cancelButtonLabel:"Avbryt"},i={locale:"en-GB",placeholderText:"e.g. dd.mm.yyyy",dateFormatString:"date format: ",wordOrTranslated:"or",dateFormatOptions:["dd.mm.yyyy","dd-mm-yyyy","dd/mm/yyyy"],generalDateFieldError:"The entered date format is invalid",buttonLabelChoose:"Choose date",buttonLabelChange:"Change selected date, ",buttonLabelPreviousMonth:"Move to previous month",buttonLabelPreviousYear:"Move to previous year",buttonLabelNextMonth:"Move to next month",buttonLabelNextYear:"Move to next year",dayNames:["Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesForMessage:["January","February","March","April","May","June","July","August","September","October","November","December"],dayNamesShort:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],selectFocusedButtonLabel:"OK",cancelButtonLabel:"Cancel"},s=e.defineComponent({name:"VueAccessibleDateField",props:{defaultDate:String,uniqueName:String,usedLanguage:String,dayOfMonth:{type:Object},months:{type:Object},monthsData:{type:Object},localizationFi:{type:Object},localizationSv:{type:Object},localizationEn:{type:Object}},data:function(){var e=(new Date).getMonth(),t=(new Date).getFullYear();return{showCalendar:!1,monthsData:n,localizationDefaultDataFi:r,localizationDefaultDataSv:o,localizationDefaultDataEn:i,localizationData:{locale:"",placeholderText:"",dateFormatString:"",wordOrTranslated:"",dateFormatOptions:[],generalDateFieldError:"",buttonLabelChoose:"",buttonLabelChange:"",buttonLabelPreviousMonth:"",buttonLabelPreviousYear:"",buttonLabelNextMonth:"",buttonLabelNextYear:"",dayNames:[],monthNames:[],monthNamesForMessage:[],dayNamesShort:[],selectFocusedButtonLabel:"",cancelButtonLabel:""},currentMonth:e,year:t,selectedISODate:undefined,selectedDateString:undefined,selectedTdCell:undefined,uniqueString:undefined,errors:[],selectedDateMessage:"",componentLanguage:undefined}},created:function(){var e=document.documentElement.getAttribute("lang");this.usedLanguage?"en"===this.usedLanguage||"en-GB"===this.usedLanguage?this.componentLanguage="en":"sv"===this.usedLanguage||"sv-SE"===this.usedLanguage?this.componentLanguage="sv":"fi"!==this.usedLanguage&&"fi-FI"!==this.usedLanguage||(this.componentLanguage="fi"):this.componentLanguage=e||"en"},mounted:function(){"fi"===this.componentLanguage?this.localizationFi?this.localizationData=this.localizationFi:this.localizationData=this.localizationDefaultDataFi:"sv"===this.componentLanguage?this.localizationSv?this.localizationData=this.localizationSv:this.localizationData=this.localizationDefaultDataSv:this.localizationEn?this.localizationData=this.localizationEn:this.localizationData=this.localizationDefaultDataEn,void 0===this.selectedISODate&&this.defaultDate&&(this.selectedISODate=this.defaultDate,this.setCalendarView(this.selectedISODate),this.selectedDateString=this.formatISODate(this.defaultDate,".")),this.uniqueString=this.uniqueName},watch:{selectedDateISOFormat:function(e){this.updateButtonMessage(e),this.$emit("update:selectedISODate",e)}},computed:{selectedDateISOFormat:function(){return this.selectedISODate},selectedDate:function(){return this.selectedDateString},buttonLabel:function(){return this.selectedDateString?this.selectedDateMessage:this.localizationData.buttonLabelChoose},calendarVisible:function(){return this.showCalendar},placeholderText:function(){return this.localizationData.placeholderText},possibleDateFormats:function(){for(var e=this.localizationData.dateFormatString,t=this.localizationData.dateFormatOptions.length,a=0;a<t;a++){var n=", ";0===a?n=" ":a===t-1&&(n=" "+this.localizationData.wordOrTranslated+" "),e=e+n+this.localizationData.dateFormatOptions[a]}return e},monthYearDescription:function(){return this.localizationData.monthNames[this.currentMonth]+this.year.toString()},pickerHeaderMonth:function(){return this.checkIfLeapYear(this.year)?this.monthsData.months[1].numberOfDays=29:this.monthsData.months[1].numberOfDays=28,this.localizationData.monthNames[this.currentMonth]},pickerHeaderYear:function(){return this.year},daysVisibleCurrentMonth:function(){var e,t=void 0,a=[],n=this.previousMonthIndex(this.currentMonth),r=this.getLastDayOfPreviousMonth(n),o=null===(e=this.monthsData.months[n])||void 0===e?void 0:e.numberOfDays,i=this.year;if(o&&r&&0!==r){11===n&&(i=this.year-1);for(var s=r;s>=1;s--)t={day:o,month:n,year:i,previousMonthDay:!0},a.push(t),o-=1;a.reverse()}var c=this.monthsData.months[this.currentMonth].numberOfDays;if(null!=c){for(var l=1;l<=c;l++)t={day:l,month:this.currentMonth,year:this.year},a.push(t);if(7*this.amountOfWeeksInMonth()-a.length>0)for(var d=7*this.amountOfWeeksInMonth()-a.length,u=1;u<=d;u++)t={day:u,month:this.currentMonth+1,year:this.year,nextMonthDay:!0},a.push(t)}return this.sliceMonthToWeeks(a,7)}},methods:{updateButtonMessage:function(e){var t=new Date(e),a=this.localizationData.dayNames[t.getDay()],n=t.getDate(),r=this.localizationData.monthNamesForMessage[t.getMonth()],o=t.getFullYear();this.selectedDateMessage=this.localizationData.buttonLabelChange+a+" "+n+" "+r+" "+o},checkDisabledDay:function(e){return e.previousMonthDay||e.nextMonthDay},closeDatePickerModal:function(e){var t,a;(this.showCalendar=!1,e&&(e.stopPropagation(),e.preventDefault()),!1===this.showCalendar)&&(this.year=Number(null===(t=this.selectedISODate)||void 0===t?void 0:t.split("-")[0]),this.currentMonth=Number(null===(a=this.selectedISODate)||void 0===a?void 0:a.split("-")[1])-1)},changeTabIndex:function(e,t){document.querySelector('td[tabindex="'+e+'"]').tabIndex=t},setFocusToCell:function(e){var t=e,a=document.querySelector("[data-date='"+t+"']");a.focus(),a.tabIndex=0},checkSelected:function(e){return this.createDate(e)===this.selectedISODate},getDateNow:function(){return new Date},setCalendarView:function(e){this.year=Number(e.split("-")[0]),this.currentMonth=Number(e.split("-")[1])-1},formatISODate:function(e,t){var a=e.split("-"),n=a[2]+t+a[1]+t+a[0];return this.selectedDateString=n,n},handleDateFormat:function(e){var t=e;if(new RegExp("^(?:(?:31(\\/|-|\\.)(?:0?[13578]|1[02]))\\1|(?:(?:29|30)(\\/|-|\\.)(?:0?[13-9]|1[0-2])\\2))(?:(?:1[6-9]|[2-9]\\d)?d{2})$|^(?:29(\\/|-|\\.)0?2\\3(?:(?:(?:1[6-9]|[2-9]\\d)?(?:0[48]|[2468][048]|[13579][26])|(?:(?:16|[2468][048]|[3579][26])00))))$|^(?:0?[1-9]|1\\d|2[0-8])(\\/|-|\\.)(?:(?:0?[1-9])|(?:1[0-2]))\\4(?:(?:1[6-9]|[2-9]\\d)?\\d{2})$").test(t))return this.selectedDateString=t,!0;if(t){var a=this.localizationData.generalDateFieldError;this.errors.push(a)}else this.errors=[];return!1},updateSelectedDate:function(e){var t=e.target.value;if(this.selectedDateString=t,this.handleDateFormat(t)){this.errors=[];var a=t.split(/[-./]+/),n=a[2]+"-"+a[1]+"-"+a[0];this.setCalendarView(n),this.selectedISODate=n}},handleIconPress:function(e){var t=this;if(this.errors=[],this.showCalendar=!0,this.selectedISODate)this.$nextTick((function(){t.setFocusToCell(t.selectedISODate)}));else{var a=new Date,n={day:a.getDate(),month:a.getMonth(),year:a.getFullYear()},r=this.createDate(n);this.$nextTick((function(){t.setFocusToCell(r)}))}e&&(e.stopPropagation(),e.preventDefault())},handleBackdropClick:function(e){this.closeDatePickerModal(),e.stopPropagation(),e.preventDefault()},handleDatePress:function(e,t,a){e.stopPropagation(),e.preventDefault(),this.selectedTdCell=e.target,this.selectedTdCell.ariaSelected="true",this.selectedTdCell.tabIndex=0;var n=this.createDate(t);(this.selectedISODate=n,this.selectedDateString=this.formatISODate(n,"."),!0===a)&&(this.closeDatePickerModal(),document.getElementById("calendarIcon").focus())},handleOKButtonClick:function(e){var t=document.querySelector('td[tabindex="0"]');this.selectedISODate=t.dataset.date;var a=this.selectedISODate;this.selectedDateString=this.formatISODate(a,"."),t.ariaSelected="true",this.closeDatePickerModal(),e&&(e.stopPropagation(),e.preventDefault())},handlePrevYearTab:function(e){e.shiftKey&&(document.querySelector("#OKButton-"+this.uniqueString).focus(),e.preventDefault())},handleOKButtonTab:function(e){e.shiftKey||(document.querySelector("#previousYear-"+this.uniqueString).focus(),e.preventDefault())},handlePageDown:function(e,t){e.stopPropagation(),e.preventDefault(),this.changeTabIndex(0,-1),e.shiftKey?this.goToNextYear():this.goToNextMonth();var a=this.createDate({day:t.day,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+a+"']");e.tabIndex=0,e.focus()}))},handlePageUp:function(e,t){e.stopPropagation(),e.preventDefault(),this.changeTabIndex(0,-1),e.shiftKey?this.goToPreviousYear():this.goToPreviousMonth();var a=this.createDate({day:t.day,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+a+"']");e.tabIndex=0,e.focus()}))},riffleMonths:function(e,t){var a=document.querySelector('td[tabindex="0"]');this.changeTabIndex(0,-1),"forward"===e?this.goToNextMonth():"backward"===e&&this.goToPreviousMonth();var n=Number(a.dataset.date.split("-")[2]),r=this.createDate({day:n,month:this.currentMonth,year:this.year});this.$nextTick((function(){document.querySelector("[data-date='"+r+"']").tabIndex=0})),t&&(t.stopPropagation(),t.preventDefault())},riffleYears:function(e,t){var a=document.querySelector('td[tabindex="0"]');this.changeTabIndex(0,-1),"forward"===e?this.goToNextYear():"backward"===e&&this.goToPreviousYear();var n=Number(a.dataset.date.split("-")[2]),r=this.createDate({day:n,month:this.currentMonth,year:this.year});this.$nextTick((function(){document.querySelector("[data-date='"+r+"']").tabIndex=0})),t&&(t.stopPropagation(),t.preventDefault())},checkIfLeapYear:function(e){return e%4==0&&e%100!=0||e%400==0},goToPreviousYear:function(){this.year&&(this.year=this.year-1)},goToNextYear:function(){this.year&&(this.year=this.year+1)},previousMonthIndex:function(e){return 0==e?11:e-1},goToPreviousMonth:function(){(this.currentMonth||0==this.currentMonth)&&(0==this.currentMonth?(this.currentMonth=11,this.year&&(this.year=this.year-1)):this.currentMonth=this.currentMonth-1)},goToNextMonth:function(){11==this.currentMonth?(this.currentMonth=0,this.year&&(this.year=this.year+1)):this.currentMonth=this.currentMonth+1},goToFirstDayOfWeek:function(e,t){t.stopPropagation(),t.preventDefault(),this.changeTabIndex(0,-1);var a=0,n=new Date(e.year,e.month,e.day).getDay(),r=this.previousMonthIndex(this.currentMonth),o=this.monthsData.months[r].numberOfDays;(a=0===n?e.day-6:e.day-(n-1))<1&&(a=o+a,this.goToPreviousMonth());var i=this.createDate({day:a,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+i+"']");e.tabIndex=0,e.focus()}))},goToLastDayOfWeek:function(e,t){t.stopPropagation(),t.preventDefault(),this.changeTabIndex(0,-1);var a=e.day,n=new Date(e.year,e.month,e.day).getDay(),r=this.monthsData.months[this.currentMonth].numberOfDays;0!==n&&(a=e.day+(7-n)),a>r&&(a-=r,this.goToNextMonth());var o=this.createDate({day:a,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+o+"']");e.tabIndex=0,e.focus()}))},goToPreviousWeek:function(e,t){t.stopPropagation(),t.preventDefault(),this.changeTabIndex(0,-1);var a=0,n=this.previousMonthIndex(this.currentMonth),r=this.monthsData.months[n].numberOfDays;(a=e.day-7)<1&&(a=r+a,this.goToPreviousMonth());var o=this.createDate({day:a,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+o+"']");e.tabIndex=0,e.focus()}))},goToNextWeek:function(e,t){t.stopPropagation(),t.preventDefault(),this.changeTabIndex(0,-1);var a=0;a=e.day+7;var n=this.monthsData.months[this.currentMonth].numberOfDays;a>n&&(a-=n,this.goToNextMonth());var r=this.createDate({day:a,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+r+"']");e.tabIndex=0,e.focus()}))},goToPreviousDay:function(e,t){t.stopPropagation(),t.preventDefault(),this.changeTabIndex(0,-1);var a=0,n=this.previousMonthIndex(this.currentMonth),r=this.monthsData.months[n].numberOfDays;1===e.day?(this.goToPreviousMonth(),a=r):a=e.day-1;var o=this.createDate({day:a,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+o+"']");e.tabIndex=0,e.focus()}))},goToNextDay:function(e,t){t.stopPropagation(),t.preventDefault(),this.changeTabIndex(0,-1);var a=0,n=this.monthsData.months[this.currentMonth].numberOfDays;e.day===n?(this.goToNextMonth(),a=1):a=e.day+1;var r=this.createDate({day:a,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+r+"']");e.tabIndex=0,e.focus()}))},getFirstDayOfMonth:function(e){var t,a=null,n=e;return null!==this.year&&(a=new Date(this.year,n,1)),null===(t=a)||void 0===t?void 0:t.getDay()},getLastDayOfPreviousMonth:function(e){var t,a=e,n=this.year;return 11===e&&(n=this.year-1),t=this.monthsData.months[a].numberOfDays,new Date(n,a,t).getDay()},amountOfWeeksInMonth:function(){var e=this.monthsData.months[this.currentMonth].numberOfDays,t=this.getFirstDayOfMonth(this.currentMonth),a=0===this.getFirstDayOfMonth(this.currentMonth);if(void 0!==t){if(28==e&&1==this.getFirstDayOfMonth(this.currentMonth))return 4;if(31==e&&(t>5||a)||30==e&&(t>6||a))return 6}return 5},sliceMonthToWeeks:function(e,t){for(var a=[],n=0;n<e.length;n+=t){var r=e.slice(n,n+t);a.push(r)}return a},toISOLocal:function(e){var t=function(e){return("0"+e).slice(-2)},a=e.getTimezoneOffset(),n=a>0?"-":"+";return a=Math.abs(a),e.getFullYear()+"-"+t(e.getMonth()+1)+"-"+t(e.getDate())+"T"+t(e.getHours())+":"+t(e.getMinutes())+":"+t(e.getSeconds())+"."+("00"+e.getMilliseconds()).slice(-3)+n+t(a/60|0)+":"+t(a%60)},createDate:function(e){var t=e.day,a=this.toISOLocal(new Date(e.year,e.month,t));return null==a?void 0:a.split("T")[0]}}}),c={class:"vue-accessible-date-field",lang:"fi"},l={class:"date-field-section"},d={class:"date-field-inline"},u=["id","aria-describedby","placeholder"],h=["aria-label"],f=[e.createStaticVNode('<svg aria-hidden="true" version="1.0" xmlns="http://www.w3.org/2000/svg" width="18pt" height="18pt" viewBox="0 0 815.000000 822.000000" preserveAspectRatio="xMidYMid meet" data-v-19fc3c50><g transform="translate(0.000000,822.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none" data-v-19fc3c50><path d="M2382 8200 c-18 -11 -41 -34 -52 -52 -19 -31 -20 -51 -20 -380 l0\r\n              -348 -1022 -2 -1023 -3 -56 -26 c-79 -37 -133 -90 -171 -167 l-33 -67 0 -3445\r\n              0 -3445 33 -67 c38 -77 92 -130 171 -167 l56 -26 1766 -3 1767 -2 953 250\r\n              c1139 300 2795 732 3144 821 l250 64 0 3010 0 3010 -33 67 c-38 77 -92 130\r\n              -171 167 l-56 26 -1032 3 -1033 2 0 348 c0 329 -1 349 -20 380 -40 65 -65 72\r\n              -255 72 -190 0 -215 -7 -255 -72 -19 -31 -20 -51 -20 -380 l0 -348 -1205 0\r\n              -1205 0 0 348 c0 329 -1 349 -20 380 -40 65 -65 72 -255 72 -152 0 -173 -2\r\n              -203 -20z m-72 -1672 c0 -375 1 -395 20 -426 40 -65 65 -72 255 -72 190 0 215\r\n              7 255 72 19 31 20 51 20 426 l0 392 1205 0 1205 0 0 -392 c0 -375 1 -395 20\r\n              -426 40 -65 65 -72 255 -72 190 0 215 7 255 72 19 31 20 51 20 426 l0 392 915\r\n              0 915 0 0 -790 0 -790 -3575 0 -3575 0 0 790 0 790 905 0 905 0 0 -392z m5340\r\n              -3180 c0 -848 -4 -1478 -9 -1473 -5 6 -73 107 -151 225 -78 118 -146 219 -150\r\n              223 -4 5 -627 -404 -1384 -907 l-1378 -916 -2039 0 -2039 0 0 2165 0 2165\r\n              3575 0 3575 0 0 -1482z" data-v-19fc3c50></path><path d="M1336 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z" data-v-19fc3c50></path><path d="M3526 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z" data-v-19fc3c50></path><path d="M5636 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z" data-v-19fc3c50></path><path d="M1336 2374 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z" data-v-19fc3c50></path><path d="M3546 2374 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z" data-v-19fc3c50></path></g></svg>',1)],m=["id"],p={key:0,class:"screen-reader-only"},y={key:1,role:"alert"},b={class:"error-list"},g={key:0,class:"datepicker-section"},v=["id"],D={class:"screen-reader-only"},k=["aria-label"],x={class:"datepicker"},M={class:"datepicker-header-line"},w=["id","aria-label"],S=["aria-label"],O=["id"],T={class:"datepicker-header-month"},N=e.createTextVNode(),L={class:"datepicker-header-year"},I=["aria-label"],P=["aria-label"],F=["id","aria-labelledby"],z=["abbr"],C=["onClick","data-date","aria-selected","onKeydown"],E={class:"buttons"},B=["id"];!function(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===a&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}('\r\n/* :root {} */\r\n\r\n/* datefield */\r\n\r\n/* .vue-accessible-date-field {\r\n    text-align: center;\r\n  } */\r\n\r\n/* button::before {\r\n     content: url("./assets/calendar-icon.svg");\r\n  } */\n.date-field-section .date-field[data-v-19fc3c50] {\r\n   max-width: 120px;\r\n   height: 27px;\r\n   padding-left: 5px;\r\n   vertical-align: bottom;\r\n   border-width: 0 0 1px 0;\r\n   background-color: #ffffff;\r\n   border-color: #323a45;\n}\n.date-field-section .date-field[data-v-19fc3c50]:focus {\r\n   outline: 3px solid #d71ef7;\r\n   outline-offset: -3px;\n}\n.date-field-inline[data-v-19fc3c50] {\r\n   white-space: nowrap;\n}\n.date-field-inline input.error[data-v-19fc3c50] {\r\n  outline: 3px solid #BB1331;\r\n  outline-offset: -3px;\n}\n.date-field[data-v-19fc3c50] {\r\n   color: #222222;\n}\n[data-v-19fc3c50]::placeholder {\r\n   color: #767676;\r\n   opacity: 1;\n}\n.date-field-section .field-description[data-v-19fc3c50] {\r\n   display: block;\r\n   font-size: 0.625rem;\r\n   left: 0;\r\n   top: 3.5em;\n}\n.screen-reader-only[data-v-19fc3c50] {\r\n   top: -2000em;\r\n   left: -3000em;\r\n   border: 0;\r\n   clip: rect(0, 0, 0, 0);\r\n   height: 1px;\r\n   margin: -1px;\r\n   overflow: hidden;\r\n   padding: 0;\r\n   position: absolute;\r\n   width: 1px;\n}\nul.error-list[data-v-19fc3c50] {\r\n  color: #BB1331;\r\n  list-style-type: none;\r\n  padding: 0;\r\n  margin: 0;\n}\nbutton[data-v-19fc3c50]:focus {\r\n   outline: 3px solid #d71ef7;\r\n   outline-offset: -3px;\n}\r\n\r\n/* datepicker-modal */\n.calendar-modal[data-v-19fc3c50] {\r\n   position: absolute;\r\n   background-color: #ffffff;\r\n   border: 1px solid #000000;\r\n   max-width: 450px;\n}\n.open-calendar-btn[data-v-19fc3c50] {\r\n   height: 30px;\r\n   background-color: #ffffff;\r\n   padding-bottom: 0px;\r\n   border-width: 0 0 1px 0;\r\n   border-color: #323a45;\n}\n.open-calendar-btn svg[data-v-19fc3c50] {\r\n   margin-top: 1px;\n}\n.open-calendar-icon[data-v-19fc3c50] {\r\n   height: 85%;\n}\r\n\r\n/* datepicker header-line */\n.datepicker-header-line[data-v-19fc3c50] {  \r\n   display: inline-flex;\r\n   width: 100%;\r\n   min-width: 250px;\n}\n.datepicker-header[data-v-19fc3c50] {\r\n   font-size: 1.5rem;\r\n   white-space: nowrap;\r\n   width: 180px;\r\n   text-align: center;\r\n   margin-top: 15px;\r\n   margin-bottom: 10px;\n}\n.datepicker-header-month[data-v-19fc3c50] {\r\n   display: inline-block;\r\n   color: #222222;\n}\n.datepicker-header-year[data-v-19fc3c50] {\r\n   display: inline-block;\r\n   color: #222222;\n}\nthead > tr th[data-v-19fc3c50] {\r\n   width: 20px;\r\n   height: 35px;\n}\n.arrow-button[data-v-19fc3c50] {\r\n   min-width: 30px;\r\n   background-color: #ffffff;\r\n   border: none;\r\n   font-size: 1.5rem;\r\n   font-weight: 600;\r\n   cursor: pointer;\r\n   padding-top: 10px;\r\n   padding-bottom: 10px;\r\n   padding-right: 10px;\r\n   padding-left: 10px;\n}\r\n\r\n/* datepicker-grid */\n.datepicker-grid[data-v-19fc3c50] {\r\n   min-height: 225px;\r\n   width: 100%;\r\n   padding-right: 15px;\r\n   padding-left: 15px;\r\n   margin-bottom: 15px;\n}\n.datepicker-table-row[data-v-19fc3c50] {\r\n   text-align: center;\n}\r\n\r\n/* suurenna */\n.datepicker-day[data-v-19fc3c50] {\r\n   width: 24px;\r\n   color: #222222;\r\n   padding: 5px;\r\n   margin: 2px;\r\n   border-radius: 3px;\n}\n.datepicker-day[data-v-19fc3c50]:not(.disabled-day) {\r\n   font-weight: 600;\n}\n.disabled-day[data-v-19fc3c50] {\r\n   color: #595959;\n}\n.datepicker-day[data-v-19fc3c50]:hover {\r\n   background-color: #e8e7e7;\n}\n.datepicker-day[data-v-19fc3c50]:not(.disabled-day):hover {\r\n   padding: 3px;\r\n   border: 2px solid #f44a87;\n}\ntd.datepicker-day[data-v-19fc3c50]:focus {\r\n   padding: 3px;\r\n   border: 2px solid #3182a0;\r\n   outline: 0;\n}\n.datepicker-day[tabindex="0"][data-v-19fc3c50] {\r\n   background-color: #ffd55f;\r\n   color: #000000;\n}\n.datepicker-day.selected-date[data-v-19fc3c50] {\r\n   padding: 3px;\r\n   border: 2px dotted #3182a0;\r\n   outline: 0;\n}\n.buttons[data-v-19fc3c50] {\r\n   float: right;\r\n   margin-right: 10px;\n}\nbutton.choose-selected-date[data-v-19fc3c50],\r\nbutton.close-calendar-modal[data-v-19fc3c50] {\r\n   border: none;\r\n   border-radius: 3px;\r\n   background-color: #39306b;\r\n   color: #ffffff;\r\n   margin-bottom: 6px;\r\n   margin-right: 10px;\r\n   padding: 8px;\n}\nbutton.choose-selected-date[data-v-19fc3c50]:hover {\r\n   background-color: #5c73bc;\n}\nbutton.close-calendar-modal[data-v-19fc3c50]:hover {\r\n   background-color: #677983;\n}\nbutton.close-calendar-modal[data-v-19fc3c50] {\r\n   background-color: #272525;\n}\n.backdrop[data-v-19fc3c50] {\r\n   top: 0;\r\n   left: 0;\r\n   position: fixed;\r\n   background: rgba(0, 0, 0, 0.5);\r\n   width: 100%;\r\n   height: 100%;\n}\r\n\r\n/* XXL */\n@media (min-width: 1281px) {\n}\r\n\r\n/* XL */\n@media (min-width: 1025px) and (max-width: 1280px) {\n}\r\n\r\n/* L */\n@media (min-width: 768px) and (max-width: 1024px) {\r\n   /* .calendar-modal {\r\n      width: 50%;\r\n    } */\n}\r\n\r\n/* M */\n@media (min-width: 481px) and (max-width: 767px) {\r\n   /* .calendar-modal {\r\n      width: 70%;\r\n    } */\n}\r\n/* S */\n@media (max-width: 480px) {\r\n   /* .calendar-modal {\r\n      width: 95%;\r\n    } */\n}\r\n'),s.render=function(t,a,n,r,o,i){return e.openBlock(),e.createElementBlock("div",c,[e.createElementVNode("div",l,[e.createElementVNode("div",d,[e.withDirectives(e.createElementVNode("input",{type:"text",id:"dateField-"+t.uniqueString,name:"dateInput","onUpdate:modelValue":a[0]||(a[0]=function(e){return t.selectedDate=e}),onChange:a[1]||(a[1]=function(e){return t.updateSelectedDate(e)}),class:e.normalizeClass(["date-field",{error:t.errors.length>0}]),"aria-describedby":"dateFieldDescription"+t.uniqueString,placeholder:t.placeholderText},null,42,u),[[e.vModelText,t.selectedDate]]),e.createElementVNode("button",{type:"button",id:"calendarIcon",class:"icon open-calendar-btn","aria-label":t.buttonLabel,onClick:a[2]||(a[2]=function(e){return t.handleIconPress(e)}),onKeydown:[a[3]||(a[3]=e.withKeys((function(e){return t.handleIconPress(e)}),["enter"])),a[4]||(a[4]=e.withKeys((function(e){return t.handleIconPress(e)}),["space"]))]},f,40,h),e.createElementVNode("span",{id:"dateFieldDescription"+t.uniqueString},[0===t.errors.length?(e.openBlock(),e.createElementBlock("span",p,e.toDisplayString(t.possibleDateFormats),1)):e.createCommentVNode("",!0),t.errors.length>0?(e.openBlock(),e.createElementBlock("span",y,[e.createElementVNode("ul",b,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.errors,(function(t){return e.openBlock(),e.createElementBlock("li",{key:t},e.toDisplayString(t),1)})),128))])])):e.createCommentVNode("",!0)],8,m)])]),t.calendarVisible?(e.openBlock(),e.createElementBlock("div",g,[e.createElementVNode("span",{id:"monthYearDescr-"+t.uniqueString,role:"status"},[e.createElementVNode("span",D,e.toDisplayString(t.monthYearDescription),1)],8,v),e.createElementVNode("div",{onClick:a[5]||(a[5]=function(e){return t.handleBackdropClick(e)}),class:"backdrop",ref:"backdrop"},null,512),e.createElementVNode("div",{class:"calendar-modal",role:"dialog","aria-modal":"true","aria-label":t.localizationData.buttonLabelChoose},[e.createElementVNode("div",x,[e.createElementVNode("div",M,[e.createElementVNode("button",{type:"button",id:"previousYear-"+t.uniqueString,class:"arrow-button previous-year-button",onClick:a[6]||(a[6]=function(e){return t.riffleYears("backward",e)}),"aria-label":t.localizationData.buttonLabelPreviousYear,onKeydown:[a[7]||(a[7]=e.withKeys((function(e){return t.handlePrevYearTab(e)}),["tab"])),a[8]||(a[8]=e.withKeys((function(e){return t.closeDatePickerModal(e)}),["esc"])),a[9]||(a[9]=e.withKeys((function(e){return t.riffleYears("backward",e)}),["enter"]))]}," « ",40,w),e.createElementVNode("button",{type:"button",class:"arrow-button previous-month-button",onClick:a[10]||(a[10]=function(e){return t.riffleMonths("backward",e)}),"aria-label":t.localizationData.buttonLabelPreviousMonth,onKeydown:[a[11]||(a[11]=e.withKeys((function(e){return t.closeDatePickerModal(e)}),["esc"])),a[12]||(a[12]=e.withKeys((function(e){return t.riffleMonths("backward",e)}),["enter"]))]}," ‹ ",40,S),e.createElementVNode("h2",{id:"datepickerHeader-"+t.uniqueString,class:"datepicker-header"},[e.createElementVNode("span",T,e.toDisplayString(t.pickerHeaderMonth),1),N,e.createElementVNode("span",L,e.toDisplayString(t.pickerHeaderYear),1)],8,O),e.createElementVNode("button",{type:"button",class:"arrow-button",onClick:a[13]||(a[13]=function(e){return t.riffleMonths("forward",e)}),"aria-label":t.localizationData.buttonLabelNextMonth,onKeydown:[a[14]||(a[14]=e.withKeys((function(e){return t.closeDatePickerModal(e)}),["esc"])),a[15]||(a[15]=e.withKeys((function(e){return t.riffleMonths("forward",e)}),["enter"]))]}," › ",40,I),e.createElementVNode("button",{type:"button",class:"arrow-button",onClick:a[16]||(a[16]=function(e){return t.riffleYears("forward",e)}),"aria-label":t.localizationData.buttonLabelNextYear,onKeydown:[a[17]||(a[17]=e.withKeys((function(e){return t.closeDatePickerModal(e)}),["esc"])),a[18]||(a[18]=e.withKeys((function(e){return t.riffleYears("forward",e)}),["enter"]))]}," » ",40,P)]),e.createElementVNode("table",{id:"datapickerTable-"+t.uniqueString,class:"datepicker-grid",role:"grid","aria-labelledby":"datepickerHeader-"+t.uniqueString},[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.localizationData.dayNamesShort,(function(a,n){return e.openBlock(),e.createElementBlock("th",{scope:"col",key:n,abbr:t.localizationData.dayNames[n]},e.toDisplayString(a),9,z)})),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.daysVisibleCurrentMonth,(function(n,r){return e.openBlock(),e.createElementBlock("tr",{key:r,class:"datepicker-table-row"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n,(function(n,r){return e.openBlock(),e.createElementBlock("td",{key:r,onClick:function(e){return t.handleDatePress(e,n,!0)},tabindex:"-1",class:e.normalizeClass(["datepicker-day",{"selected-date":t.createDate(n)===t.selectedISODate},{"disabled-day":t.checkDisabledDay(n)}]),"data-date":t.createDate(n),role:"gridcell","aria-selected":t.checkSelected(n),onKeydown:[a[19]||(a[19]=e.withKeys((function(e){return t.closeDatePickerModal()}),["esc"])),e.withKeys((function(e){return t.handleDatePress(e,n,!1)}),["space"]),e.withKeys((function(e){return t.handleDatePress(e,n,!0)}),["enter"]),e.withKeys((function(e){return t.goToPreviousWeek(n,e)}),["up"]),e.withKeys((function(e){return t.goToNextWeek(n,e)}),["down"]),e.withKeys((function(e){return t.goToNextDay(n,e)}),["right"]),e.withKeys((function(e){return t.goToPreviousDay(n,e)}),["left"]),e.withKeys((function(e){return t.goToFirstDayOfWeek(n,e)}),["home"]),e.withKeys((function(e){return t.goToLastDayOfWeek(n,e)}),["end"]),e.withKeys((function(e){return t.handlePageDown(e,n)}),["page-down"]),e.withKeys((function(e){return t.handlePageUp(e,n)}),["page-up"])]},e.toDisplayString(n.day),43,C)})),128))])})),128))])],8,F)]),e.createElementVNode("div",E,[e.createElementVNode("button",{class:"close-calendar-modal",onClick:a[20]||(a[20]=function(e){return t.closeDatePickerModal(e)}),onKeydown:a[21]||(a[21]=e.withKeys((function(e){return t.closeDatePickerModal(e)}),["esc"]))},e.toDisplayString(t.localizationData.cancelButtonLabel),33),e.createElementVNode("button",{id:"OKButton-"+t.uniqueString,class:"choose-selected-date",onClick:a[22]||(a[22]=function(e){return t.handleOKButtonClick(e)}),onKeydown:[a[23]||(a[23]=e.withKeys((function(e){return t.closeDatePickerModal(e)}),["esc"])),a[24]||(a[24]=e.withKeys((function(e){return t.handleOKButtonTab(e)}),["tab"]))]},e.toDisplayString(t.localizationData.selectFocusedButtonLabel),41,B)])],8,k)])):e.createCommentVNode("",!0)])},s.__scopeId="data-v-19fc3c50";var K=function(){var e=s;return e.install=function(t){t.component("VueAccessibleDateField",e)},e}(),V=Object.freeze({__proto__:null,default:K});return Object.entries(V).forEach((function(e){var a=t(e,2),n=a[0],r=a[1];"default"!==n&&(K[n]=r)})),K}(Vue);
+var VueAccessibleDateField=function(e){"use strict";function t(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==a)return;var n,r,o=[],i=!0,s=!1;try{for(a=a.call(e);!(i=(n=a.next()).done)&&(o.push(n.value),!t||o.length!==t);i=!0);}catch(e){s=!0,r=e}finally{try{i||null==a.return||a.return()}finally{if(s)throw r}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return a(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return a(e,t)}(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 a(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var n={months:[{name:"tammikuu",numberOfDays:31},{name:"helmikuu",numberOfDays:void 0},{name:"maaliskuu",numberOfDays:31},{name:"huhtikuu",numberOfDays:30},{name:"toukokuu",numberOfDays:31},{name:"kesäkuu",numberOfDays:30},{name:"heinäkuu",numberOfDays:31},{name:"elokuu",numberOfDays:31},{name:"syyskuu",numberOfDays:30},{name:"lokakuu",numberOfDays:31},{name:"marraskuu",numberOfDays:30},{name:"joulukuu",numberOfDays:31}]},r={locale:"fi-FI",placeholderText:"esim. pp.kk.vvvv",dateFormatString:"päivämäärän muoto: ",wordOrTranslated:"tai",dateFormatOptions:["pp.kk.vvvv","pp-kk-vvvv","pp/kk/vvvv"],generalDateFieldError:"Syöttämäsi päivämäärän muoto ei kelpaa",keyboardNavInstructions:"Kalenterin sisältöä voi selata näppäimistöltä seuraavilla painikkeilla: sarkainpainike: siirrä kohdistusta nuolipainikkeiden, kohdistetun päivämäärän sekä OK- ja Peruuta -painikkeiden välillä, nuoli vasemmalle: siirry edelliseen päivään, nuoli oikealle: Siirry seuraavaan päivään, nuoli ylös: siirry edellisen viikon samaan viikonpäivään, nuoli alas: siirry seuraavan viikon samaan viikonpäivään, HOME-näppäin: siirry saman viikon ensimmäiseen päivään, END-näppäin: siirry saman viikon viimeiseen päivään, PAGE DOWN -näppäin: siirry edelliseen kuukauteen, SHIFT + PAGE DOWN -näppäin: siirry edelliseen vuoteen, PAGE UP -näppäin: siirry seuraavaan kuukauteen, SHIFT + PAGE UP -näppäin: siirry seuraavaan vuoteen, ENTER: valitse kohdistettu päivä ja sulje kalenteri, SPACE: valitse kohdistettu päivä, kalenteri pysyy auki, ESC: sulje kalenteri",buttonLabelChoose:"Valitse päivämäärä",buttonLabelChange:"Muuta valittua päivämäärää, ",buttonLabelPreviousMonth:"Siirry edelliseen kuukauteen",buttonLabelPreviousYear:"Siirry edelliseen vuoteen",buttonLabelNextMonth:"Siirry seuraavaan kuukauteen",buttonLabelNextYear:"Siirry seuraavaan vuoteen",dayNames:["maanantai","tiistai","keskiviikko","torstai","perjantai","lauantai","sunnuntai"],dayNamesShort:["ma","ti","ke","to","pe","la","su"],monthNames:["tammikuu","helmikuu","maaliskuu","huhtikuu","toukokuu","kesäkuu","heinäkuu","elokuu","syyskuu","lokakuu","marraskuu","joulukuu"],monthNamesForMessage:["tammikuuta","helmikuuta","maaliskuuta","huhtikuuta","toukokuuta","kesäkuuta","heinäkuuta","elokuuta","syyskuuta","lokakuuta","marraskuuta","joulukuuta"],selectFocusedButtonLabel:"OK",cancelButtonLabel:"Peruuta"},o={locale:"sv-SE",placeholderText:"T.ex. dd.mm.åååå",dateFormatString:"datumformat: ",wordOrTranslated:"eller",dateFormatOptions:["dd.mm.åååå","dd-mm-åååå","dd/mm/åååå"],generalDateFieldError:"Datumformatet du angav är ogiltigt",keyboardNavInstructions:"Du kan bläddra igenom kalenderinnehållet med följande knappar:Tab-knapp: Flytta fokus mellan pilknapparna, måldatumet och knapparna OK och Avbryt, vänsterpil: gå till föregående dag, högerpil: Gå till nästa dag, uppåtpil: gå till samma veckodag förra veckan, nedåtpil: gå till samma veckodag nästa vecka, HEM-knapp: gå till den första dagen i samma vecka, END-tangent: gå till den sista dagen i samma vecka, PAGE DOWN-tangent: gå till föregående månad ,SHIFT + PAGE DOWN-tangent: gå till föregående år, PAGE UP-tangent: gå till nästa månad, SHIFT + PAGE UP-tangent: gå till nästa år, ENTER: välj den inriktade dagen och stäng kalendern, UTRYMME: välj en inriktad dag, kalendern förblir öppen, ESC: stäng kalender",buttonLabelChoose:"Välj ett datum",buttonLabelChange:"Ändra det valda datumet, ",buttonLabelPreviousMonth:"Gå till föregående månad",buttonLabelPreviousYear:"Gå till föregående år",buttonLabelNextMonth:"Gå till nästa månad",buttonLabelNextYear:"Gå till nästa år",dayNames:["måndag","tisdag","onsdag","torsdag","fredag","lördag","söndag"],dayNamesShort:["må","ti","on","to","fr","lö","sö"],monthNames:["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"],monthNamesForMessage:["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"],selectFocusedButtonLabel:"OK",cancelButtonLabel:"Avbryt"},i={locale:"en-GB",placeholderText:"e.g. dd.mm.yyyy",dateFormatString:"date format: ",wordOrTranslated:"or",dateFormatOptions:["dd.mm.yyyy","dd-mm-yyyy","dd/mm/yyyy"],generalDateFieldError:"The entered date format is invalid",keyboardNavInstructions:"You can navigate through the date picker contents with the following keys: TAB: Move focus between the arrow buttons, the targeted date, and the OK and Cancel buttons, left arrow: go to the previous day, right arrow: Go to the next day, up arrow: go to the same day of the week, down arrow: go to the same day of the week next week, HOME key: go to the first day of the same week, END key: go to the last day of the same week, PAGE DOWN key: go to the previous month, SHIFT + PAGE DOWN key: go to the previous year, PAGE UP key: go to the next month, SHIFT + PAGE UP key: go to the next year, ENTER: select the focused day and close the date picker, SPACE: select the focused day, date picker will remain open, ESC: close date picker",buttonLabelChoose:"Choose date",buttonLabelChange:"Change selected date, ",buttonLabelPreviousMonth:"Move to previous month",buttonLabelPreviousYear:"Move to previous year",buttonLabelNextMonth:"Move to next month",buttonLabelNextYear:"Move to next year",dayNames:["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],dayNamesShort:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesForMessage:["January","February","March","April","May","June","July","August","September","October","November","December"],selectFocusedButtonLabel:"OK",cancelButtonLabel:"Cancel"},s=e.defineComponent({name:"VueAccessibleDateField",props:{defaultDate:String,uniqueName:String,usedLanguage:String,dayOfMonth:{type:Object},months:{type:Object},monthsData:{type:Object},localizationFi:{type:Object},localizationSv:{type:Object},localizationEn:{type:Object}},data:function(){var e=(new Date).getMonth(),t=(new Date).getFullYear();return{showCalendar:!1,monthsData:n,localizationDefaultDataFi:r,localizationDefaultDataSv:o,localizationDefaultDataEn:i,localizationData:{locale:"",placeholderText:"",dateFormatString:"",wordOrTranslated:"",dateFormatOptions:[],generalDateFieldError:"",keyboardNavInstructions:"",buttonLabelChoose:"",buttonLabelChange:"",buttonLabelPreviousMonth:"",buttonLabelPreviousYear:"",buttonLabelNextMonth:"",buttonLabelNextYear:"",dayNames:[],monthNames:[],monthNamesForMessage:[],dayNamesShort:[],selectFocusedButtonLabel:"",cancelButtonLabel:""},currentMonth:e,year:t,selectedISODate:undefined,selectedDateString:undefined,selectedTdCell:undefined,uniqueString:undefined,errors:[],selectedDateMessage:"",componentLanguage:undefined}},created:function(){var e=document.documentElement.getAttribute("lang");this.usedLanguage?"en"===this.usedLanguage||"en-GB"===this.usedLanguage?this.componentLanguage="en":"sv"===this.usedLanguage||"sv-SE"===this.usedLanguage?this.componentLanguage="sv":"fi"!==this.usedLanguage&&"fi-FI"!==this.usedLanguage||(this.componentLanguage="fi"):this.componentLanguage=e||"en"},mounted:function(){"fi"===this.componentLanguage?this.localizationFi?this.localizationData=this.localizationFi:this.localizationData=this.localizationDefaultDataFi:"sv"===this.componentLanguage?this.localizationSv?this.localizationData=this.localizationSv:this.localizationData=this.localizationDefaultDataSv:this.localizationEn?this.localizationData=this.localizationEn:this.localizationData=this.localizationDefaultDataEn,void 0===this.selectedISODate&&this.defaultDate&&(this.selectedISODate=this.defaultDate,this.setCalendarView(this.selectedISODate),this.selectedDateString=this.formatISODate(this.defaultDate,".")),this.uniqueString=this.uniqueName},watch:{selectedDateISOFormat:function(e){this.updateButtonMessage(e),this.$emit("update:selectedISODate",e)}},computed:{selectedDateISOFormat:function(){return this.selectedISODate},selectedDate:function(){return this.selectedDateString},buttonLabel:function(){return this.selectedDateString?this.selectedDateMessage:this.localizationData.buttonLabelChoose},navInstruct:function(){return this.localizationData.keyboardNavInstructions},calendarVisible:function(){return this.showCalendar},daysShort:function(){return this.localizationData.dayNamesShort},placeholderText:function(){return this.localizationData.placeholderText},possibleDateFormats:function(){for(var e=this.localizationData.dateFormatString,t=this.localizationData.dateFormatOptions.length,a=0;a<t;a++){var n=", ";0===a?n=" ":a===t-1&&(n=" "+this.localizationData.wordOrTranslated+" "),e=e+n+this.localizationData.dateFormatOptions[a]}return e},monthYearDescription:function(){return this.localizationData.monthNames[this.currentMonth]+this.year.toString()},pickerHeaderMonth:function(){return this.checkIfLeapYear(this.year)?this.monthsData.months[1].numberOfDays=29:this.monthsData.months[1].numberOfDays=28,this.localizationData.monthNames[this.currentMonth]},pickerHeaderYear:function(){return this.year},daysVisibleCurrentMonth:function(){var e,t=void 0,a=[],n=this.previousMonthIndex(this.currentMonth),r=this.getLastDayOfPreviousMonth(n),o=null===(e=this.monthsData.months[n])||void 0===e?void 0:e.numberOfDays,i=this.year;if(o&&r&&0!==r){11===n&&(i=this.year-1);for(var s=r;s>=1;s--)t={day:o,month:n,year:i,previousMonthDay:!0},a.push(t),o-=1;a.reverse()}var l=this.monthsData.months[this.currentMonth].numberOfDays;if(null!=l){for(var d=1;d<=l;d++)t={day:d,month:this.currentMonth,year:this.year},a.push(t);if(7*this.amountOfWeeksInMonth()-a.length>0)for(var u=7*this.amountOfWeeksInMonth()-a.length,c=1;c<=u;c++)t={day:c,month:this.currentMonth+1,year:this.year,nextMonthDay:!0},a.push(t)}return this.sliceMonthToWeeks(a,7)}},methods:{updateButtonMessage:function(e){var t=new Date(e),a=this.localizationData.dayNames[t.getDay()],n=t.getDate(),r=this.localizationData.monthNamesForMessage[t.getMonth()],o=t.getFullYear();this.selectedDateMessage=this.localizationData.buttonLabelChange+a+" "+n+" "+r+" "+o},checkDisabledDay:function(e){return e.previousMonthDay||e.nextMonthDay},closeDatePickerModal:function(e){var t,a;(this.showCalendar=!1,e&&(e.stopPropagation(),e.preventDefault()),!1===this.showCalendar)&&(this.year=Number(null===(t=this.selectedISODate)||void 0===t?void 0:t.split("-")[0]),this.currentMonth=Number(null===(a=this.selectedISODate)||void 0===a?void 0:a.split("-")[1])-1)},changeTabIndex:function(e,t){document.querySelector('td[tabindex="'+e+'"]').tabIndex=t},setFocusToCell:function(e){var t=e,a=document.querySelector("[data-date='"+t+"']");a.focus(),a.tabIndex=0},checkSelected:function(e){return this.createDate(e)===this.selectedISODate},getDateNow:function(){return new Date},setCalendarView:function(e){this.year=Number(e.split("-")[0]),this.currentMonth=Number(e.split("-")[1])-1},formatISODate:function(e,t){var a=e.split("-"),n=a[2]+t+a[1]+t+a[0];return this.selectedDateString=n,n},handleDateFormat:function(e){var t=e;if(new RegExp("^(?:(?:31(\\/|-|\\.)(?:0?[13578]|1[02]))\\1|(?:(?:29|30)(\\/|-|\\.)(?:0?[13-9]|1[0-2])\\2))(?:(?:1[6-9]|[2-9]\\d)?d{2})$|^(?:29(\\/|-|\\.)0?2\\3(?:(?:(?:1[6-9]|[2-9]\\d)?(?:0[48]|[2468][048]|[13579][26])|(?:(?:16|[2468][048]|[3579][26])00))))$|^(?:0?[1-9]|1\\d|2[0-8])(\\/|-|\\.)(?:(?:0?[1-9])|(?:1[0-2]))\\4(?:(?:1[6-9]|[2-9]\\d)?\\d{2})$").test(t))return this.selectedDateString=t,!0;if(t){var a=this.localizationData.generalDateFieldError;this.errors.push(a)}else this.errors=[];return!1},updateSelectedDate:function(e){var t=e.target.value;if(this.selectedDateString=t,this.handleDateFormat(t)){this.errors=[];var a=t.split(/[-./]+/),n=a[2]+"-"+a[1]+"-"+a[0];this.setCalendarView(n),this.selectedISODate=n}},handleIconPress:function(e){var t=this;if(this.errors=[],this.showCalendar=!0,this.selectedISODate)this.$nextTick((function(){t.setFocusToCell(t.selectedISODate)}));else{var a=new Date,n=a.getDate();this.currentMonth=a.getMonth(),this.year=a.getFullYear();var r={day:n,month:this.currentMonth,year:this.year},o=this.createDate(r);this.$nextTick((function(){t.setFocusToCell(o)}))}e&&(e.stopPropagation(),e.preventDefault())},handleBackdropClick:function(e){this.closeDatePickerModal(),e.stopPropagation(),e.preventDefault()},handleDatePress:function(e,t,a){e.stopPropagation(),e.preventDefault(),this.selectedTdCell=e.target,this.selectedTdCell.ariaSelected="true",this.selectedTdCell.tabIndex=0;var n=this.createDate(t);(this.selectedISODate=n,this.selectedDateString=this.formatISODate(n,"."),!0===a)&&(this.closeDatePickerModal(),document.getElementById("calendarIcon").focus())},handleOKButtonClick:function(e){var t=document.querySelector('td[tabindex="0"]');this.selectedISODate=t.dataset.date;var a=this.selectedISODate;this.selectedDateString=this.formatISODate(a,"."),t.ariaSelected="true",this.closeDatePickerModal(),e&&(e.stopPropagation(),e.preventDefault())},handlePrevYearTab:function(e){e.shiftKey&&(document.querySelector("#OKButton-"+this.uniqueString).focus(),e.preventDefault())},handleOKButtonTab:function(e){e.shiftKey||(document.querySelector("#previousYear-"+this.uniqueString).focus(),e.preventDefault())},handlePageDown:function(e,t){e.stopPropagation(),e.preventDefault(),this.changeTabIndex(0,-1),e.shiftKey?this.goToPreviousYear():this.goToPreviousMonth();var a=this.createDate({day:t.day,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+a+"']");e.tabIndex=0,e.focus()}))},handlePageUp:function(e,t){e.stopPropagation(),e.preventDefault(),this.changeTabIndex(0,-1),e.shiftKey?this.goToNextYear():this.goToNextMonth();var a=this.createDate({day:t.day,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+a+"']");e.tabIndex=0,e.focus()}))},riffleMonths:function(e,t){var a=document.querySelector('td[tabindex="0"]');this.changeTabIndex(0,-1),"forward"===e?this.goToNextMonth():"backward"===e&&this.goToPreviousMonth();var n=Number(a.dataset.date.split("-")[2]),r=this.createDate({day:n,month:this.currentMonth,year:this.year});this.$nextTick((function(){document.querySelector("[data-date='"+r+"']").tabIndex=0})),t&&(t.stopPropagation(),t.preventDefault())},riffleYears:function(e,t){var a=document.querySelector('td[tabindex="0"]');this.changeTabIndex(0,-1),"forward"===e?this.goToNextYear():"backward"===e&&this.goToPreviousYear();var n=Number(a.dataset.date.split("-")[2]),r=this.createDate({day:n,month:this.currentMonth,year:this.year});this.$nextTick((function(){document.querySelector("[data-date='"+r+"']").tabIndex=0})),t&&(t.stopPropagation(),t.preventDefault())},checkIfLeapYear:function(e){return e%4==0&&e%100!=0||e%400==0},goToPreviousYear:function(){this.year&&(this.year=this.year-1)},goToNextYear:function(){this.year&&(this.year=this.year+1)},previousMonthIndex:function(e){return 0==e?11:e-1},goToPreviousMonth:function(){(this.currentMonth||0==this.currentMonth)&&(0==this.currentMonth?(this.currentMonth=11,this.year&&(this.year=this.year-1)):this.currentMonth=this.currentMonth-1)},goToNextMonth:function(){11==this.currentMonth?(this.currentMonth=0,this.year&&(this.year=this.year+1)):this.currentMonth=this.currentMonth+1},goToFirstDayOfWeek:function(e,t){t.stopPropagation(),t.preventDefault(),this.changeTabIndex(0,-1);var a=0,n=new Date(e.year,e.month,e.day).getDay(),r=this.previousMonthIndex(this.currentMonth),o=this.monthsData.months[r].numberOfDays;(a=0===n?e.day-6:e.day-(n-1))<1&&(a=o+a,this.goToPreviousMonth());var i=this.createDate({day:a,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+i+"']");e.tabIndex=0,e.focus()}))},goToLastDayOfWeek:function(e,t){t.stopPropagation(),t.preventDefault(),this.changeTabIndex(0,-1);var a=e.day,n=new Date(e.year,e.month,e.day).getDay(),r=this.monthsData.months[this.currentMonth].numberOfDays;0!==n&&(a=e.day+(7-n)),a>r&&(a-=r,this.goToNextMonth());var o=this.createDate({day:a,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+o+"']");e.tabIndex=0,e.focus()}))},goToPreviousWeek:function(e,t){t.stopPropagation(),t.preventDefault(),this.changeTabIndex(0,-1);var a=0,n=this.previousMonthIndex(this.currentMonth),r=this.monthsData.months[n].numberOfDays;(a=e.day-7)<1&&(a=r+a,this.goToPreviousMonth());var o=this.createDate({day:a,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+o+"']");e.tabIndex=0,e.focus()}))},goToNextWeek:function(e,t){t.stopPropagation(),t.preventDefault(),this.changeTabIndex(0,-1);var a=0;a=e.day+7;var n=this.monthsData.months[this.currentMonth].numberOfDays;a>n&&(a-=n,this.goToNextMonth());var r=this.createDate({day:a,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+r+"']");e.tabIndex=0,e.focus()}))},goToPreviousDay:function(e,t){t.stopPropagation(),t.preventDefault(),this.changeTabIndex(0,-1);var a=0,n=this.previousMonthIndex(this.currentMonth),r=this.monthsData.months[n].numberOfDays;1===e.day?(this.goToPreviousMonth(),a=r):a=e.day-1;var o=this.createDate({day:a,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+o+"']");e.tabIndex=0,e.focus()}))},goToNextDay:function(e,t){t.stopPropagation(),t.preventDefault(),this.changeTabIndex(0,-1);var a=0,n=this.monthsData.months[this.currentMonth].numberOfDays;e.day===n?(this.goToNextMonth(),a=1):a=e.day+1;var r=this.createDate({day:a,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+r+"']");e.tabIndex=0,e.focus()}))},getFirstDayOfMonth:function(e){var t,a=null,n=e;return null!==this.year&&(a=new Date(this.year,n,1)),null===(t=a)||void 0===t?void 0:t.getDay()},getLastDayOfPreviousMonth:function(e){var t,a=e,n=this.year;return 11===e&&(n=this.year-1),t=this.monthsData.months[a].numberOfDays,new Date(n,a,t).getDay()},amountOfWeeksInMonth:function(){var e=this.monthsData.months[this.currentMonth].numberOfDays,t=this.getFirstDayOfMonth(this.currentMonth),a=0===this.getFirstDayOfMonth(this.currentMonth);if(void 0!==t){if(28==e&&1==this.getFirstDayOfMonth(this.currentMonth))return 4;if(31==e&&(t>5||a)||30==e&&(t>6||a))return 6}return 5},sliceMonthToWeeks:function(e,t){for(var a=[],n=0;n<e.length;n+=t){var r=e.slice(n,n+t);a.push(r)}return a},toISOLocal:function(e){var t=function(e){return("0"+e).slice(-2)},a=e.getTimezoneOffset(),n=a>0?"-":"+";return a=Math.abs(a),e.getFullYear()+"-"+t(e.getMonth()+1)+"-"+t(e.getDate())+"T"+t(e.getHours())+":"+t(e.getMinutes())+":"+t(e.getSeconds())+"."+("00"+e.getMilliseconds()).slice(-3)+n+t(a/60|0)+":"+t(a%60)},createDate:function(e){var t=e.day,a=this.toISOLocal(new Date(e.year,e.month,t));return null==a?void 0:a.split("T")[0]}}}),l={class:"vue-accessible-date-field",lang:"fi"},d={class:"date-field-section"},u={class:"date-field-inline"},c=["id","aria-describedby","placeholder"],h=["aria-label","aria-description"],m=[e.createStaticVNode('<svg aria-hidden="true" version="1.0" xmlns="http://www.w3.org/2000/svg" width="18pt" height="18pt" viewBox="0 0 815.000000 822.000000" preserveAspectRatio="xMidYMid meet" data-v-b7db4016><g transform="translate(0.000000,822.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none" data-v-b7db4016><path d="M2382 8200 c-18 -11 -41 -34 -52 -52 -19 -31 -20 -51 -20 -380 l0\r\n              -348 -1022 -2 -1023 -3 -56 -26 c-79 -37 -133 -90 -171 -167 l-33 -67 0 -3445\r\n              0 -3445 33 -67 c38 -77 92 -130 171 -167 l56 -26 1766 -3 1767 -2 953 250\r\n              c1139 300 2795 732 3144 821 l250 64 0 3010 0 3010 -33 67 c-38 77 -92 130\r\n              -171 167 l-56 26 -1032 3 -1033 2 0 348 c0 329 -1 349 -20 380 -40 65 -65 72\r\n              -255 72 -190 0 -215 -7 -255 -72 -19 -31 -20 -51 -20 -380 l0 -348 -1205 0\r\n              -1205 0 0 348 c0 329 -1 349 -20 380 -40 65 -65 72 -255 72 -152 0 -173 -2\r\n              -203 -20z m-72 -1672 c0 -375 1 -395 20 -426 40 -65 65 -72 255 -72 190 0 215\r\n              7 255 72 19 31 20 51 20 426 l0 392 1205 0 1205 0 0 -392 c0 -375 1 -395 20\r\n              -426 40 -65 65 -72 255 -72 190 0 215 7 255 72 19 31 20 51 20 426 l0 392 915\r\n              0 915 0 0 -790 0 -790 -3575 0 -3575 0 0 790 0 790 905 0 905 0 0 -392z m5340\r\n              -3180 c0 -848 -4 -1478 -9 -1473 -5 6 -73 107 -151 225 -78 118 -146 219 -150\r\n              223 -4 5 -627 -404 -1384 -907 l-1378 -916 -2039 0 -2039 0 0 2165 0 2165\r\n              3575 0 3575 0 0 -1482z" data-v-b7db4016></path><path d="M1336 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z" data-v-b7db4016></path><path d="M3526 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z" data-v-b7db4016></path><path d="M5636 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z" data-v-b7db4016></path><path d="M1336 2374 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z" data-v-b7db4016></path><path d="M3546 2374 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z" data-v-b7db4016></path></g></svg>',1)],p=["id"],b={key:0,class:"screen-reader-only"},f={key:1,role:"alert"},y={class:"error-list"},g={key:0,class:"datepicker-section"},v=["id"],k={class:"screen-reader-only"},D=["aria-label"],x={class:"datepicker"},M={class:"datepicker-header-line"},w=["id","aria-label"],S=["aria-label"],N=["id"],O={class:"datepicker-header-month"},T=e.createTextVNode(),P={class:"datepicker-header-year"},E=["aria-label"],I=["aria-label"],F=["id","aria-labelledby"],L=["abbr"],C=["onClick","data-date","aria-selected","onKeydown"],z={class:"buttons"},B=["id"];!function(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===a&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}('\r\n/* :root {} */\r\n\r\n/* datefield */\r\n\r\n/* .vue-accessible-date-field {\r\n    text-align: center;\r\n  } */\r\n\r\n/* button::before {\r\n     content: url("./assets/calendar-icon.svg");\r\n  } */\n.date-field-section .date-field[data-v-b7db4016] {\r\n   max-width: 120px;\r\n   height: 27px;\r\n   padding-left: 5px;\r\n   vertical-align: bottom;\r\n   border-width: 0 0 1px 0;\r\n   background-color: #ffffff;\r\n   border-color: #323a45;\n}\n.date-field-section .date-field[data-v-b7db4016]:focus {\r\n   outline: 3px solid #d71ef7;\r\n   outline-offset: -3px;\n}\n.date-field-inline[data-v-b7db4016] {\r\n   white-space: nowrap;\n}\n.date-field-inline input.error[data-v-b7db4016] {\r\n  outline: 3px solid #BB1331;\r\n  outline-offset: -3px;\n}\n.date-field[data-v-b7db4016] {\r\n   color: #222222;\n}\n[data-v-b7db4016]::placeholder {\r\n   color: #767676;\r\n   opacity: 1;\n}\n.date-field-section .field-description[data-v-b7db4016] {\r\n   display: block;\r\n   font-size: 0.625rem;\r\n   left: 0;\r\n   top: 3.5em;\n}\n.screen-reader-only[data-v-b7db4016] {\r\n   top: -2000em;\r\n   left: -3000em;\r\n   border: 0;\r\n   clip: rect(0, 0, 0, 0);\r\n   height: 1px;\r\n   margin: -1px;\r\n   overflow: hidden;\r\n   padding: 0;\r\n   position: absolute;\r\n   width: 1px;\n}\nul.error-list[data-v-b7db4016] {\r\n  color: #BB1331;\r\n  list-style-type: none;\r\n  padding: 0;\r\n  margin: 0;\n}\nbutton[data-v-b7db4016]:focus {\r\n   outline: 3px solid #d71ef7;\r\n   outline-offset: -3px;\n}\r\n\r\n/* datepicker-modal */\n.calendar-modal[data-v-b7db4016] {\r\n   position: absolute;\r\n   background-color: #ffffff;\r\n   border: 1px solid #000000;\r\n   max-width: 450px;\n}\n.open-calendar-btn[data-v-b7db4016] {\r\n   height: 30px;\r\n   background-color: #ffffff;\r\n   padding-bottom: 0px;\r\n   border-width: 0 0 1px 0;\r\n   border-color: #323a45;\n}\n.open-calendar-btn svg[data-v-b7db4016] {\r\n   margin-top: 1px;\n}\n.open-calendar-icon[data-v-b7db4016] {\r\n   height: 85%;\n}\r\n\r\n/* datepicker header-line */\n.datepicker-header-line[data-v-b7db4016] {  \r\n   display: inline-flex;\r\n   width: 100%;\r\n   min-width: 250px;\n}\n.datepicker-header[data-v-b7db4016] {\r\n   font-size: 1.5rem;\r\n   white-space: nowrap;\r\n   width: 180px;\r\n   text-align: center;\r\n   margin-top: 15px;\r\n   margin-bottom: 10px;\n}\n.datepicker-header-month[data-v-b7db4016] {\r\n   display: inline-block;\r\n   color: #222222;\n}\n.datepicker-header-year[data-v-b7db4016] {\r\n   display: inline-block;\r\n   color: #222222;\n}\nthead > tr th[data-v-b7db4016] {\r\n   width: 20px;\r\n   height: 35px;\n}\n.arrow-button[data-v-b7db4016] {\r\n   min-width: 30px;\r\n   background-color: #ffffff;\r\n   border: none;\r\n   font-size: 1.5rem;\r\n   font-weight: 600;\r\n   cursor: pointer;\r\n   padding-top: 10px;\r\n   padding-bottom: 10px;\r\n   padding-right: 10px;\r\n   padding-left: 10px;\n}\r\n\r\n/* datepicker-grid */\n.datepicker-grid[data-v-b7db4016] {\r\n   min-height: 225px;\r\n   width: 100%;\r\n   padding-right: 15px;\r\n   padding-left: 15px;\r\n   margin-bottom: 15px;\n}\n.datepicker-table-row[data-v-b7db4016] {\r\n   text-align: center;\n}\r\n\r\n/* suurenna */\n.datepicker-day[data-v-b7db4016] {\r\n   width: 24px;\r\n   color: #222222;\r\n   padding: 5px;\r\n   margin: 2px;\r\n   border-radius: 3px;\n}\n.datepicker-day[data-v-b7db4016]:not(.disabled-day) {\r\n   font-weight: 600;\n}\n.disabled-day[data-v-b7db4016] {\r\n   color: #595959;\n}\n.datepicker-day[data-v-b7db4016]:hover {\r\n   background-color: #e8e7e7;\n}\n.datepicker-day[data-v-b7db4016]:not(.disabled-day):hover {\r\n   padding: 3px;\r\n   border: 2px solid #f44a87;\n}\ntd.datepicker-day[data-v-b7db4016]:focus {\r\n   padding: 3px;\r\n   border: 2px solid #3182a0;\r\n   outline: 0;\n}\n.datepicker-day[tabindex="0"][data-v-b7db4016] {\r\n   background-color: #ffd55f;\r\n   color: #000000;\n}\n.datepicker-day.selected-date[data-v-b7db4016] {\r\n   padding: 3px;\r\n   border: 2px dotted #3182a0;\r\n   outline: 0;\n}\n.buttons[data-v-b7db4016] {\r\n   float: right;\r\n   margin-right: 10px;\n}\nbutton.choose-selected-date[data-v-b7db4016],\r\nbutton.close-calendar-modal[data-v-b7db4016] {\r\n   border: none;\r\n   border-radius: 3px;\r\n   background-color: #39306b;\r\n   color: #ffffff;\r\n   margin-bottom: 6px;\r\n   margin-right: 10px;\r\n   padding: 8px;\n}\nbutton.choose-selected-date[data-v-b7db4016]:hover {\r\n   background-color: #5c73bc;\n}\nbutton.close-calendar-modal[data-v-b7db4016]:hover {\r\n   background-color: #677983;\n}\nbutton.close-calendar-modal[data-v-b7db4016] {\r\n   background-color: #272525;\n}\n.backdrop[data-v-b7db4016] {\r\n   top: 0;\r\n   left: 0;\r\n   position: fixed;\r\n   background: rgba(0, 0, 0, 0.5);\r\n   width: 100%;\r\n   height: 100%;\n}\r\n\r\n/* XXL */\n@media (min-width: 1281px) {\n}\r\n\r\n/* XL */\n@media (min-width: 1025px) and (max-width: 1280px) {\n}\r\n\r\n/* L */\n@media (min-width: 768px) and (max-width: 1024px) {\r\n   /* .calendar-modal {\r\n      width: 50%;\r\n    } */\n}\r\n\r\n/* M */\n@media (min-width: 481px) and (max-width: 767px) {\r\n   /* .calendar-modal {\r\n      width: 70%;\r\n    } */\n}\r\n/* S */\n@media (max-width: 480px) {\r\n   /* .calendar-modal {\r\n      width: 95%;\r\n    } */\n}\r\n'),s.render=function(t,a,n,r,o,i){return e.openBlock(),e.createElementBlock("div",l,[e.createElementVNode("div",d,[e.createElementVNode("div",u,[e.withDirectives(e.createElementVNode("input",{type:"text",id:"dateField-"+t.uniqueString,name:"dateInput","onUpdate:modelValue":a[0]||(a[0]=function(e){return t.selectedDate=e}),onChange:a[1]||(a[1]=function(e){return t.updateSelectedDate(e)}),class:e.normalizeClass(["date-field",{error:t.errors.length>0}]),"aria-describedby":"dateFieldDescription"+t.uniqueString,placeholder:t.placeholderText},null,42,c),[[e.vModelText,t.selectedDate]]),e.createElementVNode("button",{type:"button",id:"calendarIcon",class:"icon open-calendar-btn","aria-label":t.buttonLabel,"aria-description":t.navInstruct,onClick:a[2]||(a[2]=function(e){return t.handleIconPress(e)}),onKeydown:[a[3]||(a[3]=e.withKeys((function(e){return t.handleIconPress(e)}),["enter"])),a[4]||(a[4]=e.withKeys((function(e){return t.handleIconPress(e)}),["space"]))]},m,40,h),e.createElementVNode("span",{id:"dateFieldDescription"+t.uniqueString},[0===t.errors.length?(e.openBlock(),e.createElementBlock("span",b,e.toDisplayString(t.possibleDateFormats),1)):e.createCommentVNode("",!0),t.errors.length>0?(e.openBlock(),e.createElementBlock("span",f,[e.createElementVNode("ul",y,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.errors,(function(t){return e.openBlock(),e.createElementBlock("li",{key:t},e.toDisplayString(t),1)})),128))])])):e.createCommentVNode("",!0)],8,p)])]),t.calendarVisible?(e.openBlock(),e.createElementBlock("div",g,[e.createElementVNode("span",{id:"monthYearDescr-"+t.uniqueString,role:"status"},[e.createElementVNode("span",k,e.toDisplayString(t.monthYearDescription),1)],8,v),e.createElementVNode("div",{onClick:a[5]||(a[5]=function(e){return t.handleBackdropClick(e)}),class:"backdrop",ref:"backdrop"},null,512),e.createElementVNode("div",{class:"calendar-modal",role:"dialog","aria-modal":"true","aria-label":t.localizationData.buttonLabelChoose},[e.createElementVNode("div",x,[e.createElementVNode("div",M,[e.createElementVNode("button",{type:"button",id:"previousYear-"+t.uniqueString,class:"arrow-button previous-year-button",onClick:a[6]||(a[6]=function(e){return t.riffleYears("backward")}),"aria-label":t.localizationData.buttonLabelPreviousYear,onKeydown:[a[7]||(a[7]=e.withKeys((function(e){return t.handlePrevYearTab(e)}),["tab"])),a[8]||(a[8]=e.withKeys((function(e){return t.closeDatePickerModal(e)}),["esc"])),a[9]||(a[9]=e.withKeys((function(e){return t.riffleYears("backward",e)}),["enter"]))]}," « ",40,w),e.createElementVNode("button",{type:"button",class:"arrow-button previous-month-button",onClick:a[10]||(a[10]=function(e){return t.riffleMonths("backward",e)}),"aria-label":t.localizationData.buttonLabelPreviousMonth,onKeydown:[a[11]||(a[11]=e.withKeys((function(e){return t.closeDatePickerModal(e)}),["esc"])),a[12]||(a[12]=e.withKeys((function(e){return t.riffleMonths("backward",e)}),["enter"]))]}," ‹ ",40,S),e.createElementVNode("h2",{id:"datepickerHeader-"+t.uniqueString,class:"datepicker-header"},[e.createElementVNode("span",O,e.toDisplayString(t.pickerHeaderMonth),1),T,e.createElementVNode("span",P,e.toDisplayString(t.pickerHeaderYear),1)],8,N),e.createElementVNode("button",{type:"button",class:"arrow-button",onClick:a[13]||(a[13]=function(e){return t.riffleMonths("forward")}),"aria-label":t.localizationData.buttonLabelNextMonth,onKeydown:[a[14]||(a[14]=e.withKeys((function(e){return t.closeDatePickerModal(e)}),["esc"])),a[15]||(a[15]=e.withKeys((function(e){return t.riffleMonths("forward",e)}),["enter"]))]}," › ",40,E),e.createElementVNode("button",{type:"button",class:"arrow-button",onClick:a[16]||(a[16]=function(e){return t.riffleYears("forward")}),"aria-label":t.localizationData.buttonLabelNextYear,onKeydown:[a[17]||(a[17]=e.withKeys((function(e){return t.closeDatePickerModal(e)}),["esc"])),a[18]||(a[18]=e.withKeys((function(e){return t.riffleYears("forward",e)}),["enter"]))]}," » ",40,I)]),e.createElementVNode("table",{id:"datapickerTable-"+t.uniqueString,class:"datepicker-grid",role:"grid","aria-labelledby":"datepickerHeader-"+t.uniqueString},[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.daysShort,(function(a,n){return e.openBlock(),e.createElementBlock("th",{scope:"col",key:n,abbr:t.localizationData.dayNames[n]},e.toDisplayString(a),9,L)})),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.daysVisibleCurrentMonth,(function(n,r){return e.openBlock(),e.createElementBlock("tr",{key:r,class:"datepicker-table-row"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n,(function(n,r){return e.openBlock(),e.createElementBlock("td",{key:r,onClick:function(e){return t.handleDatePress(e,n,!0)},tabindex:"-1",class:e.normalizeClass(["datepicker-day",{"selected-date":t.createDate(n)===t.selectedISODate},{"disabled-day":t.checkDisabledDay(n)}]),"data-date":t.createDate(n),role:"gridcell","aria-selected":t.checkSelected(n),onKeydown:[a[19]||(a[19]=e.withKeys((function(e){return t.closeDatePickerModal()}),["esc"])),e.withKeys((function(e){return t.handleDatePress(e,n,!1)}),["space"]),e.withKeys((function(e){return t.handleDatePress(e,n,!0)}),["enter"]),e.withKeys((function(e){return t.goToPreviousWeek(n,e)}),["up"]),e.withKeys((function(e){return t.goToNextWeek(n,e)}),["down"]),e.withKeys((function(e){return t.goToNextDay(n,e)}),["right"]),e.withKeys((function(e){return t.goToPreviousDay(n,e)}),["left"]),e.withKeys((function(e){return t.goToFirstDayOfWeek(n,e)}),["home"]),e.withKeys((function(e){return t.goToLastDayOfWeek(n,e)}),["end"]),e.withKeys((function(e){return t.handlePageDown(e,n)}),["page-down"]),e.withKeys((function(e){return t.handlePageUp(e,n)}),["page-up"])]},e.toDisplayString(n.day),43,C)})),128))])})),128))])],8,F)]),e.createElementVNode("div",z,[e.createElementVNode("button",{class:"close-calendar-modal",onClick:a[20]||(a[20]=function(e){return t.closeDatePickerModal(e)}),onKeydown:a[21]||(a[21]=e.withKeys((function(e){return t.closeDatePickerModal(e)}),["esc"]))},e.toDisplayString(t.localizationData.cancelButtonLabel),33),e.createElementVNode("button",{id:"OKButton-"+t.uniqueString,class:"choose-selected-date",onClick:a[22]||(a[22]=function(e){return t.handleOKButtonClick(e)}),onKeydown:[a[23]||(a[23]=e.withKeys((function(e){return t.closeDatePickerModal(e)}),["esc"])),a[24]||(a[24]=e.withKeys((function(e){return t.handleOKButtonTab(e)}),["tab"]))]},e.toDisplayString(t.localizationData.selectFocusedButtonLabel),41,B)])],8,D)])):e.createCommentVNode("",!0)])},s.__scopeId="data-v-b7db4016";var K=function(){var e=s;return e.install=function(t){t.component("VueAccessibleDateField",e)},e}(),V=Object.freeze({__proto__:null,default:K});return Object.entries(V).forEach((function(e){var a=t(e,2),n=a[0],r=a[1];"default"!==n&&(K[n]=r)})),K}(Vue);

dist/vue-accessible-date-field.ssr.js

@@ -103,2 +103,3 @@ 'use strict';var vue=require('vue');function _slicedToArray(arr, i) {
   generalDateFieldError: 'Syöttämäsi päivämäärän muoto ei kelpaa',
+  keyboardNavInstructions: 'Kalenterin sisältöä voi selata näppäimistöltä seuraavilla painikkeilla: ' + 'sarkainpainike: siirrä kohdistusta nuolipainikkeiden, kohdistetun päivämäärän sekä OK- ja Peruuta -painikkeiden välillä, ' + 'nuoli vasemmalle: siirry edelliseen päivään, ' + 'nuoli oikealle: Siirry seuraavaan päivään, ' + 'nuoli ylös: siirry edellisen viikon samaan viikonpäivään, ' + 'nuoli alas: siirry seuraavan viikon samaan viikonpäivään, ' + 'HOME-näppäin: siirry saman viikon ensimmäiseen päivään, ' + 'END-näppäin: siirry saman viikon viimeiseen päivään, ' + 'PAGE DOWN -näppäin: siirry edelliseen kuukauteen, ' + 'SHIFT + PAGE DOWN -näppäin: siirry edelliseen vuoteen, ' + 'PAGE UP -näppäin: siirry seuraavaan kuukauteen, ' + 'SHIFT + PAGE UP -näppäin: siirry seuraavaan vuoteen, ' + 'ENTER: valitse kohdistettu päivä ja sulje kalenteri, ' + 'SPACE: valitse kohdistettu päivä, kalenteri pysyy auki, ' + 'ESC: sulje kalenteri',
   buttonLabelChoose: 'Valitse päivämäärä',
@@ -111,5 +112,5 @@ buttonLabelChange: 'Muuta valittua päivämäärää, ',
   dayNames: ['maanantai', 'tiistai', 'keskiviikko', 'torstai', 'perjantai', 'lauantai', 'sunnuntai'],
+  dayNamesShort: ['ma', 'ti', 'ke', 'to', 'pe', 'la', 'su'],
   monthNames: ['tammikuu', 'helmikuu', 'maaliskuu', 'huhtikuu', 'toukokuu', 'kesäkuu', 'heinäkuu', 'elokuu', 'syyskuu', 'lokakuu', 'marraskuu', 'joulukuu'],
   monthNamesForMessage: ['tammikuuta', 'helmikuuta', 'maaliskuuta', 'huhtikuuta', 'toukokuuta', 'kesäkuuta', 'heinäkuuta', 'elokuuta', 'syyskuuta', 'lokakuuta', 'marraskuuta', 'joulukuuta'],
-  dayNamesShort: ['ma', 'ti', 'ke', 'to', 'pe', 'la', 'su'],
   selectFocusedButtonLabel: 'OK',
@@ -124,2 +125,3 @@ cancelButtonLabel: 'Peruuta'
   generalDateFieldError: 'Datumformatet du angav är ogiltigt',
+  keyboardNavInstructions: 'Du kan bläddra igenom kalenderinnehållet med följande knappar:' + 'Tab-knapp: Flytta fokus mellan pilknapparna, måldatumet och knapparna OK och Avbryt, ' + 'vänsterpil: gå till föregående dag, ' + 'högerpil: Gå till nästa dag, ' + 'uppåtpil: gå till samma veckodag förra veckan, ' + 'nedåtpil: gå till samma veckodag nästa vecka, ' + 'HEM-knapp: gå till den första dagen i samma vecka, ' + 'END-tangent: gå till den sista dagen i samma vecka, ' + 'PAGE DOWN-tangent: gå till föregående månad ,' + 'SHIFT + PAGE DOWN-tangent: gå till föregående år, ' + 'PAGE UP-tangent: gå till nästa månad, ' + 'SHIFT + PAGE UP-tangent: gå till nästa år, ' + 'ENTER: välj den inriktade dagen och stäng kalendern, ' + 'UTRYMME: välj en inriktad dag, kalendern förblir öppen, ' + 'ESC: stäng kalender',
   buttonLabelChoose: 'Välj ett datum',
@@ -132,5 +134,5 @@ buttonLabelChange: 'Ändra det valda datumet, ',
   dayNames: ['måndag', 'tisdag', 'onsdag', 'torsdag', 'fredag', 'lördag', 'söndag'],
+  dayNamesShort: ['må', 'ti', 'on', 'to', 'fr', 'lö', 'sö'],
   monthNames: ['januari', 'februari', 'mars', 'april', 'maj', 'juni', 'juli', 'augusti', 'september', 'oktober', 'november', 'december'],
   monthNamesForMessage: ['januari', 'februari', 'mars', 'april', 'maj', 'juni', 'juli', 'augusti', 'september', 'oktober', 'november', 'december'],
-  dayNamesShort: ['må', 'ti', 'on', 'to', 'fr', 'lö', 'sö'],
   selectFocusedButtonLabel: 'OK',
@@ -145,2 +147,3 @@ cancelButtonLabel: 'Avbryt'
   generalDateFieldError: 'The entered date format is invalid',
+  keyboardNavInstructions: 'You can navigate through the date picker contents with the following keys: ' + 'TAB: Move focus between the arrow buttons, the targeted date, and the OK and Cancel buttons, ' + 'left arrow: go to the previous day, ' + 'right arrow: Go to the next day, ' + 'up arrow: go to the same day of the week, ' + 'down arrow: go to the same day of the week next week, ' + 'HOME key: go to the first day of the same week, ' + 'END key: go to the last day of the same week, ' + 'PAGE DOWN key: go to the previous month, ' + 'SHIFT + PAGE DOWN key: go to the previous year, ' + 'PAGE UP key: go to the next month, ' + 'SHIFT + PAGE UP key: go to the next year, ' + 'ENTER: select the focused day and close the date picker, ' + 'SPACE: select the focused day, date picker will remain open, ' + 'ESC: close date picker',
   buttonLabelChoose: 'Choose date',
@@ -152,6 +155,6 @@ buttonLabelChange: 'Change selected date, ',
   buttonLabelNextYear: 'Move to next year',
-  dayNames: ['Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],
+  dayNames: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],
+  dayNamesShort: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
   monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
   monthNamesForMessage: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
-  dayNamesShort: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
   selectFocusedButtonLabel: 'OK',
@@ -202,2 +205,3 @@ cancelButtonLabel: 'Cancel'
       generalDateFieldError: "",
+      keyboardNavInstructions: "",
       buttonLabelChoose: "",
@@ -306,5 +310,11 @@ buttonLabelChange: "",
     },
+    navInstruct: function navInstruct() {
+      return this.localizationData.keyboardNavInstructions;
+    },
     calendarVisible: function calendarVisible() {
       return this.showCalendar;
     },
+    daysShort: function daysShort() {
+      return this.localizationData.dayNamesShort;
+    },
     placeholderText: function placeholderText() {
@@ -512,8 +522,8 @@ return this.localizationData.placeholderText;
         var today = dateNow.getDate();
-        var monthNow = dateNow.getMonth();
-        var yearNow = dateNow.getFullYear();
+        this.currentMonth = dateNow.getMonth();
+        this.year = dateNow.getFullYear();
         var thisDaySelected = {
           day: today,
-          month: monthNow,
-          year: yearNow
+          month: this.currentMonth,
+          year: this.year
         };
@@ -586,9 +596,8 @@ var selectedDate = this.createDate(thisDaySelected);
       event.preventDefault();
-      this.changeTabIndex(0, -1); // if also Shift key pressed, picker moves to next year
+      this.changeTabIndex(0, -1);
 
       if (event.shiftKey) {
-        this.goToNextYear();
+        this.goToPreviousYear();
       } else {
-        // if not, moves to next month
-        this.goToNextMonth();
+        this.goToPreviousMonth();
       }
@@ -610,8 +619,9 @@
       event.preventDefault();
-      this.changeTabIndex(0, -1);
+      this.changeTabIndex(0, -1); // if also Shift key pressed, picker moves to next year
 
       if (event.shiftKey) {
-        this.goToPreviousYear();
+        this.goToNextYear();
       } else {
-        this.goToPreviousMonth();
+        // if not, moves to next month
+        this.goToNextMonth();
       }
@@ -976,5 +986,5 @@
 var _hoisted_4 = ["id", "aria-describedby", "placeholder"];
-var _hoisted_5 = ["aria-label"];
+var _hoisted_5 = ["aria-label", "aria-description"];
 
-var _hoisted_6 = /*#__PURE__*/vue.createStaticVNode("<svg aria-hidden=\"true\" version=\"1.0\" xmlns=\"http://www.w3.org/2000/svg\" width=\"18pt\" height=\"18pt\" viewBox=\"0 0 815.000000 822.000000\" preserveAspectRatio=\"xMidYMid meet\" data-v-19fc3c50><g transform=\"translate(0.000000,822.000000) scale(0.100000,-0.100000)\" fill=\"#000000\" stroke=\"none\" data-v-19fc3c50><path d=\"M2382 8200 c-18 -11 -41 -34 -52 -52 -19 -31 -20 -51 -20 -380 l0\r\n              -348 -1022 -2 -1023 -3 -56 -26 c-79 -37 -133 -90 -171 -167 l-33 -67 0 -3445\r\n              0 -3445 33 -67 c38 -77 92 -130 171 -167 l56 -26 1766 -3 1767 -2 953 250\r\n              c1139 300 2795 732 3144 821 l250 64 0 3010 0 3010 -33 67 c-38 77 -92 130\r\n              -171 167 l-56 26 -1032 3 -1033 2 0 348 c0 329 -1 349 -20 380 -40 65 -65 72\r\n              -255 72 -190 0 -215 -7 -255 -72 -19 -31 -20 -51 -20 -380 l0 -348 -1205 0\r\n              -1205 0 0 348 c0 329 -1 349 -20 380 -40 65 -65 72 -255 72 -152 0 -173 -2\r\n              -203 -20z m-72 -1672 c0 -375 1 -395 20 -426 40 -65 65 -72 255 -72 190 0 215\r\n              7 255 72 19 31 20 51 20 426 l0 392 1205 0 1205 0 0 -392 c0 -375 1 -395 20\r\n              -426 40 -65 65 -72 255 -72 190 0 215 7 255 72 19 31 20 51 20 426 l0 392 915\r\n              0 915 0 0 -790 0 -790 -3575 0 -3575 0 0 790 0 790 905 0 905 0 0 -392z m5340\r\n              -3180 c0 -848 -4 -1478 -9 -1473 -5 6 -73 107 -151 225 -78 118 -146 219 -150\r\n              223 -4 5 -627 -404 -1384 -907 l-1378 -916 -2039 0 -2039 0 0 2165 0 2165\r\n              3575 0 3575 0 0 -1482z\" data-v-19fc3c50></path><path d=\"M1336 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-19fc3c50></path><path d=\"M3526 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-19fc3c50></path><path d=\"M5636 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-19fc3c50></path><path d=\"M1336 2374 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-19fc3c50></path><path d=\"M3546 2374 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-19fc3c50></path></g></svg>", 1);
+var _hoisted_6 = /*#__PURE__*/vue.createStaticVNode("<svg aria-hidden=\"true\" version=\"1.0\" xmlns=\"http://www.w3.org/2000/svg\" width=\"18pt\" height=\"18pt\" viewBox=\"0 0 815.000000 822.000000\" preserveAspectRatio=\"xMidYMid meet\" data-v-b7db4016><g transform=\"translate(0.000000,822.000000) scale(0.100000,-0.100000)\" fill=\"#000000\" stroke=\"none\" data-v-b7db4016><path d=\"M2382 8200 c-18 -11 -41 -34 -52 -52 -19 -31 -20 -51 -20 -380 l0\r\n              -348 -1022 -2 -1023 -3 -56 -26 c-79 -37 -133 -90 -171 -167 l-33 -67 0 -3445\r\n              0 -3445 33 -67 c38 -77 92 -130 171 -167 l56 -26 1766 -3 1767 -2 953 250\r\n              c1139 300 2795 732 3144 821 l250 64 0 3010 0 3010 -33 67 c-38 77 -92 130\r\n              -171 167 l-56 26 -1032 3 -1033 2 0 348 c0 329 -1 349 -20 380 -40 65 -65 72\r\n              -255 72 -190 0 -215 -7 -255 -72 -19 -31 -20 -51 -20 -380 l0 -348 -1205 0\r\n              -1205 0 0 348 c0 329 -1 349 -20 380 -40 65 -65 72 -255 72 -152 0 -173 -2\r\n              -203 -20z m-72 -1672 c0 -375 1 -395 20 -426 40 -65 65 -72 255 -72 190 0 215\r\n              7 255 72 19 31 20 51 20 426 l0 392 1205 0 1205 0 0 -392 c0 -375 1 -395 20\r\n              -426 40 -65 65 -72 255 -72 190 0 215 7 255 72 19 31 20 51 20 426 l0 392 915\r\n              0 915 0 0 -790 0 -790 -3575 0 -3575 0 0 790 0 790 905 0 905 0 0 -392z m5340\r\n              -3180 c0 -848 -4 -1478 -9 -1473 -5 6 -73 107 -151 225 -78 118 -146 219 -150\r\n              223 -4 5 -627 -404 -1384 -907 l-1378 -916 -2039 0 -2039 0 0 2165 0 2165\r\n              3575 0 3575 0 0 -1482z\" data-v-b7db4016></path><path d=\"M1336 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-b7db4016></path><path d=\"M3526 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-b7db4016></path><path d=\"M5636 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-b7db4016></path><path d=\"M1336 2374 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-b7db4016></path><path d=\"M3546 2374 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n              79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n              -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-b7db4016></path></g></svg>", 1);
 
@@ -1051,2 +1061,3 @@ var _hoisted_7 = [_hoisted_6];
     "aria-label": _ctx.buttonLabel,
+    "aria-description": _ctx.navInstruct,
     onClick: _cache[2] || (_cache[2] = function ($event) {
@@ -1085,3 +1096,3 @@ return _ctx.handleIconPress($event);
     onClick: _cache[6] || (_cache[6] = function ($event) {
-      return _ctx.riffleYears('backward', $event);
+      return _ctx.riffleYears('backward');
     }),
@@ -1115,3 +1126,3 @@ "aria-label": _ctx.localizationData.buttonLabelPreviousYear,
     onClick: _cache[13] || (_cache[13] = function ($event) {
-      return _ctx.riffleMonths('forward', $event);
+      return _ctx.riffleMonths('forward');
     }),
@@ -1128,3 +1139,3 @@ "aria-label": _ctx.localizationData.buttonLabelNextMonth,
     onClick: _cache[16] || (_cache[16] = function ($event) {
-      return _ctx.riffleYears('forward', $event);
+      return _ctx.riffleYears('forward');
     }),
@@ -1142,3 +1153,3 @@ "aria-label": _ctx.localizationData.buttonLabelNextYear,
     "aria-labelledby": 'datepickerHeader-' + _ctx.uniqueString
-  }, [vue.createElementVNode("thead", null, [vue.createElementVNode("tr", null, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.localizationData.dayNamesShort, function (day, i) {
+  }, [vue.createElementVNode("thead", null, [vue.createElementVNode("tr", null, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.daysShort, function (day, i) {
     return vue.openBlock(), vue.createElementBlock("th", {
@@ -1238,5 +1249,5 @@ scope: "col",
   }
-}var css_248z = "\r\n/* :root {} */\r\n\r\n/* datefield */\r\n\r\n/* .vue-accessible-date-field {\r\n    text-align: center;\r\n  } */\r\n\r\n/* button::before {\r\n     content: url(\"./assets/calendar-icon.svg\");\r\n  } */\n.date-field-section .date-field[data-v-19fc3c50] {\r\n   max-width: 120px;\r\n   height: 27px;\r\n   padding-left: 5px;\r\n   vertical-align: bottom;\r\n   border-width: 0 0 1px 0;\r\n   background-color: #ffffff;\r\n   border-color: #323a45;\n}\n.date-field-section .date-field[data-v-19fc3c50]:focus {\r\n   outline: 3px solid #d71ef7;\r\n   outline-offset: -3px;\n}\n.date-field-inline[data-v-19fc3c50] {\r\n   white-space: nowrap;\n}\n.date-field-inline input.error[data-v-19fc3c50] {\r\n  outline: 3px solid #BB1331;\r\n  outline-offset: -3px;\n}\n.date-field[data-v-19fc3c50] {\r\n   color: #222222;\n}\n[data-v-19fc3c50]::placeholder {\r\n   color: #767676;\r\n   opacity: 1;\n}\n.date-field-section .field-description[data-v-19fc3c50] {\r\n   display: block;\r\n   font-size: 0.625rem;\r\n   left: 0;\r\n   top: 3.5em;\n}\n.screen-reader-only[data-v-19fc3c50] {\r\n   top: -2000em;\r\n   left: -3000em;\r\n   border: 0;\r\n   clip: rect(0, 0, 0, 0);\r\n   height: 1px;\r\n   margin: -1px;\r\n   overflow: hidden;\r\n   padding: 0;\r\n   position: absolute;\r\n   width: 1px;\n}\nul.error-list[data-v-19fc3c50] {\r\n  color: #BB1331;\r\n  list-style-type: none;\r\n  padding: 0;\r\n  margin: 0;\n}\nbutton[data-v-19fc3c50]:focus {\r\n   outline: 3px solid #d71ef7;\r\n   outline-offset: -3px;\n}\r\n\r\n/* datepicker-modal */\n.calendar-modal[data-v-19fc3c50] {\r\n   position: absolute;\r\n   background-color: #ffffff;\r\n   border: 1px solid #000000;\r\n   max-width: 450px;\n}\n.open-calendar-btn[data-v-19fc3c50] {\r\n   height: 30px;\r\n   background-color: #ffffff;\r\n   padding-bottom: 0px;\r\n   border-width: 0 0 1px 0;\r\n   border-color: #323a45;\n}\n.open-calendar-btn svg[data-v-19fc3c50] {\r\n   margin-top: 1px;\n}\n.open-calendar-icon[data-v-19fc3c50] {\r\n   height: 85%;\n}\r\n\r\n/* datepicker header-line */\n.datepicker-header-line[data-v-19fc3c50] {  \r\n   display: inline-flex;\r\n   width: 100%;\r\n   min-width: 250px;\n}\n.datepicker-header[data-v-19fc3c50] {\r\n   font-size: 1.5rem;\r\n   white-space: nowrap;\r\n   width: 180px;\r\n   text-align: center;\r\n   margin-top: 15px;\r\n   margin-bottom: 10px;\n}\n.datepicker-header-month[data-v-19fc3c50] {\r\n   display: inline-block;\r\n   color: #222222;\n}\n.datepicker-header-year[data-v-19fc3c50] {\r\n   display: inline-block;\r\n   color: #222222;\n}\nthead > tr th[data-v-19fc3c50] {\r\n   width: 20px;\r\n   height: 35px;\n}\n.arrow-button[data-v-19fc3c50] {\r\n   min-width: 30px;\r\n   background-color: #ffffff;\r\n   border: none;\r\n   font-size: 1.5rem;\r\n   font-weight: 600;\r\n   cursor: pointer;\r\n   padding-top: 10px;\r\n   padding-bottom: 10px;\r\n   padding-right: 10px;\r\n   padding-left: 10px;\n}\r\n\r\n/* datepicker-grid */\n.datepicker-grid[data-v-19fc3c50] {\r\n   min-height: 225px;\r\n   width: 100%;\r\n   padding-right: 15px;\r\n   padding-left: 15px;\r\n   margin-bottom: 15px;\n}\n.datepicker-table-row[data-v-19fc3c50] {\r\n   text-align: center;\n}\r\n\r\n/* suurenna */\n.datepicker-day[data-v-19fc3c50] {\r\n   width: 24px;\r\n   color: #222222;\r\n   padding: 5px;\r\n   margin: 2px;\r\n   border-radius: 3px;\n}\n.datepicker-day[data-v-19fc3c50]:not(.disabled-day) {\r\n   font-weight: 600;\n}\n.disabled-day[data-v-19fc3c50] {\r\n   color: #595959;\n}\n.datepicker-day[data-v-19fc3c50]:hover {\r\n   background-color: #e8e7e7;\n}\n.datepicker-day[data-v-19fc3c50]:not(.disabled-day):hover {\r\n   padding: 3px;\r\n   border: 2px solid #f44a87;\n}\ntd.datepicker-day[data-v-19fc3c50]:focus {\r\n   padding: 3px;\r\n   border: 2px solid #3182a0;\r\n   outline: 0;\n}\n.datepicker-day[tabindex=\"0\"][data-v-19fc3c50] {\r\n   background-color: #ffd55f;\r\n   color: #000000;\n}\n.datepicker-day.selected-date[data-v-19fc3c50] {\r\n   padding: 3px;\r\n   border: 2px dotted #3182a0;\r\n   outline: 0;\n}\n.buttons[data-v-19fc3c50] {\r\n   float: right;\r\n   margin-right: 10px;\n}\nbutton.choose-selected-date[data-v-19fc3c50],\r\nbutton.close-calendar-modal[data-v-19fc3c50] {\r\n   border: none;\r\n   border-radius: 3px;\r\n   background-color: #39306b;\r\n   color: #ffffff;\r\n   margin-bottom: 6px;\r\n   margin-right: 10px;\r\n   padding: 8px;\n}\nbutton.choose-selected-date[data-v-19fc3c50]:hover {\r\n   background-color: #5c73bc;\n}\nbutton.close-calendar-modal[data-v-19fc3c50]:hover {\r\n   background-color: #677983;\n}\nbutton.close-calendar-modal[data-v-19fc3c50] {\r\n   background-color: #272525;\n}\n.backdrop[data-v-19fc3c50] {\r\n   top: 0;\r\n   left: 0;\r\n   position: fixed;\r\n   background: rgba(0, 0, 0, 0.5);\r\n   width: 100%;\r\n   height: 100%;\n}\r\n\r\n/* XXL */\n@media (min-width: 1281px) {\n}\r\n\r\n/* XL */\n@media (min-width: 1025px) and (max-width: 1280px) {\n}\r\n\r\n/* L */\n@media (min-width: 768px) and (max-width: 1024px) {\r\n   /* .calendar-modal {\r\n      width: 50%;\r\n    } */\n}\r\n\r\n/* M */\n@media (min-width: 481px) and (max-width: 767px) {\r\n   /* .calendar-modal {\r\n      width: 70%;\r\n    } */\n}\r\n/* S */\n@media (max-width: 480px) {\r\n   /* .calendar-modal {\r\n      width: 95%;\r\n    } */\n}\r\n";
+}var css_248z = "\r\n/* :root {} */\r\n\r\n/* datefield */\r\n\r\n/* .vue-accessible-date-field {\r\n    text-align: center;\r\n  } */\r\n\r\n/* button::before {\r\n     content: url(\"./assets/calendar-icon.svg\");\r\n  } */\n.date-field-section .date-field[data-v-b7db4016] {\r\n   max-width: 120px;\r\n   height: 27px;\r\n   padding-left: 5px;\r\n   vertical-align: bottom;\r\n   border-width: 0 0 1px 0;\r\n   background-color: #ffffff;\r\n   border-color: #323a45;\n}\n.date-field-section .date-field[data-v-b7db4016]:focus {\r\n   outline: 3px solid #d71ef7;\r\n   outline-offset: -3px;\n}\n.date-field-inline[data-v-b7db4016] {\r\n   white-space: nowrap;\n}\n.date-field-inline input.error[data-v-b7db4016] {\r\n  outline: 3px solid #BB1331;\r\n  outline-offset: -3px;\n}\n.date-field[data-v-b7db4016] {\r\n   color: #222222;\n}\n[data-v-b7db4016]::placeholder {\r\n   color: #767676;\r\n   opacity: 1;\n}\n.date-field-section .field-description[data-v-b7db4016] {\r\n   display: block;\r\n   font-size: 0.625rem;\r\n   left: 0;\r\n   top: 3.5em;\n}\n.screen-reader-only[data-v-b7db4016] {\r\n   top: -2000em;\r\n   left: -3000em;\r\n   border: 0;\r\n   clip: rect(0, 0, 0, 0);\r\n   height: 1px;\r\n   margin: -1px;\r\n   overflow: hidden;\r\n   padding: 0;\r\n   position: absolute;\r\n   width: 1px;\n}\nul.error-list[data-v-b7db4016] {\r\n  color: #BB1331;\r\n  list-style-type: none;\r\n  padding: 0;\r\n  margin: 0;\n}\nbutton[data-v-b7db4016]:focus {\r\n   outline: 3px solid #d71ef7;\r\n   outline-offset: -3px;\n}\r\n\r\n/* datepicker-modal */\n.calendar-modal[data-v-b7db4016] {\r\n   position: absolute;\r\n   background-color: #ffffff;\r\n   border: 1px solid #000000;\r\n   max-width: 450px;\n}\n.open-calendar-btn[data-v-b7db4016] {\r\n   height: 30px;\r\n   background-color: #ffffff;\r\n   padding-bottom: 0px;\r\n   border-width: 0 0 1px 0;\r\n   border-color: #323a45;\n}\n.open-calendar-btn svg[data-v-b7db4016] {\r\n   margin-top: 1px;\n}\n.open-calendar-icon[data-v-b7db4016] {\r\n   height: 85%;\n}\r\n\r\n/* datepicker header-line */\n.datepicker-header-line[data-v-b7db4016] {  \r\n   display: inline-flex;\r\n   width: 100%;\r\n   min-width: 250px;\n}\n.datepicker-header[data-v-b7db4016] {\r\n   font-size: 1.5rem;\r\n   white-space: nowrap;\r\n   width: 180px;\r\n   text-align: center;\r\n   margin-top: 15px;\r\n   margin-bottom: 10px;\n}\n.datepicker-header-month[data-v-b7db4016] {\r\n   display: inline-block;\r\n   color: #222222;\n}\n.datepicker-header-year[data-v-b7db4016] {\r\n   display: inline-block;\r\n   color: #222222;\n}\nthead > tr th[data-v-b7db4016] {\r\n   width: 20px;\r\n   height: 35px;\n}\n.arrow-button[data-v-b7db4016] {\r\n   min-width: 30px;\r\n   background-color: #ffffff;\r\n   border: none;\r\n   font-size: 1.5rem;\r\n   font-weight: 600;\r\n   cursor: pointer;\r\n   padding-top: 10px;\r\n   padding-bottom: 10px;\r\n   padding-right: 10px;\r\n   padding-left: 10px;\n}\r\n\r\n/* datepicker-grid */\n.datepicker-grid[data-v-b7db4016] {\r\n   min-height: 225px;\r\n   width: 100%;\r\n   padding-right: 15px;\r\n   padding-left: 15px;\r\n   margin-bottom: 15px;\n}\n.datepicker-table-row[data-v-b7db4016] {\r\n   text-align: center;\n}\r\n\r\n/* suurenna */\n.datepicker-day[data-v-b7db4016] {\r\n   width: 24px;\r\n   color: #222222;\r\n   padding: 5px;\r\n   margin: 2px;\r\n   border-radius: 3px;\n}\n.datepicker-day[data-v-b7db4016]:not(.disabled-day) {\r\n   font-weight: 600;\n}\n.disabled-day[data-v-b7db4016] {\r\n   color: #595959;\n}\n.datepicker-day[data-v-b7db4016]:hover {\r\n   background-color: #e8e7e7;\n}\n.datepicker-day[data-v-b7db4016]:not(.disabled-day):hover {\r\n   padding: 3px;\r\n   border: 2px solid #f44a87;\n}\ntd.datepicker-day[data-v-b7db4016]:focus {\r\n   padding: 3px;\r\n   border: 2px solid #3182a0;\r\n   outline: 0;\n}\n.datepicker-day[tabindex=\"0\"][data-v-b7db4016] {\r\n   background-color: #ffd55f;\r\n   color: #000000;\n}\n.datepicker-day.selected-date[data-v-b7db4016] {\r\n   padding: 3px;\r\n   border: 2px dotted #3182a0;\r\n   outline: 0;\n}\n.buttons[data-v-b7db4016] {\r\n   float: right;\r\n   margin-right: 10px;\n}\nbutton.choose-selected-date[data-v-b7db4016],\r\nbutton.close-calendar-modal[data-v-b7db4016] {\r\n   border: none;\r\n   border-radius: 3px;\r\n   background-color: #39306b;\r\n   color: #ffffff;\r\n   margin-bottom: 6px;\r\n   margin-right: 10px;\r\n   padding: 8px;\n}\nbutton.choose-selected-date[data-v-b7db4016]:hover {\r\n   background-color: #5c73bc;\n}\nbutton.close-calendar-modal[data-v-b7db4016]:hover {\r\n   background-color: #677983;\n}\nbutton.close-calendar-modal[data-v-b7db4016] {\r\n   background-color: #272525;\n}\n.backdrop[data-v-b7db4016] {\r\n   top: 0;\r\n   left: 0;\r\n   position: fixed;\r\n   background: rgba(0, 0, 0, 0.5);\r\n   width: 100%;\r\n   height: 100%;\n}\r\n\r\n/* XXL */\n@media (min-width: 1281px) {\n}\r\n\r\n/* XL */\n@media (min-width: 1025px) and (max-width: 1280px) {\n}\r\n\r\n/* L */\n@media (min-width: 768px) and (max-width: 1024px) {\r\n   /* .calendar-modal {\r\n      width: 50%;\r\n    } */\n}\r\n\r\n/* M */\n@media (min-width: 481px) and (max-width: 767px) {\r\n   /* .calendar-modal {\r\n      width: 70%;\r\n    } */\n}\r\n/* S */\n@media (max-width: 480px) {\r\n   /* .calendar-modal {\r\n      width: 95%;\r\n    } */\n}\r\n";
 styleInject(css_248z);script.render = render;
-script.__scopeId = "data-v-19fc3c50";// Import vue component
+script.__scopeId = "data-v-b7db4016";// Import vue component
 
@@ -1243,0 +1254,0 @@ // Default export is installable instance of component.

package.json

 {
   "name": "vue-accessible-date-field",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "An open source Vue date field component designed to be as accessible as possible.",
@@ -5,0 +5,0 @@ "author": "Laladdin",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

201469

increased by4.65%

Lines of code

2438

increased by1.63%

No dependency changes