@geotab/zenith 3.1.1-beta.6 → 3.2.0-beta.0

package/esm/calendar/calendar.js

@@ -1,3 +1,4 @@
+import { injectString } from "../utils/localization/translationsDictionary";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { addDays, addMonth, getCalendarMonthDates, getEndOfMonth, getEndOfWeek, getSameDateOrTheLastForMonth, getSelectableYears, getStartOfMonth, getStartOfWeek, isDifferentPeriod, isDisableDate, setYear, toDayStart } from "./dateUtils";
@@ -12,280 +13,944 @@ import { TextIconButton } from "../textIconButton/textIconButton";
 import { ButtonIconPosition } from "../textIconButton/textIconButton";
 import { Button } from "../button/button";
 import { ButtonType } from "../button/buttonType";
+injectString("cs", "ShortSunday", "Ne");
+injectString("da-DK", "ShortSunday", "S");
+injectString("de", "ShortSunday", "So");
+injectString("en", "ShortSunday", "S");
+injectString("es", "ShortSunday", "D");
+injectString("fi-FI", "ShortSunday", "su");
+injectString("fr", "ShortSunday", "D");
+injectString("fr-FR", "ShortSunday", "D");
+injectString("hu-HU", "ShortSunday", "V");
+injectString("id", "ShortSunday", "S");
+injectString("it", "ShortSunday", "D");
+injectString("ja", "ShortSunday", "\u65E5");
+injectString("ko-KR", "ShortSunday", "\uC77C");
+injectString("ms", "ShortSunday", "A");
+injectString("nb-NO", "ShortSunday", "s\xF8n");
+injectString("nl", "ShortSunday", "z");
+injectString("pl", "ShortSunday", "N");
+injectString("pt-BR", "ShortSunday", "D");
+injectString("sk-SK", "ShortSunday", "N");
+injectString("sv", "ShortSunday", "S");
+injectString("th", "ShortSunday", "\u0E2D\u0E32.");
+injectString("tr", "ShortSunday", "Pa");
+injectString("zh-Hans", "ShortSunday", "\u65E5");
+injectString("zh-TW", "ShortSunday", "\u9031\u65E5");
+injectString("cs", "ShortMonday", "Po");
+injectString("da-DK", "ShortMonday", "M");
+injectString("de", "ShortMonday", "Mo");
+injectString("en", "ShortMonday", "M");
+injectString("es", "ShortMonday", "L");
+injectString("fi-FI", "ShortMonday", "ma");
+injectString("fr", "ShortMonday", "L");
+injectString("fr-FR", "ShortMonday", "L");
+injectString("hu-HU", "ShortMonday", "H");
+injectString("id", "ShortMonday", "M");
+injectString("it", "ShortMonday", "L");
+injectString("ja", "ShortMonday", "\u6708");
+injectString("ko-KR", "ShortMonday", "\uC6D4");
+injectString("ms", "ShortMonday", "I");
+injectString("nb-NO", "ShortMonday", "man");
+injectString("nl", "ShortMonday", "m");
+injectString("pl", "ShortMonday", "P");
+injectString("pt-BR", "ShortMonday", "S");
+injectString("sk-SK", "ShortMonday", "P");
+injectString("sv", "ShortMonday", "M");
+injectString("th", "ShortMonday", "\u0E08.");
+injectString("tr", "ShortMonday", "Pt");
+injectString("zh-Hans", "ShortMonday", "\u4E00");
+injectString("zh-TW", "ShortMonday", "\u9031\u4E00");
+injectString("cs", "ShortTuesday", "\xDAt");
+injectString("da-DK", "ShortTuesday", "T");
+injectString("de", "ShortTuesday", "Di");
+injectString("en", "ShortTuesday", "T");
+injectString("es", "ShortTuesday", "M");
+injectString("fi-FI", "ShortTuesday", "ti");
+injectString("fr", "ShortTuesday", "M");
+injectString("fr-FR", "ShortTuesday", "M");
+injectString("hu-HU", "ShortTuesday", "K");
+injectString("id", "ShortTuesday", "T");
+injectString("it", "ShortTuesday", "M");
+injectString("ja", "ShortTuesday", "\u706B");
+injectString("ko-KR", "ShortTuesday", "\uD654");
+injectString("ms", "ShortTuesday", "S");
+injectString("nb-NO", "ShortTuesday", "tir");
+injectString("nl", "ShortTuesday", "d");
+injectString("pl", "ShortTuesday", "W");
+injectString("pt-BR", "ShortTuesday", "T");
+injectString("sk-SK", "ShortTuesday", "U");
+injectString("sv", "ShortTuesday", "T");
+injectString("th", "ShortTuesday", "\u0E2D.");
+injectString("tr", "ShortTuesday", "Sa");
+injectString("zh-Hans", "ShortTuesday", "\u4E8C");
+injectString("zh-TW", "ShortTuesday", "\u9031\u4E8C");
+injectString("cs", "ShortWednesday", "St");
+injectString("da-DK", "ShortWednesday", "O");
+injectString("de", "ShortWednesday", "Mi");
+injectString("en", "ShortWednesday", "W");
+injectString("es", "ShortWednesday", "X");
+injectString("fi-FI", "ShortWednesday", "ke");
+injectString("fr", "ShortWednesday", "M");
+injectString("fr-FR", "ShortWednesday", "M");
+injectString("hu-HU", "ShortWednesday", "S");
+injectString("id", "ShortWednesday", "W");
+injectString("it", "ShortWednesday", "M");
+injectString("ja", "ShortWednesday", "\u6C34");
+injectString("ko-KR", "ShortWednesday", "\uC218");
+injectString("ms", "ShortWednesday", "R");
+injectString("nb-NO", "ShortWednesday", "ons");
+injectString("nl", "ShortWednesday", "w");
+injectString("pl", "ShortWednesday", "\u015A");
+injectString("pt-BR", "ShortWednesday", "Q");
+injectString("sk-SK", "ShortWednesday", "S");
+injectString("sv", "ShortWednesday", "O");
+injectString("th", "ShortWednesday", "\u0E1E.");
+injectString("tr", "ShortWednesday", "\xC7a");
+injectString("zh-Hans", "ShortWednesday", "\u4E09");
+injectString("zh-TW", "ShortWednesday", "\u9031\u4E09");
+injectString("cs", "ShortThursday", "\u010Ct");
+injectString("da-DK", "ShortThursday", "T");
+injectString("de", "ShortThursday", "Do");
+injectString("en", "ShortThursday", "T");
+injectString("es", "ShortThursday", "J");
+injectString("fi-FI", "ShortThursday", "to");
+injectString("fr", "ShortThursday", "J");
+injectString("fr-FR", "ShortThursday", "J");
+injectString("hu-HU", "ShortThursday", "C");
+injectString("id", "ShortThursday", "T");
+injectString("it", "ShortThursday", "G");
+injectString("ja", "ShortThursday", "\u6728");
+injectString("ko-KR", "ShortThursday", "\uBAA9");
+injectString("ms", "ShortThursday", "K");
+injectString("nb-NO", "ShortThursday", "tor");
+injectString("nl", "ShortThursday", "d");
+injectString("pl", "ShortThursday", "C");
+injectString("pt-BR", "ShortThursday", "Q");
+injectString("sk-SK", "ShortThursday", "\u0160");
+injectString("sv", "ShortThursday", "T");
+injectString("th", "ShortThursday", "\u0E1E\u0E24.");
+injectString("tr", "ShortThursday", "Pe");
+injectString("zh-Hans", "ShortThursday", "\u56DB");
+injectString("zh-TW", "ShortThursday", "\u9031\u56DB");
+injectString("cs", "ShortFriday", "P\xE1");
+injectString("da-DK", "ShortFriday", "F");
+injectString("de", "ShortFriday", "Fr");
+injectString("en", "ShortFriday", "F");
+injectString("es", "ShortFriday", "V");
+injectString("fi-FI", "ShortFriday", "pe");
+injectString("fr", "ShortFriday", "V");
+injectString("fr-FR", "ShortFriday", "V");
+injectString("hu-HU", "ShortFriday", "P");
+injectString("id", "ShortFriday", "F");
+injectString("it", "ShortFriday", "V");
+injectString("ja", "ShortFriday", "\u91D1");
+injectString("ko-KR", "ShortFriday", "\uAE08");
+injectString("ms", "ShortFriday", "J");
+injectString("nb-NO", "ShortFriday", "fre");
+injectString("nl", "ShortFriday", "v");
+injectString("pl", "ShortFriday", "P");
+injectString("pt-BR", "ShortFriday", "S");
+injectString("sk-SK", "ShortFriday", "P");
+injectString("sv", "ShortFriday", "F");
+injectString("th", "ShortFriday", "\u0E28.");
+injectString("tr", "ShortFriday", "Cu");
+injectString("zh-Hans", "ShortFriday", "\u4E94");
+injectString("zh-TW", "ShortFriday", "\u9031\u4E94");
+injectString("cs", "ShortSaturday", "So");
+injectString("da-DK", "ShortSaturday", "L");
+injectString("de", "ShortSaturday", "Sa");
+injectString("en", "ShortSaturday", "S");
+injectString("es", "ShortSaturday", "S");
+injectString("fi-FI", "ShortSaturday", "la");
+injectString("fr", "ShortSaturday", "S");
+injectString("fr-FR", "ShortSaturday", "S");
+injectString("hu-HU", "ShortSaturday", "S");
+injectString("id", "ShortSaturday", "S");
+injectString("it", "ShortSaturday", "S");
+injectString("ja", "ShortSaturday", "\u571F");
+injectString("ko-KR", "ShortSaturday", "\uD1A0");
+injectString("ms", "ShortSaturday", "S");
+injectString("nb-NO", "ShortSaturday", "l\xF8r");
+injectString("nl", "ShortSaturday", "z");
+injectString("pl", "ShortSaturday", "S");
+injectString("pt-BR", "ShortSaturday", "S");
+injectString("sk-SK", "ShortSaturday", "S");
+injectString("sv", "ShortSaturday", "L");
+injectString("th", "ShortSaturday", "\u0E2A.");
+injectString("tr", "ShortSaturday", "Ct");
+injectString("zh-Hans", "ShortSaturday", "\u516D");
+injectString("zh-TW", "ShortSaturday", "\u9031\u516D");
+injectString("cs", "Jan", "Led");
+injectString("da-DK", "Jan", "Jan");
+injectString("de", "Jan", "Jan");
+injectString("en", "Jan", "Jan");
+injectString("es", "Jan", "Ene");
+injectString("fi-FI", "Jan", "Tam.");
+injectString("fr", "Jan", "janv");
+injectString("fr-FR", "Jan", "Jan");
+injectString("hu-HU", "Jan", "Jan");
+injectString("id", "Jan", "Jan");
+injectString("it", "Jan", "Gen");
+injectString("ja", "Jan", "1\u6708");
+injectString("ko-KR", "Jan", "1\uC6D4");
+injectString("ms", "Jan", "Jan");
+injectString("nb-NO", "Jan", "Jan");
+injectString("nl", "Jan", "jan");
+injectString("pl", "Jan", "Sty");
+injectString("pt-BR", "Jan", "Jan");
+injectString("sk-SK", "Jan", "an.");
+injectString("sv", "Jan", "Jan");
+injectString("th", "Jan", "\u0E21.\u0E04.");
+injectString("tr", "Jan", "Oca");
+injectString("zh-Hans", "Jan", "\u4E00\u6708");
+injectString("zh-TW", "Jan", "\u4E00\u6708");
+injectString("cs", "Feb", "\xDAno");
+injectString("da-DK", "Feb", "Feb");
+injectString("de", "Feb", "Feb");
+injectString("en", "Feb", "Feb");
+injectString("es", "Feb", "Feb");
+injectString("fi-FI", "Feb", "Hel.");
+injectString("fr", "Feb", "f\xE9vr");
+injectString("fr-FR", "Feb", "F\xE9v");
+injectString("hu-HU", "Feb", "Feb");
+injectString("id", "Feb", "Feb");
+injectString("it", "Feb", "Feb");
+injectString("ja", "Feb", "2\u6708");
+injectString("ko-KR", "Feb", "2\uC6D4");
+injectString("ms", "Feb", "Feb");
+injectString("nb-NO", "Feb", "Feb");
+injectString("nl", "Feb", "feb");
+injectString("pl", "Feb", "Lut");
+injectString("pt-BR", "Feb", "Fev");
+injectString("sk-SK", "Feb", "feb.");
+injectString("sv", "Feb", "Feb");
+injectString("th", "Feb", "\u0E01.\u0E1E.");
+injectString("tr", "Feb", "\u015Eub");
+injectString("zh-Hans", "Feb", "\u4E8C\u6708");
+injectString("zh-TW", "Feb", "\u4E8C\u6708");
+injectString("cs", "Mar", "B\u0159e");
+injectString("da-DK", "Mar", "Mar");
+injectString("de", "Mar", "M\xE4r");
+injectString("en", "Mar", "Mar");
+injectString("es", "Mar", "Mar");
+injectString("fi-FI", "Mar", "Maal.");
+injectString("fr", "Mar", "mars");
+injectString("fr-FR", "Mar", "Mar");
+injectString("hu-HU", "Mar", "M\xE1r");
+injectString("id", "Mar", "Mar");
+injectString("it", "Mar", "Mar");
+injectString("ja", "Mar", "3\u6708");
+injectString("ko-KR", "Mar", "3\uC6D4");
+injectString("ms", "Mar", "Mac");
+injectString("nb-NO", "Mar", "Mar");
+injectString("nl", "Mar", "maa");
+injectString("pl", "Mar", "Mar");
+injectString("pt-BR", "Mar", "Mar");
+injectString("sk-SK", "Mar", "mar.");
+injectString("sv", "Mar", "Mar");
+injectString("th", "Mar", "\u0E21\u0E35.\u0E04.");
+injectString("tr", "Mar", "Mar");
+injectString("zh-Hans", "Mar", "\u4E09\u6708");
+injectString("zh-TW", "Mar", "\u4E09\u6708");
+injectString("cs", "Apr", "Dub");
+injectString("da-DK", "Apr", "Apr");
+injectString("de", "Apr", "Apr");
+injectString("en", "Apr", "Apr");
+injectString("es", "Apr", "Abr");
+injectString("fi-FI", "Apr", "Huht.");
+injectString("fr", "Apr", "avr");
+injectString("fr-FR", "Apr", "Avr");
+injectString("hu-HU", "Apr", "\xC1pr");
+injectString("id", "Apr", "Apr");
+injectString("it", "Apr", "Apr");
+injectString("ja", "Apr", "4\u6708");
+injectString("ko-KR", "Apr", "4\uC6D4");
+injectString("ms", "Apr", "Apr");
+injectString("nb-NO", "Apr", "Apr");
+injectString("nl", "Apr", "apr");
+injectString("pl", "Apr", "Kwi");
+injectString("pt-BR", "Apr", "Abr");
+injectString("sk-SK", "Apr", "apr.");
+injectString("sv", "Apr", "Apr");
+injectString("th", "Apr", "\u0E40\u0E21.\u0E22.");
+injectString("tr", "Apr", "Nis");
+injectString("zh-Hans", "Apr", "\u56DB\u6708");
+injectString("zh-TW", "Apr", "\u56DB\u6708");
+injectString("cs", "May", "Kv\u011Bten");
+injectString("da-DK", "May", "Maj");
+injectString("de", "May", "Mai");
+injectString("en", "May", "May");
+injectString("es", "May", "Mayo");
+injectString("fi-FI", "May", "Toukokuu");
+injectString("fr", "May", "Mai");
+injectString("fr-FR", "May", "Mai");
+injectString("hu-HU", "May", "M\xE1jus");
+injectString("id", "May", "Mei");
+injectString("it", "May", "Mag");
+injectString("ja", "May", "5\u6708");
+injectString("ko-KR", "May", "5\uC6D4");
+injectString("ms", "May", "Mei");
+injectString("nb-NO", "May", "Mai");
+injectString("nl", "May", "mei");
+injectString("pl", "May", "Maj");
+injectString("pt-BR", "May", "Maio");
+injectString("sk-SK", "May", "m\xE1j");
+injectString("sv", "May", "Maj");
+injectString("th", "May", "\u0E1E\u0E24\u0E29\u0E20\u0E32\u0E04\u0E21");
+injectString("tr", "May", "May\u0131s");
+injectString("zh-Hans", "May", "\u4E94\u6708");
+injectString("zh-TW", "May", "\u4E94\u6708");
+injectString("cs", "Jun", "\u010Cvn");
+injectString("da-DK", "Jun", "Jun");
+injectString("de", "Jun", "Jun");
+injectString("en", "Jun", "Jun");
+injectString("es", "Jun", "Jun");
+injectString("fi-FI", "Jun", "Kes.");
+injectString("fr", "Jun", "juin");
+injectString("fr-FR", "Jun", "Juin");
+injectString("hu-HU", "Jun", "J\xFAn");
+injectString("id", "Jun", "Jun");
+injectString("it", "Jun", "Giu");
+injectString("ja", "Jun", "6\u6708");
+injectString("ko-KR", "Jun", "6\uC6D4");
+injectString("ms", "Jun", "Jun");
+injectString("nb-NO", "Jun", "Jun");
+injectString("nl", "Jun", "jun");
+injectString("pl", "Jun", "Cze");
+injectString("pt-BR", "Jun", "Jun");
+injectString("sk-SK", "Jun", "j\xFAn");
+injectString("sv", "Jun", "Jun");
+injectString("th", "Jun", "\u0E21\u0E34.\u0E22.");
+injectString("tr", "Jun", "Haz");
+injectString("zh-Hans", "Jun", "\u516D\u6708");
+injectString("zh-TW", "Jun", "\u516D\u6708");
+injectString("cs", "Jul", "\u010Cvc");
+injectString("da-DK", "Jul", "Jul");
+injectString("de", "Jul", "Jul");
+injectString("en", "Jul", "Jul");
+injectString("es", "Jul", "Jul");
+injectString("fi-FI", "Jul", "Hei.");
+injectString("fr", "Jul", "juil");
+injectString("fr-FR", "Jul", "Juil");
+injectString("hu-HU", "Jul", "J\xFAl");
+injectString("id", "Jul", "Jul");
+injectString("it", "Jul", "Lug");
+injectString("ja", "Jul", "7\u6708");
+injectString("ko-KR", "Jul", "7\uC6D4");
+injectString("ms", "Jul", "Jul");
+injectString("nb-NO", "Jul", "Jul");
+injectString("nl", "Jul", "jul");
+injectString("pl", "Jul", "Lip");
+injectString("pt-BR", "Jul", "Jul");
+injectString("sk-SK", "Jul", "j\xFAl");
+injectString("sv", "Jul", "Jul");
+injectString("th", "Jul", "\u0E01.\u0E04.");
+injectString("tr", "Jul", "Tem");
+injectString("zh-Hans", "Jul", "\u4E03\u6708");
+injectString("zh-TW", "Jul", "\u4E03\u6708");
+injectString("cs", "Aug", "Srp");
+injectString("da-DK", "Aug", "Aug");
+injectString("de", "Aug", "Aug");
+injectString("en", "Aug", "Aug");
+injectString("es", "Aug", "Ago");
+injectString("fi-FI", "Aug", "Elo.");
+injectString("fr", "Aug", "ao\xFBt");
+injectString("fr-FR", "Aug", "Ao\xFB");
+injectString("hu-HU", "Aug", "Aug");
+injectString("id", "Aug", "Agu");
+injectString("it", "Aug", "Ago");
+injectString("ja", "Aug", "8\u6708");
+injectString("ko-KR", "Aug", "8\uC6D4");
+injectString("ms", "Aug", "Ogos");
+injectString("nb-NO", "Aug", "Aug");
+injectString("nl", "Aug", "aug");
+injectString("pl", "Aug", "Sie");
+injectString("pt-BR", "Aug", "Ago");
+injectString("sk-SK", "Aug", "aug.");
+injectString("sv", "Aug", "Aug");
+injectString("th", "Aug", "\u0E2A.\u0E04.");
+injectString("tr", "Aug", "A\u011Fu");
+injectString("zh-Hans", "Aug", "\u516B\u6708");
+injectString("zh-TW", "Aug", "\u516B\u6708");
+injectString("cs", "Sep", "Z\xE1\u0159");
+injectString("da-DK", "Sep", "Sep");
+injectString("de", "Sep", "Sep");
+injectString("en", "Sep", "Sep");
+injectString("es", "Sep", "Sep");
+injectString("fi-FI", "Sep", "Syys.");
+injectString("fr", "Sep", "sept");
+injectString("fr-FR", "Sep", "Sep");
+injectString("hu-HU", "Sep", "Szept");
+injectString("id", "Sep", "Sep");
+injectString("it", "Sep", "Set");
+injectString("ja", "Sep", "9\u6708");
+injectString("ko-KR", "Sep", "9\uC6D4");
+injectString("ms", "Sep", "Sep");
+injectString("nb-NO", "Sep", "Sep");
+injectString("nl", "Sep", "sep");
+injectString("pl", "Sep", "Wrz");
+injectString("pt-BR", "Sep", "Set");
+injectString("sk-SK", "Sep", "sep.");
+injectString("sv", "Sep", "Sep");
+injectString("th", "Sep", "\u0E01.\u0E22.");
+injectString("tr", "Sep", "Eyl");
+injectString("zh-Hans", "Sep", "\u4E5D\u6708");
+injectString("zh-TW", "Sep", "\u4E5D\u6708");
+injectString("cs", "Oct", "\u0158\xEDj");
+injectString("da-DK", "Oct", "Okt");
+injectString("de", "Oct", "Okt");
+injectString("en", "Oct", "Oct");
+injectString("es", "Oct", "Oct");
+injectString("fi-FI", "Oct", "Lok.");
+injectString("fr", "Oct", "oct");
+injectString("fr-FR", "Oct", "Oct");
+injectString("hu-HU", "Oct", "Okt");
+injectString("id", "Oct", "Okt");
+injectString("it", "Oct", "Ott");
+injectString("ja", "Oct", "10\u6708");
+injectString("ko-KR", "Oct", "10\uC6D4");
+injectString("ms", "Oct", "Okt");
+injectString("nb-NO", "Oct", "Okt");
+injectString("nl", "Oct", "okt");
+injectString("pl", "Oct", "Pa\u017A");
+injectString("pt-BR", "Oct", "Out");
+injectString("sk-SK", "Oct", "okt.");
+injectString("sv", "Oct", "Okt");
+injectString("th", "Oct", "\u0E15.\u0E04.");
+injectString("tr", "Oct", "Eki");
+injectString("zh-Hans", "Oct", "\u5341\u6708");
+injectString("zh-TW", "Oct", "\u5341\u6708");
+injectString("cs", "Nov", "Lis");
+injectString("da-DK", "Nov", "Nov");
+injectString("de", "Nov", "Nov");
+injectString("en", "Nov", "Nov");
+injectString("es", "Nov", "Nov");
+injectString("fi-FI", "Nov", "Marr.");
+injectString("fr", "Nov", "nov");
+injectString("fr-FR", "Nov", "Nov");
+injectString("hu-HU", "Nov", "Nov");
+injectString("id", "Nov", "Nov");
+injectString("it", "Nov", "Nov");
+injectString("ja", "Nov", "11\u6708");
+injectString("ko-KR", "Nov", "11\uC6D4");
+injectString("ms", "Nov", "Nov");
+injectString("nb-NO", "Nov", "Nov");
+injectString("nl", "Nov", "nov");
+injectString("pl", "Nov", "Lis");
+injectString("pt-BR", "Nov", "Nov");
+injectString("sk-SK", "Nov", "nov.");
+injectString("sv", "Nov", "Nov");
+injectString("th", "Nov", "\u0E1E.\u0E22.");
+injectString("tr", "Nov", "Kas");
+injectString("zh-Hans", "Nov", "\u5341\u4E00\u6708");
+injectString("zh-TW", "Nov", "\u5341\u4E00\u6708");
+injectString("cs", "Dec", "Pro");
+injectString("da-DK", "Dec", "Dec");
+injectString("de", "Dec", "Dez");
+injectString("en", "Dec", "Dec");
+injectString("es", "Dec", "Dic");
+injectString("fi-FI", "Dec", "Jou.");
+injectString("fr", "Dec", "d\xE9c");
+injectString("fr-FR", "Dec", "D\xE9c");
+injectString("hu-HU", "Dec", "Dec");
+injectString("id", "Dec", "Des");
+injectString("it", "Dec", "Dic");
+injectString("ja", "Dec", "12\u6708");
+injectString("ko-KR", "Dec", "12\uC6D4");
+injectString("ms", "Dec", "Dis");
+injectString("nb-NO", "Dec", "Des");
+injectString("nl", "Dec", "dec");
+injectString("pl", "Dec", "Gru");
+injectString("pt-BR", "Dec", "Dez");
+injectString("sk-SK", "Dec", "dec.");
+injectString("sv", "Dec", "Dec");
+injectString("th", "Dec", "\u0E18.\u0E04.");
+injectString("tr", "Dec", "Ara");
+injectString("zh-Hans", "Dec", "\u5341\u4E8C\u6708");
+injectString("zh-TW", "Dec", "\u5341\u4E8C\u6708");
+injectString("cs", "Previous month", "P\u0159edchoz\xED m\u011Bs\xEDc");
+injectString("da-DK", "Previous month", "Forrige m\xE5ned");
+injectString("de", "Previous month", "Vorheriger Monat");
+injectString("en", "Previous month", "Previous month");
+injectString("es", "Previous month", "Mes anterior");
+injectString("fi-FI", "Previous month", "Edellinen kuukausi");
+injectString("fr", "Previous month", "Mois pr\xE9c\xE9dent");
+injectString("fr-FR", "Previous month", "Mois pr\xE9c\xE9dent");
+injectString("hu-HU", "Previous month", "El\u0151z\u0151 h\xF3nap");
+injectString("id", "Previous month", "Bulan sebelumnya");
+injectString("it", "Previous month", "Mese precedente");
+injectString("ja", "Previous month", "\u5148\u6708");
+injectString("ko-KR", "Previous month", "\uC774\uC804 \uB2EC");
+injectString("ms", "Previous month", "Bulan sebelumnya");
+injectString("nb-NO", "Previous month", "Forrige m\xE5ned");
+injectString("nl", "Previous month", "Vorige maand");
+injectString("pl", "Previous month", "Poprzedni miesi\u0105c");
+injectString("pt-BR", "Previous month", "M\xEAs anterior");
+injectString("sk-SK", "Previous month", "Predch\xE1dzaj\xFAci mesiac");
+injectString("sv", "Previous month", "F\xF6reg\xE5ende m\xE5nad");
+injectString("th", "Previous month", "\u0E40\u0E14\u0E37\u0E2D\u0E19\u0E01\u0E48\u0E2D\u0E19\u0E2B\u0E19\u0E49\u0E32");
+injectString("tr", "Previous month", "\xD6nceki ay");
+injectString("zh-Hans", "Previous month", "\u524D\u4E00\u6708");
+injectString("zh-TW", "Previous month", "\u4E0A\u500B\u6708");
+injectString("cs", "Select year", "Vybrat rok");
+injectString("da-DK", "Select year", "V\xE6lg \xE5r");
+injectString("de", "Select year", "Jahr ausw\xE4hlen");
+injectString("en", "Select year", "Select year");
+injectString("es", "Select year", "Seleccionar a\xF1o");
+injectString("fi-FI", "Select year", "Valitse vuosi");
+injectString("fr", "Select year", "S\xE9lectionner l\u2019ann\xE9e");
+injectString("fr-FR", "Select year", "S\xE9lectionner l\u2019ann\xE9e");
+injectString("hu-HU", "Select year", "V\xE1laszd ki az \xE9vet.");
+injectString("id", "Select year", "Pilih tahun");
+injectString("it", "Select year", "Seleziona anno");
+injectString("ja", "Select year", "\u5E74\u3092\u9078\u629E");
+injectString("ko-KR", "Select year", "\uC5F0\uB3C4 \uC120\uD0DD");
+injectString("ms", "Select year", "Pilih tahun");
+injectString("nb-NO", "Select year", "Velg \xE5r");
+injectString("nl", "Select year", "Jaar selecteren");
+injectString("pl", "Select year", "Wybierz rok");
+injectString("pt-BR", "Select year", "Selecionar ano");
+injectString("sk-SK", "Select year", "Vyber rok");
+injectString("sv", "Select year", "V\xE4lj \xE5r");
+injectString("th", "Select year", "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E1B\u0E35");
+injectString("tr", "Select year", "Y\u0131l se\xE7");
+injectString("zh-Hans", "Select year", "\u9009\u62E9\u5E74");
+injectString("zh-TW", "Select year", "\u9078\u53D6\u5E74\u4EFD");
+injectString("cs", "Today", "Dnes");
+injectString("da-DK", "Today", "I dag");
+injectString("de", "Today", "Heute");
+injectString("en", "Today", "Today");
+injectString("es", "Today", "Hoy");
+injectString("fi-FI", "Today", "T\xE4n\xE4\xE4n");
+injectString("fr", "Today", "Aujourd\u2019hui");
+injectString("fr-FR", "Today", "Aujourd\u2019hui");
+injectString("hu-HU", "Today", "Ma");
+injectString("id", "Today", "Hari ini");
+injectString("it", "Today", "Oggi");
+injectString("ja", "Today", "\u4ECA\u65E5");
+injectString("ko-KR", "Today", "\uC624\uB298");
+injectString("ms", "Today", "Hari Ini");
+injectString("nb-NO", "Today", "I dag");
+injectString("nl", "Today", "Vandaag");
+injectString("pl", "Today", "Dzi\u015B");
+injectString("pt-BR", "Today", "Hoje");
+injectString("sk-SK", "Today", "Dnes");
+injectString("sv", "Today", "Idag");
+injectString("th", "Today", "\u0E27\u0E31\u0E19\u0E19\u0E35\u0E49");
+injectString("tr", "Today", "Bug\xFCn");
+injectString("zh-Hans", "Today", "\u4ECA\u65E5");
+injectString("zh-TW", "Today", "\u4ECA\u5929");
+injectString("cs", "Next month", "P\u0159\xED\u0161t\xED m\u011Bs\xEDc");
+injectString("da-DK", "Next month", "N\xE6ste m\xE5ned");
+injectString("de", "Next month", "N\xE4chsten Monat");
+injectString("en", "Next month", "Next month");
+injectString("es", "Next month", "Pr\xF3ximo mes");
+injectString("fi-FI", "Next month", "Seuraava kuukausi");
+injectString("fr", "Next month", "Mois prochain");
+injectString("fr-FR", "Next month", "Le mois prochain");
+injectString("hu-HU", "Next month", "K\xF6vetkez\u0151 h\xF3nap");
+injectString("id", "Next month", "Bulan Berikutnya");
+injectString("it", "Next month", "Prossimo mese");
+injectString("ja", "Next month", "\u6765\u6708");
+injectString("ko-KR", "Next month", "\uB2E4\uC74C \uB2EC");
+injectString("ms", "Next month", "Bulan seterusnya");
+injectString("nb-NO", "Next month", "Neste m\xE5ned");
+injectString("nl", "Next month", "Volgende maand");
+injectString("pl", "Next month", "Nast\u0119pny miesi\u0105c");
+injectString("pt-BR", "Next month", "Pr\xF3ximo m\xEAs");
+injectString("sk-SK", "Next month", "\u010Eal\u0161\xED mesiac");
+injectString("sv", "Next month", "N\xE4sta m\xE5nad");
+injectString("th", "Next month", "\u0E40\u0E14\u0E37\u0E2D\u0E19\u0E16\u0E31\u0E14\u0E44\u0E1B");
+injectString("tr", "Next month", "Gelecek ay");
+injectString("zh-Hans", "Next month", "\u4E0B\u6708");
+injectString("zh-TW", "Next month", "\u4E0B\u500B\u6708");
 const DEFAULT_START_DAY_OF_WEEK = 0;
 const DEFAULT_YEAR_RANGE = 20;
 export const monthLabelsArray = ["Jan", "Feb", "Mar", "Apr", "Ma", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-export const Calendar = ({ id, value, onChange, disableFutureDates = false, disablePastDates = false, disableDatesAfter, disableDatesBefore, dateRangeMode = false, startDayOfWeek, yearRange, isMobileView, getCurrentActiveField, onTodayButtonClick }) => {
-    const { translate } = useLanguage();
-    const fromDate = useMemo(() => value.from ? toDayStart(value.from) : undefined, [value.from]);
-    const toDate = useMemo(() => value.to ? toDayStart(value.to) : undefined, [value.to]);
-    const driveClassName = useDriveClassName("zen-calendar");
-    const parentRef = useRef(null);
-    const focusRef = useRef(null);
-    const parallelSelectionTriggerRef = useRef(null);
-    const [viewDate, setViewDate] = useState(fromDate || new Date().toISOString());
-    const [hoverDate, setHoverDate] = useState(fromDate);
-    const [focusDate, setFocusDate] = useState(fromDate || new Date().toISOString());
-    const changeView = useCallback((date) => {
-        var _a, _b;
-        focusRef.current = document.activeElement;
-        const dateLike = new Date(date);
-        dateLike.setDate(15);
-        if ((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.classList.contains("zen-parallel-selection__select")) {
-            (_b = parallelSelectionTriggerRef.current) === null || _b === void 0 ? void 0 : _b.focus();
-        }
-        setViewDate(dateLike.toISOString());
-    }, [setViewDate]);
-    const handleFocusDateChange = useCallback((focusing = false) => (date) => {
-        var _a;
-        if (date && focusing) {
+export const Calendar = ({
+  id,
+  value,
+  onChange,
+  disableFutureDates = false,
+  disablePastDates = false,
+  disableDatesAfter,
+  disableDatesBefore,
+  dateRangeMode = false,
+  startDayOfWeek,
+  yearRange,
+  isMobileView,
+  getCurrentActiveField,
+  onTodayButtonClick
+}) => {
+  const {
+    translate
+  } = useLanguage();
+  const fromDate = useMemo(() => value.from ? toDayStart(value.from) : undefined, [value.from]);
+  const toDate = useMemo(() => value.to ? toDayStart(value.to) : undefined, [value.to]);
+  const driveClassName = useDriveClassName("zen-calendar");
+  const parentRef = useRef(null);
+  const focusRef = useRef(null);
+  const parallelSelectionTriggerRef = useRef(null);
+  const [viewDate, setViewDate] = useState(fromDate || new Date().toISOString());
+  const [hoverDate, setHoverDate] = useState(fromDate);
+  const [focusDate, setFocusDate] = useState(fromDate || new Date().toISOString());
+  const changeView = useCallback(date => {
+    var _a, _b;
+    focusRef.current = document.activeElement;
+    const dateLike = new Date(date);
+    dateLike.setDate(15);
+    if ((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.classList.contains("zen-parallel-selection__select")) {
+      (_b = parallelSelectionTriggerRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+    }
+    setViewDate(dateLike.toISOString());
+  }, [setViewDate]);
+  const handleFocusDateChange = useCallback((focusing = false) => date => {
+    var _a;
+    if (date && focusing) {
+      const dateLike = new Date(date);
+      const button = (_a = parentRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`[data-id="${id}-day-${dateLike.getDate()}-${dateLike.getMonth()}-${dateLike.getFullYear()}"]`);
+      button === null || button === void 0 ? void 0 : button.focus();
+    }
+    changeView(date);
+    setFocusDate(date);
+  }, [changeView, setFocusDate, id]);
+  const dayLabels = useMemo(() => ({
+    0: translate("ShortSunday"),
+    1: translate("ShortMonday"),
+    2: translate("ShortTuesday"),
+    3: translate("ShortWednesday"),
+    4: translate("ShortThursday"),
+    5: translate("ShortFriday"),
+    6: translate("ShortSaturday")
+  }), [translate]);
+  const getDayOfWeek = useCallback(date => {
+    const dayOfWeek = new Date(date).getDay();
+    return dayLabels[dayOfWeek];
+  }, [dayLabels]);
+  const monthLabels = useMemo(() => ({
+    0: translate("Jan"),
+    1: translate("Feb"),
+    2: translate("Mar"),
+    3: translate("Apr"),
+    4: translate("May"),
+    5: translate("Jun"),
+    6: translate("Jul"),
+    7: translate("Aug"),
+    8: translate("Sep"),
+    9: translate("Oct"),
+    10: translate("Nov"),
+    11: translate("Dec")
+  }), [translate]);
+  const getMonthYear = useCallback(date => {
+    const month = new Date(date).getMonth();
+    const year = new Date(date).getFullYear();
+    return `${monthLabels[month]} ${year}`;
+  }, [monthLabels]);
+  const dates = useMemo(() => getCalendarMonthDates(viewDate, startDayOfWeek || DEFAULT_START_DAY_OF_WEEK), [viewDate, startDayOfWeek]);
+  const monthStart = useMemo(() => getStartOfMonth(viewDate), [viewDate]);
+  const monthEnd = useMemo(() => getEndOfMonth(viewDate), [viewDate]);
+  const now = new Date().toISOString();
+  const years = getSelectableYears(viewDate, yearRange || DEFAULT_YEAR_RANGE, disableFutureDates, disablePastDates, disableDatesBefore, disableDatesAfter);
+  const selectionHandler = useCallback(
+  // eslint-disable-next-line complexity
+  (selectedDate, isOtherMonth) => {
+    setHoverDate(undefined);
+    if (isOtherMonth) {
+      handleFocusDateChange()(selectedDate);
+    }
+    // single date mode
+    if (!dateRangeMode || !getCurrentActiveField) {
+      if (fromDate && fromDate === selectedDate) {
+        onChange({
+          from: undefined,
+          to: undefined
+        });
+      } else {
+        onChange({
+          from: selectedDate,
+          to: undefined
+        });
+      }
+      return;
+    }
+    const currentActiveField = getCurrentActiveField();
+    // no selection yet
+    if (!fromDate && !toDate) {
+      onChange({
+        from: currentActiveField === "start" ? selectedDate : undefined,
+        to: currentActiveField === "end" ? selectedDate : undefined
+      }, currentActiveField);
+      return;
+    }
+    if (currentActiveField === "start" && toDate && selectedDate > toDate) {
+      onChange({
+        from: selectedDate,
+        to: undefined
+      }, "start");
+      return;
+    }
+    if (currentActiveField === "end" && fromDate && selectedDate < fromDate) {
+      onChange({
+        from: undefined,
+        to: selectedDate
+      }, "end");
+      return;
+    }
+    if (fromDate && selectedDate === fromDate && currentActiveField === "end") {
+      onChange({
+        from: selectedDate,
+        to: selectedDate
+      }, "end");
+      return;
+    }
+    if (toDate && selectedDate === toDate && currentActiveField === "start") {
+      onChange({
+        from: selectedDate,
+        to: selectedDate
+      }, "start");
+      return;
+    }
+    const isWrongPeriodFn = (start, end) => isDifferentPeriod(start, end, disableFutureDates, disablePastDates, disableDatesBefore, disableDatesAfter);
+    const newRangeOptions = getCalendarRange(selectedDate, currentActiveField, isWrongPeriodFn, fromDate, toDate);
+    onChange(newRangeOptions, currentActiveField);
+    return;
+  }, [dateRangeMode, getCurrentActiveField, fromDate, toDate, onChange, handleFocusDateChange, disableFutureDates, disablePastDates, disableDatesBefore, disableDatesAfter]);
+  const handleDateKeyDown = useCallback((e, isDisabled, date, isOtherMonth) => {
+    if (e.code === "Enter" || e.code === "Space") {
+      e.preventDefault();
+      !isDisabled && selectionHandler(date, isOtherMonth);
+      return;
+    }
+    if (e.code === "ArrowLeft") {
+      setFocusTo(e, addDays(new Date(date), -1).toISOString(), handleFocusDateChange(true));
+      return;
+    }
+    if (e.code === "ArrowRight") {
+      setFocusTo(e, addDays(new Date(date), 1).toISOString(), handleFocusDateChange(true));
+      return;
+    }
+    if (e.code === "ArrowUp") {
+      setFocusTo(e, addDays(new Date(date), -7).toISOString(), handleFocusDateChange(true));
+      return;
+    }
+    if (e.code === "ArrowDown") {
+      setFocusTo(e, addDays(new Date(date), 7).toISOString(), handleFocusDateChange(true));
+      return;
+    }
+    if (e.code === "Home") {
+      setFocusTo(e, getStartOfWeek(date), handleFocusDateChange(true));
+      return;
+    }
+    if (e.code === "End") {
+      setFocusTo(e, getEndOfWeek(date), handleFocusDateChange(true));
+      return;
+    }
+    if (e.code === "PageUp" && e.shiftKey) {
+      setFocusTo(e, getSameDateOrTheLastForMonth(date, -12), handleFocusDateChange(true));
+      return;
+    }
+    if (e.code === "PageDown" && e.shiftKey) {
+      setFocusTo(e, getSameDateOrTheLastForMonth(date, 12), handleFocusDateChange(true));
+      return;
+    }
+    if (e.code === "PageUp") {
+      setFocusTo(e, getSameDateOrTheLastForMonth(date, -1), handleFocusDateChange(true));
+      return;
+    }
+    if (e.code === "PageDown") {
+      setFocusTo(e, getSameDateOrTheLastForMonth(date, 1), handleFocusDateChange(true));
+      return;
+    }
+  }, [selectionHandler, handleFocusDateChange]);
+  const isDisabledDay = useCallback(date => {
+    const dateTime = new Date(date).getTime();
+    const nowDateTime = new Date(now).getTime();
+    return disableFutureDates && dateTime > nowDateTime || disablePastDates && dateTime < nowDateTime || isDisableDate(dateTime, disableDatesBefore, disableDatesAfter);
+  }, [disableFutureDates, disablePastDates, now, disableDatesAfter, disableDatesBefore]);
+  const onPointerDown = useCallback((date, isOtherMonth) => {
+    selectionHandler(date, isOtherMonth);
+    setFocusDate(undefined);
+  }, [selectionHandler]);
+  useEffect(() => {
+    value.to && handleFocusDateChange()(value.to);
+  }, [value.to, handleFocusDateChange]);
+  useEffect(() => {
+    value.from && handleFocusDateChange()(value.from);
+  }, [value.from, handleFocusDateChange]);
+  const getBeforeDecorator = useCallback((date, isFirstDayOfMonth, isFirstDayOfWeek) => {
+    if (!dateRangeMode) {
+      return null;
+    }
+    if (isFirstDayOfMonth && fromDate && fromDate < date && isDateInRange(date, hoverDate || focusDate, fromDate, toDate)) {
+      return _jsx("div", {
+        className: "zen-calendar__month-start"
+      });
+    }
+    if (isFirstDayOfWeek && isDateInRange(date, hoverDate || focusDate, fromDate, toDate)) {
+      return _jsx("div", {
+        className: "zen-calendar__week-start"
+      });
+    }
+    if (isLeftBorderVisible(date, hoverDate || focusDate, fromDate, toDate)) {
+      return _jsx("div", {
+        className: "zen-calendar__left-border"
+      });
+    }
+    return null;
+  }, [dateRangeMode, hoverDate, focusDate, fromDate, toDate]);
+  const getAfterDecorator = useCallback((date, isLastDayOfMonth, isLastDayOfWeek) => {
+    if (!dateRangeMode) {
+      return null;
+    }
+    if (isLastDayOfMonth && isDateInRange(date, hoverDate || focusDate, fromDate, toDate)) {
+      return _jsx("div", {
+        className: "zen-calendar__month-end"
+      });
+    }
+    if (isLastDayOfWeek && isDateInRange(date, hoverDate || focusDate, fromDate, toDate)) {
+      return _jsx("div", {
+        className: "zen-calendar__week-end"
+      });
+    }
+    if (isRightBorderVisible(date, hoverDate || focusDate, fromDate, toDate)) {
+      return _jsx("div", {
+        className: "zen-calendar__right-border"
+      });
+    }
+    return null;
+  }, [dateRangeMode, hoverDate, focusDate, fromDate, toDate]);
+  const handleTodayButtonClick = useCallback(e => {
+    if (!onTodayButtonClick) {
+      return;
+    }
+    setViewDate(new Date().toISOString());
+    onTodayButtonClick(e);
+  }, [onTodayButtonClick]);
+  const memoizedVisibleFocus = useMemo(() => focusDate ? dates.some(arr => arr.some(el => el === focusDate)) : true, [dates, focusDate]);
+  const currentActiveField = getCurrentActiveField ? getCurrentActiveField() : undefined;
+  return _jsxs("div", {
+    ref: parentRef,
+    onBlur: () => setFocusDate(fromDate || viewDate),
+    className: classNames(["zen-calendar", driveClassName || ""]),
+    children: [_jsxs("div", {
+      className: "zen-calendar__header",
+      children: [isMobileView ? null : _jsx(TextIconButton, {
+        className: "zen-calendar__btn",
+        type: "tertiary-black",
+        icon: IconChevronLeftSmall,
+        title: translate("Previous month"),
+        onClick: () => changeView(addMonth(viewDate, -1)),
+        iconPosition: ButtonIconPosition.Start
+      }), _jsxs("div", {
+        className: classNames(["zen-calendar__year", onTodayButtonClick ? "zen-calendar__year--limited" : ""]),
+        children: [_jsx("div", {
+          className: classNames(["zen-calendar__year-name", onTodayButtonClick ? "zen-calendar__year-name--left" : "", "zen-ellipsis"]),
+          "aria-live": "polite",
+          children: getMonthYear(viewDate)
+        }), _jsx(ParallelSelectionTrigger, {
+          className: "zen-calendar__year-trigger zen-calendar__btn",
+          title: translate("Select year"),
+          ref: parallelSelectionTriggerRef
+        }), _jsx(ParallelSelection, {
+          selected: new Date(viewDate).getFullYear().toString(),
+          items: years,
+          triggerRef: parallelSelectionTriggerRef,
+          title: translate("Select year"),
+          onSelect: year => changeView(setYear(viewDate, year)),
+          isMobileView: isMobileView,
+          alignment: onTodayButtonClick ? "bottom" : "bottom-right"
+        })]
+      }), onTodayButtonClick ? _jsx(Button, {
+        type: ButtonType.Tertiary,
+        className: "zen-calendar__today-button",
+        disabled: false,
+        onClick: handleTodayButtonClick,
+        children: translate("Today")
+      }) : null, isMobileView ? _jsxs("div", {
+        className: "zen-calendar__months",
+        children: [_jsx(TextIconButton, {
+          className: "zen-calendar__btn",
+          type: "tertiary-black",
+          icon: IconChevronLeftSmall,
+          title: translate("Previous month"),
+          onClick: () => changeView(addMonth(viewDate, -1)),
+          iconPosition: ButtonIconPosition.Start
+        }), _jsx(TextIconButton, {
+          className: "zen-calendar__btn",
+          type: "tertiary-black",
+          icon: IconChevronRightSmall,
+          title: translate("Next month"),
+          onClick: () => changeView(addMonth(viewDate, 1)),
+          iconPosition: ButtonIconPosition.Start
+        })]
+      }) : null, isMobileView ? null : _jsx(TextIconButton, {
+        className: "zen-calendar__btn",
+        type: "tertiary-black",
+        icon: IconChevronRightSmall,
+        title: translate("Next month"),
+        onClick: () => changeView(addMonth(viewDate, 1)),
+        iconPosition: ButtonIconPosition.Start
+      })]
+    }), _jsxs("table", {
+      className: "zen-calendar__table",
+      children: [_jsx("thead", {
+        children: _jsx("tr", {
+          className: "zen-calendar__columns",
+          children: dates[0].map(date => _jsx("th", {
+            className: "zen-calendar__column",
+            children: getDayOfWeek(date)
+          }, `cal-h-${date}`))
+        })
+      }), _jsx("tbody", {
+        className: classNames(["zen-calendar__body", isMobileView ? "zen-calendar__body--mobile-view" : ""]),
+        children: dates.map((week, weekIndex) => _jsx("tr", {
+          className: "zen-calendar__row",
+          children: week.map((date, index) => {
+            const isOtherMonth = date < monthStart || date > monthEnd;
+            const isDisabled = isDisabledDay(date);
             const dateLike = new Date(date);
-            const button = (_a = parentRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`[data-id="${id}-day-${dateLike.getDate()}-${dateLike.getMonth()}-${dateLike.getFullYear()}"]`);
-            button === null || button === void 0 ? void 0 : button.focus();
-        }
-        changeView(date);
-        setFocusDate(date);
-    }, [changeView, setFocusDate, id]);
-    const dayLabels = useMemo(() => ({
-        0: translate("ShortSunday"),
-        1: translate("ShortMonday"),
-        2: translate("ShortTuesday"),
-        3: translate("ShortWednesday"),
-        4: translate("ShortThursday"),
-        5: translate("ShortFriday"),
-        6: translate("ShortSaturday")
-    }), [translate]);
-    const getDayOfWeek = useCallback((date) => {
-        const dayOfWeek = new Date(date).getDay();
-        return dayLabels[dayOfWeek];
-    }, [dayLabels]);
-    const monthLabels = useMemo(() => ({
-        0: translate(monthLabelsArray[0]),
-        1: translate(monthLabelsArray[1]),
-        2: translate(monthLabelsArray[2]),
-        3: translate(monthLabelsArray[3]),
-        4: translate(monthLabelsArray[4]),
-        5: translate(monthLabelsArray[5]),
-        6: translate(monthLabelsArray[6]),
-        7: translate(monthLabelsArray[7]),
-        8: translate(monthLabelsArray[8]),
-        9: translate(monthLabelsArray[9]),
-        10: translate(monthLabelsArray[10]),
-        11: translate(monthLabelsArray[11])
-    }), [translate]);
-    const getMonthYear = useCallback((date) => {
-        const month = new Date(date).getMonth();
-        const year = new Date(date).getFullYear();
-        return `${monthLabels[month]} ${year}`;
-    }, [monthLabels]);
-    const dates = useMemo(() => getCalendarMonthDates(viewDate, startDayOfWeek || DEFAULT_START_DAY_OF_WEEK), [viewDate, startDayOfWeek]);
-    const monthStart = useMemo(() => getStartOfMonth(viewDate), [viewDate]);
-    const monthEnd = useMemo(() => getEndOfMonth(viewDate), [viewDate]);
-    const now = new Date().toISOString();
-    const years = getSelectableYears(viewDate, yearRange || DEFAULT_YEAR_RANGE, disableFutureDates, disablePastDates, disableDatesBefore, disableDatesAfter);
-    const selectionHandler = useCallback(
-    // eslint-disable-next-line complexity
-    (selectedDate, isOtherMonth) => {
-        setHoverDate(undefined);
-        if (isOtherMonth) {
-            handleFocusDateChange()(selectedDate);
-        }
-        // single date mode
-        if (!dateRangeMode || !getCurrentActiveField) {
-            if (fromDate && fromDate === selectedDate) {
-                onChange({ from: undefined, to: undefined });
-            }
-            else {
-                onChange({ from: selectedDate, to: undefined });
-            }
-            return;
-        }
-        const currentActiveField = getCurrentActiveField();
-        // no selection yet
-        if (!fromDate && !toDate) {
-            onChange({ from: currentActiveField === "start" ? selectedDate : undefined, to: currentActiveField === "end" ? selectedDate : undefined }, currentActiveField);
-            return;
-        }
-        if (currentActiveField === "start" && toDate && selectedDate > toDate) {
-            onChange({ from: selectedDate, to: undefined }, "start");
-            return;
-        }
-        if (currentActiveField === "end" && fromDate && selectedDate < fromDate) {
-            onChange({ from: undefined, to: selectedDate }, "end");
-            return;
-        }
-        if (fromDate && selectedDate === fromDate && currentActiveField === "end") {
-            onChange({ from: selectedDate, to: selectedDate }, "end");
-            return;
-        }
-        if (toDate && selectedDate === toDate && currentActiveField === "start") {
-            onChange({ from: selectedDate, to: selectedDate }, "start");
-            return;
-        }
-        const isWrongPeriodFn = (start, end) => isDifferentPeriod(start, end, disableFutureDates, disablePastDates, disableDatesBefore, disableDatesAfter);
-        const newRangeOptions = getCalendarRange(selectedDate, currentActiveField, isWrongPeriodFn, fromDate, toDate);
-        onChange(newRangeOptions, currentActiveField);
-        return;
-    }, [dateRangeMode, getCurrentActiveField, fromDate, toDate, onChange, handleFocusDateChange,
-        disableFutureDates, disablePastDates, disableDatesBefore, disableDatesAfter]);
-    const handleDateKeyDown = useCallback((e, isDisabled, date, isOtherMonth) => {
-        if (e.code === "Enter" || e.code === "Space") {
-            e.preventDefault();
-            !isDisabled && selectionHandler(date, isOtherMonth);
-            return;
-        }
-        if (e.code === "ArrowLeft") {
-            setFocusTo(e, addDays(new Date(date), -1).toISOString(), handleFocusDateChange(true));
-            return;
-        }
-        if (e.code === "ArrowRight") {
-            setFocusTo(e, addDays(new Date(date), 1).toISOString(), handleFocusDateChange(true));
-            return;
-        }
-        if (e.code === "ArrowUp") {
-            setFocusTo(e, addDays(new Date(date), -7).toISOString(), handleFocusDateChange(true));
-            return;
-        }
-        if (e.code === "ArrowDown") {
-            setFocusTo(e, addDays(new Date(date), 7).toISOString(), handleFocusDateChange(true));
-            return;
-        }
-        if (e.code === "Home") {
-            setFocusTo(e, getStartOfWeek(date), handleFocusDateChange(true));
-            return;
-        }
-        if (e.code === "End") {
-            setFocusTo(e, getEndOfWeek(date), handleFocusDateChange(true));
-            return;
-        }
-        if (e.code === "PageUp" && e.shiftKey) {
-            setFocusTo(e, getSameDateOrTheLastForMonth(date, -12), handleFocusDateChange(true));
-            return;
-        }
-        if (e.code === "PageDown" && e.shiftKey) {
-            setFocusTo(e, getSameDateOrTheLastForMonth(date, 12), handleFocusDateChange(true));
-            return;
-        }
-        if (e.code === "PageUp") {
-            setFocusTo(e, getSameDateOrTheLastForMonth(date, -1), handleFocusDateChange(true));
-            return;
-        }
-        if (e.code === "PageDown") {
-            setFocusTo(e, getSameDateOrTheLastForMonth(date, 1), handleFocusDateChange(true));
-            return;
-        }
-    }, [selectionHandler, handleFocusDateChange]);
-    const isDisabledDay = useCallback((date) => {
-        const dateTime = new Date(date).getTime();
-        const nowDateTime = new Date(now).getTime();
-        return (disableFutureDates && dateTime > nowDateTime) || (disablePastDates && dateTime < nowDateTime)
-            || isDisableDate(dateTime, disableDatesBefore, disableDatesAfter);
-    }, [disableFutureDates, disablePastDates, now, disableDatesAfter, disableDatesBefore]);
-    const onPointerDown = useCallback((date, isOtherMonth) => {
-        selectionHandler(date, isOtherMonth);
-        setFocusDate(undefined);
-    }, [selectionHandler]);
-    useEffect(() => {
-        value.to && handleFocusDateChange()(value.to);
-    }, [value.to, handleFocusDateChange]);
-    useEffect(() => {
-        value.from && handleFocusDateChange()(value.from);
-    }, [value.from, handleFocusDateChange]);
-    const getBeforeDecorator = useCallback((date, isFirstDayOfMonth, isFirstDayOfWeek) => {
-        if (!dateRangeMode) {
-            return null;
-        }
-        if (isFirstDayOfMonth && (fromDate && fromDate < date) && isDateInRange(date, hoverDate || focusDate, fromDate, toDate)) {
-            return _jsx("div", { className: "zen-calendar__month-start" });
-        }
-        if (isFirstDayOfWeek && isDateInRange(date, hoverDate || focusDate, fromDate, toDate)) {
-            return _jsx("div", { className: "zen-calendar__week-start" });
-        }
-        if (isLeftBorderVisible(date, hoverDate || focusDate, fromDate, toDate)) {
-            return _jsx("div", { className: "zen-calendar__left-border" });
-        }
-        return null;
-    }, [dateRangeMode, hoverDate, focusDate, fromDate, toDate]);
-    const getAfterDecorator = useCallback((date, isLastDayOfMonth, isLastDayOfWeek) => {
-        if (!dateRangeMode) {
-            return null;
-        }
-        if (isLastDayOfMonth && isDateInRange(date, hoverDate || focusDate, fromDate, toDate)) {
-            return _jsx("div", { className: "zen-calendar__month-end" });
-        }
-        if (isLastDayOfWeek && isDateInRange(date, hoverDate || focusDate, fromDate, toDate)) {
-            return _jsx("div", { className: "zen-calendar__week-end" });
-        }
-        if (isRightBorderVisible(date, hoverDate || focusDate, fromDate, toDate)) {
-            return _jsx("div", { className: "zen-calendar__right-border" });
-        }
-        return null;
-    }, [dateRangeMode, hoverDate, focusDate, fromDate, toDate]);
-    const handleTodayButtonClick = useCallback((e) => {
-        if (!onTodayButtonClick) {
-            return;
-        }
-        setViewDate(new Date().toISOString());
-        onTodayButtonClick(e);
-    }, [onTodayButtonClick]);
-    const memoizedVisibleFocus = useMemo(() => focusDate ? dates.some(arr => arr.some(el => el === focusDate)) : true, [dates, focusDate]);
-    const currentActiveField = getCurrentActiveField ? getCurrentActiveField() : undefined;
-    return (_jsxs("div", { ref: parentRef, onBlur: () => setFocusDate(fromDate || viewDate), className: classNames(["zen-calendar", driveClassName || ""]), children: [_jsxs("div", { className: "zen-calendar__header", children: [isMobileView ? null : _jsx(TextIconButton, { className: "zen-calendar__btn", type: "tertiary-black", icon: IconChevronLeftSmall, title: translate("Previous month"), onClick: () => changeView(addMonth(viewDate, -1)), iconPosition: ButtonIconPosition.Start }), _jsxs("div", { className: classNames(["zen-calendar__year", onTodayButtonClick ? "zen-calendar__year--limited" : ""]), children: [_jsx("div", { className: classNames(["zen-calendar__year-name", onTodayButtonClick ? "zen-calendar__year-name--left" : "", "zen-ellipsis"]), "aria-live": "polite", children: getMonthYear(viewDate) }), _jsx(ParallelSelectionTrigger, { className: "zen-calendar__year-trigger zen-calendar__btn", title: translate("Select year"), ref: parallelSelectionTriggerRef }), _jsx(ParallelSelection, { selected: new Date(viewDate).getFullYear().toString(), items: years, triggerRef: parallelSelectionTriggerRef, title: translate("Select year"), onSelect: year => changeView(setYear(viewDate, year)), isMobileView: isMobileView, alignment: onTodayButtonClick ? "bottom" : "bottom-right" })] }), onTodayButtonClick ? _jsx(Button, { type: ButtonType.Tertiary, className: "zen-calendar__today-button", disabled: false, onClick: handleTodayButtonClick, children: translate("Today") }) : null, isMobileView ? _jsxs("div", { className: "zen-calendar__months", children: [_jsx(TextIconButton, { className: "zen-calendar__btn", type: "tertiary-black", icon: IconChevronLeftSmall, title: translate("Previous month"), onClick: () => changeView(addMonth(viewDate, -1)), iconPosition: ButtonIconPosition.Start }), _jsx(TextIconButton, { className: "zen-calendar__btn", type: "tertiary-black", icon: IconChevronRightSmall, title: translate("Next month"), onClick: () => changeView(addMonth(viewDate, 1)), iconPosition: ButtonIconPosition.Start })] }) : null, isMobileView ? null : _jsx(TextIconButton, { className: "zen-calendar__btn", type: "tertiary-black", icon: IconChevronRightSmall, title: translate("Next month"), onClick: () => changeView(addMonth(viewDate, 1)), iconPosition: ButtonIconPosition.Start })] }), _jsxs("table", { className: "zen-calendar__table", children: [_jsx("thead", { children: _jsx("tr", { className: "zen-calendar__columns", children: dates[0].map(date => _jsx("th", { className: "zen-calendar__column", children: getDayOfWeek(date) }, `cal-h-${date}`)) }) }), _jsx("tbody", { className: classNames(["zen-calendar__body", isMobileView ? "zen-calendar__body--mobile-view" : ""]), children: dates.map((week, weekIndex) => _jsx("tr", { className: "zen-calendar__row", children: week.map((date, index) => {
-                                const isOtherMonth = date < monthStart || date > monthEnd;
-                                const isDisabled = isDisabledDay(date);
-                                const dateLike = new Date(date);
-                                const isActive = date === fromDate || date === toDate;
-                                const isReadyToChange = date === fromDate && currentActiveField === "start" || date === toDate && currentActiveField === "end";
-                                const isFocusable = memoizedVisibleFocus ? date === (fromDate || viewDate) : date.split("T")[0] === viewDate.split("T")[0];
-                                const isFirstDayOfWeek = index === 0;
-                                const isLastDayOfWeek = index === 6;
-                                const isFirstDayOfMonth = weekIndex === 0 && index === 0;
-                                const isLastDayOfMonth = weekIndex === dates.length - 1 && index === 6;
-                                const isInRange = dateRangeMode && !isFirstDayOfWeek && !isLastDayOfWeek && isDateInRange(date, hoverDate || focusDate, fromDate, toDate);
-                                return _jsx("td", { className: "zen-calendar__cell", children: _jsxs("button", { className: classNames([
-                                            "zen-calendar__day-wrapper",
-                                            isActive ? "zen-calendar__day-wrapper--active" : "",
-                                            isReadyToChange ? "zen-calendar__day-wrapper--ready-to-change" : ""
-                                        ]), onPointerDown: evt => {
-                                            evt.preventDefault();
-                                            !isDisabled && evt.button !== 2 && onPointerDown(date, isOtherMonth);
-                                        }, onPointerEnter: () => { !isDisabled && setHoverDate(date); }, onPointerLeave: () => { setHoverDate(undefined); }, tabIndex: isFocusable ? 0 : -1, type: "button", "data-id": `${id}-day-${dateLike.getDate()}-${dateLike.getMonth()}-${dateLike.getFullYear()}`, "aria-label": getButtonLabel(translate, date, dateRangeMode, fromDate, toDate), onKeyDown: evt => handleDateKeyDown(evt, isDisabled, date, isOtherMonth), onFocus: () => {
-                                            !isDisabled && !isOtherMonth && handleFocusDateChange(true)(date);
-                                        }, disabled: isDisabled, children: [getBeforeDecorator(date, isFirstDayOfMonth, isFirstDayOfWeek), _jsx("div", { className: classNames([
-                                                    "zen-calendar__day",
-                                                    isInRange ? "zen-calendar__day--in-range" : "",
-                                                    isOtherMonth ? "zen-calendar__day--other-month" : "",
-                                                    isDisabled ? "zen-calendar__day--disabled" : ""
-                                                ]), children: dateLike.getDate() }), getAfterDecorator(date, isLastDayOfMonth, isLastDayOfWeek)] }) }, date);
-                            }) }, `week_${week[0]}`)) })] })] }));
+            const isActive = date === fromDate || date === toDate;
+            const isReadyToChange = date === fromDate && currentActiveField === "start" || date === toDate && currentActiveField === "end";
+            const isFocusable = memoizedVisibleFocus ? date === (fromDate || viewDate) : date.split("T")[0] === viewDate.split("T")[0];
+            const isFirstDayOfWeek = index === 0;
+            const isLastDayOfWeek = index === 6;
+            const isFirstDayOfMonth = weekIndex === 0 && index === 0;
+            const isLastDayOfMonth = weekIndex === dates.length - 1 && index === 6;
+            const isInRange = dateRangeMode && !isFirstDayOfWeek && !isLastDayOfWeek && isDateInRange(date, hoverDate || focusDate, fromDate, toDate);
+            return _jsx("td", {
+              className: "zen-calendar__cell",
+              children: _jsxs("button", {
+                className: classNames(["zen-calendar__day-wrapper", isActive ? "zen-calendar__day-wrapper--active" : "", isReadyToChange ? "zen-calendar__day-wrapper--ready-to-change" : ""]),
+                onPointerDown: evt => {
+                  evt.preventDefault();
+                  !isDisabled && evt.button !== 2 && onPointerDown(date, isOtherMonth);
+                },
+                onPointerEnter: () => {
+                  !isDisabled && setHoverDate(date);
+                },
+                onPointerLeave: () => {
+                  setHoverDate(undefined);
+                },
+                tabIndex: isFocusable ? 0 : -1,
+                type: "button",
+                "data-id": `${id}-day-${dateLike.getDate()}-${dateLike.getMonth()}-${dateLike.getFullYear()}`,
+                "aria-label": getButtonLabel(translate, date, dateRangeMode, fromDate, toDate),
+                onKeyDown: evt => handleDateKeyDown(evt, isDisabled, date, isOtherMonth),
+                onFocus: () => {
+                  !isDisabled && !isOtherMonth && handleFocusDateChange(true)(date);
+                },
+                disabled: isDisabled,
+                children: [getBeforeDecorator(date, isFirstDayOfMonth, isFirstDayOfWeek), _jsx("div", {
+                  className: classNames(["zen-calendar__day", isInRange ? "zen-calendar__day--in-range" : "", isOtherMonth ? "zen-calendar__day--other-month" : "", isDisabled ? "zen-calendar__day--disabled" : ""]),
+                  children: dateLike.getDate()
+                }), getAfterDecorator(date, isLastDayOfMonth, isLastDayOfWeek)]
+              })
+            }, date);
+          })
+        }, `week_${week[0]}`))
+      })]
+    })]
+  });
 };
-export const TRANSLATIONS = [
-    "Select year",
-    "Previous month",
-    "Next month",
-    "Change daterange start date, {date}",
-    "Change daterange end date, {date}",
-    "Choose daterange end date",
-    "Choose daterange start date",
-    "Change date, {date}",
-    "Choose date",
-    "{short-day-of-week-sunday}S",
-    "{short-day-of-week-monday}M",
-    "{short-day-of-week-tuesday}T",
-    "{short-day-of-week-wednesday}W",
-    "{short-day-of-week-thursday}T",
-    "{short-day-of-week-friday}F",
-    "{short-day-of-week-saturday}S",
-    "January",
-    "February",
-    "March",
-    "April",
-    "May",
-    "June",
-    "July",
-    "August",
-    "September",
-    "October",
-    "November",
-    "December"
-];
+export const TRANSLATIONS = ["Select year", "Previous month", "Next month", "Change start date, {date}", "Change end date, {date}", "Choose end date", "Choose start date", "Change date, {date}", "Choose date", "{short-day-of-week-sunday}S", "{short-day-of-week-monday}M", "{short-day-of-week-tuesday}T", "{short-day-of-week-wednesday}W", "{short-day-of-week-thursday}T", "{short-day-of-week-friday}F", "{short-day-of-week-saturday}S", "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];