@sb1/ffe-datepicker-react 100.12.4 → 101.0.0

package/es/datepicker/testHelper.js

@@ -1,83 +1,35 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+import { act } from 'react';
+async function simulateTyping(element, text, delay = 100) {
+    let _text = text;
+    if (text.length === 0) {
+        _text = '0';
     }
-};
-function simulateTyping(element_1, text_1) {
-    return __awaiter(this, arguments, void 0, function (element, text, delay) {
-        var act, _text;
-        if (delay === void 0) { delay = 100; }
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, import('@testing-library/react')];
-                case 1:
-                    act = (_a.sent()).act;
-                    _text = text;
-                    if (text.length === 0) {
-                        _text = '0';
-                    }
-                    return [2 /*return*/, new Promise(function (resolve) {
-                            var index = 0;
-                            function typeCharacter() {
-                                if (index < _text.length) {
-                                    var char = _text[index];
-                                    var eventOptions_1 = {
-                                        key: char,
-                                        keyCode: char.charCodeAt(0),
-                                        which: char.charCodeAt(0),
-                                        bubbles: true,
-                                    };
-                                    act(function () {
-                                        element.dispatchEvent(new KeyboardEvent('keydown', eventOptions_1));
-                                    });
-                                    index++;
-                                    setTimeout(typeCharacter, delay);
-                                }
-                                else {
-                                    resolve(); // Resolve the promise when done
-                                }
-                            }
-                            typeCharacter();
-                        })];
+    return new Promise(resolve => {
+        let index = 0;
+        function typeCharacter() {
+            if (index < _text.length) {
+                const char = _text[index];
+                const eventOptions = {
+                    key: char,
+                    keyCode: char.charCodeAt(0),
+                    which: char.charCodeAt(0),
+                    bubbles: true,
+                };
+                act(() => {
+                    element.dispatchEvent(new KeyboardEvent('keydown', eventOptions));
+                });
+                index++;
+                setTimeout(typeCharacter, delay);
             }
-        });
+            else {
+                resolve(); // Resolve the promise when done
+            }
+        }
+        typeCharacter();
     });
 }
-function leftPad(str, len, ch) {
-    if (len === void 0) { len = 2; }
-    if (ch === void 0) { ch = '0'; }
-    var newStr = str;
+function leftPad(str, len = 2, ch = '0') {
+    let newStr = str;
     while (newStr.length < len) {
         newStr = ch + newStr;
     }
@@ -90,71 +42,48 @@ function leftPad(str, len, ch) {
  * @param index if there are multiple datepicker elements with the same label, you can specify which one you want to get
  * @returns DatepickerTestHelper
  */
-export function getDatepickerByLabelText(label_1) {
-    return __awaiter(this, arguments, void 0, function (label, index) {
-        function getValue(element) {
-            var _a = Array.from(element.querySelectorAll('[role="spinbutton"]')), dayElement = _a[0], monthElement = _a[1], yearElement = _a[2];
-            var day = dayElement.getAttribute('aria-valuenow') || '';
-            var month = monthElement.getAttribute('aria-valuenow') || '';
-            var year = yearElement.getAttribute('aria-valuenow') || '';
-            return year !== '' &&
-                year !== '0' &&
-                month !== '' &&
-                month !== '0' &&
-                day !== '' &&
-                day !== '0'
-                ? "".concat(leftPad(day), ".").concat(leftPad(month), ".").concat(year)
-                : '';
-        }
-        function setValue(element, value) {
-            return __awaiter(this, void 0, void 0, function () {
-                var act, _a, dayElement, monthElement, yearElement, _b, dayValue, monthValue, yearValue;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
-                        case 0: return [4 /*yield*/, import('@testing-library/react')];
-                        case 1:
-                            act = (_c.sent()).act;
-                            _a = Array.from(element.querySelectorAll('[role="spinbutton"]')), dayElement = _a[0], monthElement = _a[1], yearElement = _a[2];
-                            _b = value
-                                ? value.split('.')
-                                : ['0', '0', '0'], dayValue = _b[0], monthValue = _b[1], yearValue = _b[2];
-                            dayValue = dayValue.length === 1 ? "0".concat(dayValue) : dayValue;
-                            monthValue = monthValue.length === 1 ? "0".concat(monthValue) : monthValue;
-                            return [4 /*yield*/, simulateTyping(dayElement, dayValue)];
-                        case 2:
-                            _c.sent();
-                            return [4 /*yield*/, simulateTyping(monthElement, monthValue)];
-                        case 3:
-                            _c.sent();
-                            return [4 /*yield*/, simulateTyping(yearElement, yearValue)];
-                        case 4:
-                            _c.sent();
-                            act(function () { return yearElement.blur(); });
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        }
-        var screen, elements;
-        if (index === void 0) { index = 0; }
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, import('@testing-library/react')];
-                case 1:
-                    screen = (_a.sent()).screen;
-                    elements = screen
-                        .getAllByText(label)
-                        .map(function (element) {
-                        var _a, _b;
-                        return (_b = (_a = element.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.querySelector('.ffe-datepicker');
-                    })
-                        .filter(function (element) { return element !== null && element !== undefined; });
-                    return [2 /*return*/, {
-                            element: elements[index],
-                            getValue: function () { return getValue(elements[index]); },
-                            setValue: function (value) { return setValue(elements[index], value); },
-                        }];
-            }
-        });
-    });
+export async function getDatepickerByLabelText(label, index = 0) {
+    const elements = Array.from(document.querySelectorAll('*'))
+        .filter(el => {
+        var _a;
+        return el.children.length === 0 &&
+            ((_a = el.textContent) === null || _a === void 0 ? void 0 : _a.trim()) === label;
+    })
+        .map(el => {
+        var _a, _b;
+        return (_b = (_a = el.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.querySelector('.ffe-datepicker');
+    })
+        .filter((el) => el !== null && el !== undefined);
+    function getValue(element) {
+        const [dayElement, monthElement, yearElement] = Array.from(element.querySelectorAll('[role="spinbutton"]'));
+        const day = dayElement.getAttribute('aria-valuenow') || '';
+        const month = monthElement.getAttribute('aria-valuenow') || '';
+        const year = yearElement.getAttribute('aria-valuenow') || '';
+        return year !== '' &&
+            year !== '0' &&
+            month !== '' &&
+            month !== '0' &&
+            day !== '' &&
+            day !== '0'
+            ? `${leftPad(day)}.${leftPad(month)}.${year}`
+            : '';
+    }
+    async function setValue(element, value) {
+        const [dayElement, monthElement, yearElement] = Array.from(element.querySelectorAll('[role="spinbutton"]'));
+        // eslint-disable-next-line prefer-const
+        let [dayValue, monthValue, yearValue] = value
+            ? value.split('.')
+            : ['0', '0', '0'];
+        dayValue = dayValue.length === 1 ? `0${dayValue}` : dayValue;
+        monthValue = monthValue.length === 1 ? `0${monthValue}` : monthValue;
+        await simulateTyping(dayElement, dayValue);
+        await simulateTyping(monthElement, monthValue);
+        await simulateTyping(yearElement, yearValue);
+        act(() => yearElement.blur());
+    }
+    return {
+        element: elements[index],
+        getValue: () => getValue(elements[index]),
+        setValue: (value) => setValue(elements[index], value),
+    };
 }

package/es/datepicker/toNumber.js

@@ -1,8 +1,6 @@
-export var toNumber = function (numbers) {
-    var validNumbers = numbers.filter(function (it) { return typeof it === 'number'; });
+export const toNumber = (numbers) => {
+    const validNumbers = numbers.filter(it => typeof it === 'number');
     return validNumbers
-        .map(function (it, index) {
-        return (it !== null && it !== void 0 ? it : 1) * Math.pow(10, validNumbers.length - index - 1);
-    })
-        .reduce(function (acc, curr) { return acc + curr; }, 0);
+        .map((it, index) => (it !== null && it !== void 0 ? it : 1) * Math.pow(10, validNumbers.length - index - 1))
+        .reduce((acc, curr) => acc + curr, 0);
 };

package/es/i18n/i18n.js

@@ -2,7 +2,7 @@ import en from './en';
 import nn from './nn';
 import nb from './nb';
 export default {
-    nb: nb,
-    nn: nn,
-    en: en,
+    nb,
+    nn,
+    en,
 };

package/es/input/DateInput.js

@@ -1,34 +1,11 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
 import i18n from '../i18n/i18n';
 import { isIOSSafari } from '../util/isIOSSafari';
-export var DateInput = React.forwardRef(function (_a, ref) {
-    var ariaInvalid = _a.ariaInvalid, value = _a.value, className = _a.className, _b = _a.locale, locale = _b === void 0 ? 'nb' : _b, rest = __rest(_a, ["ariaInvalid", "value", "className", "locale"]);
+export const DateInput = React.forwardRef(({ ariaInvalid, value, className, locale = 'nb', ...rest }, ref) => {
     // VoiceOver on iOS Safari blocks interaction with date-related inputs.
     // Using role="textbox" as a workaround on that platform.
     // https://dev.to/mfranzke/voiceover-bug-on-ios-safari-blocks-date-time-related-inputs-especially-in-react-4f61
-    var role = useMemo(function () { return (isIOSSafari() ? 'textbox' : undefined); }, []);
-    return (React.createElement("input", __assign({ type: "date", role: role, "aria-invalid": ariaInvalid, maxLength: 10, ref: ref, "aria-placeholder": i18n[locale].DATE_FORMAT, value: value, className: classNames('ffe-input-field ffe-dateinput__field', className) }, rest)));
+    const role = useMemo(() => (isIOSSafari() ? 'textbox' : undefined), []);
+    return (React.createElement("input", { type: "date", role: role, "aria-invalid": ariaInvalid, maxLength: 10, ref: ref, "aria-placeholder": i18n[locale].DATE_FORMAT, value: value, className: classNames('ffe-input-field ffe-dateinput__field', className), ...rest }));
 });

package/es/types.js

@@ -1,3 +1,3 @@
-export var isMonth = function (thing) {
+export const isMonth = (thing) => {
     return typeof thing === 'number' && thing >= 1 && thing <= 12;
 };

package/es/util/dateRangeUtils.js

@@ -3,10 +3,10 @@ import i18n from '../i18n/i18n';
 /**
  * Generates month options for dropdown selection
  */
-export var getMonthOptions = function (locale) {
-    var months = [];
-    for (var i = 1; i <= 12; i++) {
-        var monthKey = "MONTH_".concat(i);
+export const getMonthOptions = (locale) => {
+    const months = [];
+    for (let i = 1; i <= 12; i++) {
+        const monthKey = `MONTH_${i}`;
         months.push({
             value: i,
             label: i18n[locale][monthKey],
@@ -17,27 +17,27 @@ export var getMonthOptions = function (locale) {
 /**
  * Generates year options based on min and max dates, or defaults to standard range
  */
-export var getYearOptions = function (minDate, maxDate) {
-    var currentYear = new Date().getFullYear();
+export const getYearOptions = (minDate, maxDate) => {
+    const currentYear = new Date().getFullYear();
     // Default range: 6 years backward and 2 years forward
-    var minYear = currentYear - 6;
-    var maxYear = currentYear + 2;
+    let minYear = currentYear - 6;
+    let maxYear = currentYear + 2;
     // Use minDate year if provided
     if (minDate) {
-        var minDateObj = getSimpleDateFromString(minDate);
+        const minDateObj = getSimpleDateFromString(minDate);
         if (minDateObj) {
             minYear = minDateObj.year;
         }
     }
     // Use maxDate year if provided  
     if (maxDate) {
-        var maxDateObj = getSimpleDateFromString(maxDate);
+        const maxDateObj = getSimpleDateFromString(maxDate);
         if (maxDateObj) {
             maxYear = maxDateObj.year;
         }
     }
-    var years = [];
-    for (var i = minYear; i <= maxYear; i++) {
+    const years = [];
+    for (let i = minYear; i <= maxYear; i++) {
         years.push({
             value: i,
             label: String(i),

package/es/util/dateUtil.js

@@ -1,5 +1,5 @@
 import { padZero } from '../datepicker/padZero';
-var dateRegex = /^(\d{1,2})(\.| |-|\/)?(\d{0,2})\2?(\d{0,2}(\d{2})?)$/;
+const dateRegex = /^(\d{1,2})(\.| |-|\/)?(\d{0,2})\2?(\d{0,2}(\d{2})?)$/;
 export function validateDate(date) {
     return dateRegex.exec(date);
 }
@@ -8,5 +8,5 @@ export function isDateInputWithTwoDigitYear(value) {
     return ((_a = validateDate(value)) === null || _a === void 0 ? void 0 : _a[4].length) === 2;
 }
 export function getPaddedDateString(day, month, year) {
-    return "".concat(padZero(day !== null && day !== void 0 ? day : 0), ".").concat(padZero(month !== null && month !== void 0 ? month : 0), ".").concat(year);
+    return `${padZero(day !== null && day !== void 0 ? day : 0)}.${padZero(month !== null && month !== void 0 ? month : 0)}.${year}`;
 }

package/es/util/isIOSSafari.js

@@ -8,15 +8,15 @@
  *   be affected by the same bug, but are not detected here since they don't
  *   include "Safari" in the user agent string.
  */
-export var isIOSSafari = function () {
+export const isIOSSafari = () => {
     if (typeof navigator === 'undefined') {
         return false;
     }
-    var ua = navigator.userAgent;
+    const ua = navigator.userAgent;
     // iPadOS 13+ in desktop mode reports as Macintosh, but can be identified
     // by having touch points (real Macs have maxTouchPoints === 0).
-    var isIOS = /iP(ad|hone|od)/.test(ua) ||
+    const isIOS = /iP(ad|hone|od)/.test(ua) ||
         (/Macintosh/.test(ua) && navigator.maxTouchPoints > 1);
-    var isSafari = !!ua.match(/Safari/) && !ua.match(/CriOS|FxiOS|OPiOS|EdgiOS/);
+    const isSafari = !!ua.match(/Safari/) && !ua.match(/CriOS|FxiOS|OPiOS|EdgiOS/);
     return isIOS && isSafari;
 };

package/lib/button/Button.js

@@ -4,16 +4,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
-var react_1 = __importDefault(require("react"));
-var ffe_icons_react_1 = require("@sb1/ffe-icons-react");
-var dateUtil_1 = require("../util/dateUtil");
-var i18n_1 = __importDefault(require("../i18n/i18n"));
-exports.Button = react_1.default.forwardRef(function (_a, ref) {
-    var value = _a.value, locale = _a.locale, onClick = _a.onClick;
-    var buttonLabel = (0, dateUtil_1.validateDate)(value)
-        ? "".concat(i18n_1.default[locale].CHANGE_DATE, ", ").concat(i18n_1.default[locale].CHOSEN_DATE, " ").concat(value)
+const react_1 = __importDefault(require("react"));
+const ffe_icons_react_1 = require("@sb1/ffe-icons-react");
+const dateUtil_1 = require("../util/dateUtil");
+const i18n_1 = __importDefault(require("../i18n/i18n"));
+exports.Button = react_1.default.forwardRef(({ value, locale, onClick }, ref) => {
+    const buttonLabel = (0, dateUtil_1.validateDate)(value)
+        ? `${i18n_1.default[locale].CHANGE_DATE}, ${i18n_1.default[locale].CHOSEN_DATE} ${value}`
         : i18n_1.default[locale].CHOOSE_DATE;
-    var calendarMonthIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik0yMTIuMzA5LTEwMC4wMDFxLTMwLjMwOCAwLTUxLjMwOC0yMXQtMjEtNTEuMzA4di01MzUuMzgycTAtMzAuMzA4IDIxLTUxLjMwOHQ1MS4zMDgtMjFoNTUuMzg1di01My44NDdxMC0xMy4xNTMgOC44MDgtMjEuOTYxIDguODA3LTguODA3IDIxLjk2MS04LjgwNyAxMy4xNTMgMCAyMS45NjEgOC44MDcgOC44MDcgOC44MDggOC44MDcgMjEuOTYxdjUzLjg0N2gzMDMuMDc2di01NC42MTZxMC0xMi43NjkgOC42MTUtMjEuMzg0dDIxLjM4NC04LjYxNXExMi43NjkgMCAyMS4zODQgOC42MTUgOC42MTYgOC42MTUgOC42MTYgMjEuMzg0djU0LjYxNmg1NS4zODVxMzAuMzA4IDAgNTEuMzA4IDIxdDIxIDUxLjMwOHY1MzUuMzgycTAgMzAuMzA4LTIxIDUxLjMwOHQtNTEuMzA4IDIxSDIxMi4zMDlabTAtNTkuOTk5aDUzNS4zODJxNC42MTYgMCA4LjQ2My0zLjg0NiAzLjg0Ni0zLjg0NyAzLjg0Ni04LjQ2M3YtMzc1LjM4MkgyMDB2Mzc1LjM4MnEwIDQuNjE2IDMuODQ2IDguNDYzIDMuODQ3IDMuODQ2IDguNDYzIDMuODQ2Wk0yMDAtNjA3LjY5aDU2MHYtMTAwLjAwMXEwLTQuNjE2LTMuODQ2LTguNDYzLTMuODQ3LTMuODQ2LTguNDYzLTMuODQ2SDIxMi4zMDlxLTQuNjE2IDAtOC40NjMgMy44NDYtMy44NDYgMy44NDctMy44NDYgOC40NjN2MTAwLjAwMVptMCAwVi03MjB2MTEyLjMxWm0yODAgMjEwLjc2N3EtMTQuNjkyIDAtMjUuMDM4LTEwLjM0NnQtMTAuMzQ2LTI1LjAzOHEwLTE0LjY5MiAxMC4zNDYtMjUuMDM4VDQ4MC00NjcuNjkxcTE0LjY5MiAwIDI1LjAzOCAxMC4zNDZ0MTAuMzQ2IDI1LjAzOHEwIDE0LjY5Mi0xMC4zNDYgMjUuMDM4VDQ4MC0zOTYuOTIzWm0tMTYwIDBxLTE0LjY5MiAwLTI1LjAzOC0xMC4zNDZ0LTEwLjM0Ni0yNS4wMzhxMC0xNC42OTIgMTAuMzQ2LTI1LjAzOFQzMjAtNDY3LjY5MXExNC42OTIgMCAyNS4wMzggMTAuMzQ2dDEwLjM0NiAyNS4wMzhxMCAxNC42OTItMTAuMzQ2IDI1LjAzOFQzMjAtMzk2LjkyM1ptMzIwIDBxLTE0LjY5MiAwLTI1LjAzOC0xMC4zNDZ0LTEwLjM0Ni0yNS4wMzhxMC0xNC42OTIgMTAuMzQ2LTI1LjAzOFQ2NDAtNDY3LjY5MXExNC42OTIgMCAyNS4wMzggMTAuMzQ2dDEwLjM0NiAyNS4wMzhxMCAxNC42OTItMTAuMzQ2IDI1LjAzOFQ2NDAtMzk2LjkyM1pNNDgwLTI0MHEtMTQuNjkyIDAtMjUuMDM4LTEwLjM0NnQtMTAuMzQ2LTI1LjAzOHEwLTE0LjY5MiAxMC4zNDYtMjUuMDM4IDEwLjM0Ni0xMC4zNDcgMjUuMDM4LTEwLjM0N3QyNS4wMzggMTAuMzQ3cTEwLjM0NiAxMC4zNDYgMTAuMzQ2IDI1LjAzOHQtMTAuMzQ2IDI1LjAzOFE0OTQuNjkyLTI0MCA0ODAtMjQwWm0tMTYwIDBxLTE0LjY5MiAwLTI1LjAzOC0xMC4zNDZ0LTEwLjM0Ni0yNS4wMzhxMC0xNC42OTIgMTAuMzQ2LTI1LjAzOCAxMC4zNDYtMTAuMzQ3IDI1LjAzOC0xMC4zNDd0MjUuMDM4IDEwLjM0N3ExMC4zNDYgMTAuMzQ2IDEwLjM0NiAyNS4wMzh0LTEwLjM0NiAyNS4wMzhRMzM0LjY5Mi0yNDAgMzIwLTI0MFptMzIwIDBxLTE0LjY5MiAwLTI1LjAzOC0xMC4zNDZ0LTEwLjM0Ni0yNS4wMzhxMC0xNC42OTIgMTAuMzQ2LTI1LjAzOCAxMC4zNDYtMTAuMzQ3IDI1LjAzOC0xMC4zNDd0MjUuMDM4IDEwLjM0N3ExMC4zNDYgMTAuMzQ2IDEwLjM0NiAyNS4wMzh0LTEwLjM0NiAyNS4wMzhRNjU0LjY5Mi0yNDAgNjQwLTI0MFoiLz48L3N2Zz4=';
+    const calendarMonthIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik0yMTIuMzA5LTEwMC4wMDFxLTMwLjMwOCAwLTUxLjMwOC0yMXQtMjEtNTEuMzA4di01MzUuMzgycTAtMzAuMzA4IDIxLTUxLjMwOHQ1MS4zMDgtMjFoNTUuMzg1di01My44NDdxMC0xMy4xNTMgOC44MDgtMjEuOTYxIDguODA3LTguODA3IDIxLjk2MS04LjgwNyAxMy4xNTMgMCAyMS45NjEgOC44MDcgOC44MDcgOC44MDggOC44MDcgMjEuOTYxdjUzLjg0N2gzMDMuMDc2di01NC42MTZxMC0xMi43NjkgOC42MTUtMjEuMzg0dDIxLjM4NC04LjYxNXExMi43NjkgMCAyMS4zODQgOC42MTUgOC42MTYgOC42MTUgOC42MTYgMjEuMzg0djU0LjYxNmg1NS4zODVxMzAuMzA4IDAgNTEuMzA4IDIxdDIxIDUxLjMwOHY1MzUuMzgycTAgMzAuMzA4LTIxIDUxLjMwOHQtNTEuMzA4IDIxSDIxMi4zMDlabTAtNTkuOTk5aDUzNS4zODJxNC42MTYgMCA4LjQ2My0zLjg0NiAzLjg0Ni0zLjg0NyAzLjg0Ni04LjQ2M3YtMzc1LjM4MkgyMDB2Mzc1LjM4MnEwIDQuNjE2IDMuODQ2IDguNDYzIDMuODQ3IDMuODQ2IDguNDYzIDMuODQ2Wk0yMDAtNjA3LjY5aDU2MHYtMTAwLjAwMXEwLTQuNjE2LTMuODQ2LTguNDYzLTMuODQ3LTMuODQ2LTguNDYzLTMuODQ2SDIxMi4zMDlxLTQuNjE2IDAtOC40NjMgMy44NDYtMy44NDYgMy44NDctMy44NDYgOC40NjN2MTAwLjAwMVptMCAwVi03MjB2MTEyLjMxWm0yODAgMjEwLjc2N3EtMTQuNjkyIDAtMjUuMDM4LTEwLjM0NnQtMTAuMzQ2LTI1LjAzOHEwLTE0LjY5MiAxMC4zNDYtMjUuMDM4VDQ4MC00NjcuNjkxcTE0LjY5MiAwIDI1LjAzOCAxMC4zNDZ0MTAuMzQ2IDI1LjAzOHEwIDE0LjY5Mi0xMC4zNDYgMjUuMDM4VDQ4MC0zOTYuOTIzWm0tMTYwIDBxLTE0LjY5MiAwLTI1LjAzOC0xMC4zNDZ0LTEwLjM0Ni0yNS4wMzhxMC0xNC42OTIgMTAuMzQ2LTI1LjAzOFQzMjAtNDY3LjY5MXExNC42OTIgMCAyNS4wMzggMTAuMzQ2dDEwLjM0NiAyNS4wMzhxMCAxNC42OTItMTAuMzQ2IDI1LjAzOFQzMjAtMzk2LjkyM1ptMzIwIDBxLTE0LjY5MiAwLTI1LjAzOC0xMC4zNDZ0LTEwLjM0Ni0yNS4wMzhxMC0xNC42OTIgMTAuMzQ2LTI1LjAzOFQ2NDAtNDY3LjY5MXExNC42OTIgMCAyNS4wMzggMTAuMzQ2dDEwLjM0NiAyNS4wMzhxMCAxNC42OTItMTAuMzQ2IDI1LjAzOFQ2NDAtMzk2LjkyM1pNNDgwLTI0MHEtMTQuNjkyIDAtMjUuMDM4LTEwLjM0NnQtMTAuMzQ2LTI1LjAzOHEwLTE0LjY5MiAxMC4zNDYtMjUuMDM4IDEwLjM0Ni0xMC4zNDcgMjUuMDM4LTEwLjM0N3QyNS4wMzggMTAuMzQ3cTEwLjM0NiAxMC4zNDYgMTAuMzQ2IDI1LjAzOHQtMTAuMzQ2IDI1LjAzOFE0OTQuNjkyLTI0MCA0ODAtMjQwWm0tMTYwIDBxLTE0LjY5MiAwLTI1LjAzOC0xMC4zNDZ0LTEwLjM0Ni0yNS4wMzhxMC0xNC42OTIgMTAuMzQ2LTI1LjAzOCAxMC4zNDYtMTAuMzQ3IDI1LjAzOC0xMC4zNDd0MjUuMDM4IDEwLjM0N3ExMC4zNDYgMTAuMzQ2IDEwLjM0NiAyNS4wMzh0LTEwLjM0NiAyNS4wMzhRMzM0LjY5Mi0yNDAgMzIwLTI0MFptMzIwIDBxLTE0LjY5MiAwLTI1LjAzOC0xMC4zNDZ0LTEwLjM0Ni0yNS4wMzhxMC0xNC42OTIgMTAuMzQ2LTI1LjAzOCAxMC4zNDYtMTAuMzQ3IDI1LjAzOC0xMC4zNDd0MjUuMDM4IDEwLjM0N3ExMC4zNDYgMTAuMzQ2IDEwLjM0NiAyNS4wMzh0LTEwLjM0NiAyNS4wMzhRNjU0LjY5Mi0yNDAgNjQwLTI0MFoiLz48L3N2Zz4=';
     return (react_1.default.createElement("button", { "data-testid": "datepicker-open", ref: ref, onClick: onClick, className: "ffe-datepicker__button", "aria-label": buttonLabel, type: "button" },
         react_1.default.createElement(ffe_icons_react_1.Icon, { ariaLabel: i18n_1.default[locale].CALENDAR_LABEL, fileUrl: calendarMonthIcon, size: "md", className: "ffe-datepicker__icon" })));
 });