willba-component-library 0.1.60 → 0.1.61

package/lib/index.umd.js

@@ -2506,7 +2506,7 @@
       }
     }
 
-    var formatDistanceLocale = {
+    var formatDistanceLocale$1 = {
       lessThanXSeconds: {
         one: 'less than a second',
         other: 'less than {{count}} seconds'
@@ -2569,9 +2569,9 @@
         other: 'almost {{count}} years'
       }
     };
-    var formatDistance = function formatDistance(token, count, options) {
+    var formatDistance$2 = function formatDistance(token, count, options) {
       var result;
-      var tokenValue = formatDistanceLocale[token];
+      var tokenValue = formatDistanceLocale$1[token];
       if (typeof tokenValue === 'string') {
         result = tokenValue;
       } else if (count === 1) {
@@ -2588,7 +2588,7 @@
       }
       return result;
     };
-    var formatDistance$1 = formatDistance;
+    var formatDistance$3 = formatDistance$2;
 
     function buildFormatLongFn(args) {
       return function () {
@@ -2600,41 +2600,41 @@
       };
     }
 
-    var dateFormats = {
+    var dateFormats$1 = {
       full: 'EEEE, MMMM do, y',
       long: 'MMMM do, y',
       medium: 'MMM d, y',
       short: 'MM/dd/yyyy'
     };
-    var timeFormats = {
+    var timeFormats$1 = {
       full: 'h:mm:ss a zzzz',
       long: 'h:mm:ss a z',
       medium: 'h:mm:ss a',
       short: 'h:mm a'
     };
-    var dateTimeFormats = {
+    var dateTimeFormats$1 = {
       full: "{{date}} 'at' {{time}}",
       long: "{{date}} 'at' {{time}}",
       medium: '{{date}}, {{time}}',
       short: '{{date}}, {{time}}'
     };
-    var formatLong = {
+    var formatLong$2 = {
       date: buildFormatLongFn({
-        formats: dateFormats,
+        formats: dateFormats$1,
         defaultWidth: 'full'
       }),
       time: buildFormatLongFn({
-        formats: timeFormats,
+        formats: timeFormats$1,
         defaultWidth: 'full'
       }),
       dateTime: buildFormatLongFn({
-        formats: dateTimeFormats,
+        formats: dateTimeFormats$1,
         defaultWidth: 'full'
       })
     };
-    var formatLong$1 = formatLong;
+    var formatLong$3 = formatLong$2;
 
-    var formatRelativeLocale = {
+    var formatRelativeLocale$1 = {
       lastWeek: "'last' eeee 'at' p",
       yesterday: "'yesterday at' p",
       today: "'today at' p",
@@ -2642,10 +2642,10 @@
       nextWeek: "eeee 'at' p",
       other: 'P'
     };
-    var formatRelative = function formatRelative(token, _date, _baseDate, _options) {
-      return formatRelativeLocale[token];
+    var formatRelative$2 = function formatRelative(token, _date, _baseDate, _options) {
+      return formatRelativeLocale$1[token];
     };
-    var formatRelative$1 = formatRelative;
+    var formatRelative$3 = formatRelative$2;
 
     function buildLocalizeFn(args) {
       return function (dirtyIndex, options) {
@@ -2666,12 +2666,12 @@
       };
     }
 
-    var eraValues = {
+    var eraValues$1 = {
       narrow: ['B', 'A'],
       abbreviated: ['BC', 'AD'],
       wide: ['Before Christ', 'Anno Domini']
     };
-    var quarterValues = {
+    var quarterValues$1 = {
       narrow: ['1', '2', '3', '4'],
       abbreviated: ['Q1', 'Q2', 'Q3', 'Q4'],
       wide: ['1st quarter', '2nd quarter', '3rd quarter', '4th quarter']
@@ -2681,18 +2681,18 @@
     // If you are making a new locale based on this one, check if the same is true for the language you're working on.
     // Generally, formatted dates should look like they are in the middle of a sentence,
     // e.g. in Spanish language the weekdays and months should be in the lowercase.
-    var monthValues = {
+    var monthValues$1 = {
       narrow: ['J', 'F', 'M', 'A', 'M', 'J', 'J', 'A', 'S', 'O', 'N', 'D'],
       abbreviated: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
       wide: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
     };
-    var dayValues = {
+    var dayValues$1 = {
       narrow: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
       short: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
       abbreviated: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
       wide: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
     };
-    var dayPeriodValues = {
+    var dayPeriodValues$1 = {
       narrow: {
         am: 'a',
         pm: 'p',
@@ -2756,7 +2756,7 @@
         night: 'at night'
       }
     };
-    var ordinalNumber = function ordinalNumber(dirtyNumber, _options) {
+    var ordinalNumber$1 = function ordinalNumber(dirtyNumber, _options) {
       var number = Number(dirtyNumber);
 
       // If ordinal numbers depend on context, for example,
@@ -2779,35 +2779,35 @@
       }
       return number + 'th';
     };
-    var localize = {
-      ordinalNumber: ordinalNumber,
+    var localize$2 = {
+      ordinalNumber: ordinalNumber$1,
       era: buildLocalizeFn({
-        values: eraValues,
+        values: eraValues$1,
         defaultWidth: 'wide'
       }),
       quarter: buildLocalizeFn({
-        values: quarterValues,
+        values: quarterValues$1,
         defaultWidth: 'wide',
         argumentCallback: function argumentCallback(quarter) {
           return quarter - 1;
         }
       }),
       month: buildLocalizeFn({
-        values: monthValues,
+        values: monthValues$1,
         defaultWidth: 'wide'
       }),
       day: buildLocalizeFn({
-        values: dayValues,
+        values: dayValues$1,
         defaultWidth: 'wide'
       }),
       dayPeriod: buildLocalizeFn({
-        values: dayPeriodValues,
+        values: dayPeriodValues$1,
         defaultWidth: 'wide',
         formattingValues: formattingDayPeriodValues,
         defaultFormattingWidth: 'wide'
       })
     };
-    var localize$1 = localize;
+    var localize$3 = localize$2;
 
     function buildMatchFn(args) {
       return function (string) {
@@ -2870,48 +2870,48 @@
       };
     }
 
-    var matchOrdinalNumberPattern = /^(\d+)(th|st|nd|rd)?/i;
-    var parseOrdinalNumberPattern = /\d+/i;
-    var matchEraPatterns = {
+    var matchOrdinalNumberPattern$1 = /^(\d+)(th|st|nd|rd)?/i;
+    var parseOrdinalNumberPattern$1 = /\d+/i;
+    var matchEraPatterns$1 = {
       narrow: /^(b|a)/i,
       abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
       wide: /^(before christ|before common era|anno domini|common era)/i
     };
-    var parseEraPatterns = {
+    var parseEraPatterns$1 = {
       any: [/^b/i, /^(a|c)/i]
     };
-    var matchQuarterPatterns = {
+    var matchQuarterPatterns$1 = {
       narrow: /^[1234]/i,
       abbreviated: /^q[1234]/i,
       wide: /^[1234](th|st|nd|rd)? quarter/i
     };
-    var parseQuarterPatterns = {
+    var parseQuarterPatterns$1 = {
       any: [/1/i, /2/i, /3/i, /4/i]
     };
-    var matchMonthPatterns = {
+    var matchMonthPatterns$1 = {
       narrow: /^[jfmasond]/i,
       abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
       wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
     };
-    var parseMonthPatterns = {
+    var parseMonthPatterns$1 = {
       narrow: [/^j/i, /^f/i, /^m/i, /^a/i, /^m/i, /^j/i, /^j/i, /^a/i, /^s/i, /^o/i, /^n/i, /^d/i],
       any: [/^ja/i, /^f/i, /^mar/i, /^ap/i, /^may/i, /^jun/i, /^jul/i, /^au/i, /^s/i, /^o/i, /^n/i, /^d/i]
     };
-    var matchDayPatterns = {
+    var matchDayPatterns$1 = {
       narrow: /^[smtwf]/i,
       short: /^(su|mo|tu|we|th|fr|sa)/i,
       abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
       wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i
     };
-    var parseDayPatterns = {
+    var parseDayPatterns$1 = {
       narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],
       any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]
     };
-    var matchDayPeriodPatterns = {
+    var matchDayPeriodPatterns$1 = {
       narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
       any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
     };
-    var parseDayPeriodPatterns = {
+    var parseDayPeriodPatterns$1 = {
       any: {
         am: /^a/i,
         pm: /^p/i,
@@ -2923,49 +2923,49 @@
         night: /night/i
       }
     };
-    var match = {
+    var match$2 = {
       ordinalNumber: buildMatchPatternFn({
-        matchPattern: matchOrdinalNumberPattern,
-        parsePattern: parseOrdinalNumberPattern,
+        matchPattern: matchOrdinalNumberPattern$1,
+        parsePattern: parseOrdinalNumberPattern$1,
         valueCallback: function valueCallback(value) {
           return parseInt(value, 10);
         }
       }),
       era: buildMatchFn({
-        matchPatterns: matchEraPatterns,
+        matchPatterns: matchEraPatterns$1,
         defaultMatchWidth: 'wide',
-        parsePatterns: parseEraPatterns,
+        parsePatterns: parseEraPatterns$1,
         defaultParseWidth: 'any'
       }),
       quarter: buildMatchFn({
-        matchPatterns: matchQuarterPatterns,
+        matchPatterns: matchQuarterPatterns$1,
         defaultMatchWidth: 'wide',
-        parsePatterns: parseQuarterPatterns,
+        parsePatterns: parseQuarterPatterns$1,
         defaultParseWidth: 'any',
         valueCallback: function valueCallback(index) {
           return index + 1;
         }
       }),
       month: buildMatchFn({
-        matchPatterns: matchMonthPatterns,
+        matchPatterns: matchMonthPatterns$1,
         defaultMatchWidth: 'wide',
-        parsePatterns: parseMonthPatterns,
+        parsePatterns: parseMonthPatterns$1,
         defaultParseWidth: 'any'
       }),
       day: buildMatchFn({
-        matchPatterns: matchDayPatterns,
+        matchPatterns: matchDayPatterns$1,
         defaultMatchWidth: 'wide',
-        parsePatterns: parseDayPatterns,
+        parsePatterns: parseDayPatterns$1,
         defaultParseWidth: 'any'
       }),
       dayPeriod: buildMatchFn({
-        matchPatterns: matchDayPeriodPatterns,
+        matchPatterns: matchDayPeriodPatterns$1,
         defaultMatchWidth: 'any',
-        parsePatterns: parseDayPeriodPatterns,
+        parsePatterns: parseDayPeriodPatterns$1,
         defaultParseWidth: 'any'
       })
     };
-    var match$1 = match;
+    var match$3 = match$2;
 
     /**
      * @type {Locale}
@@ -2976,19 +2976,19 @@
      * @author Sasha Koss [@kossnocorp]{@link https://github.com/kossnocorp}
      * @author Lesha Koss [@leshakoss]{@link https://github.com/leshakoss}
      */
-    var locale = {
+    var locale$1 = {
       code: 'en-US',
-      formatDistance: formatDistance$1,
-      formatLong: formatLong$1,
-      formatRelative: formatRelative$1,
-      localize: localize$1,
-      match: match$1,
+      formatDistance: formatDistance$3,
+      formatLong: formatLong$3,
+      formatRelative: formatRelative$3,
+      localize: localize$3,
+      match: match$3,
       options: {
         weekStartsOn: 0 /* Sunday */,
         firstWeekContainsDate: 1
       }
     };
-    var enUS = locale;
+    var enUS = locale$1;
 
     // - [yYQqMLwIdDecihHKkms]o matches any available ordinal number token
     //   (one of the certain letters followed by `o`)
@@ -3921,7 +3921,7 @@
     };
 
     var parseGuests = function (_a) {
-        var ageCategoryCounts = _a.ageCategoryCounts, ageCategories = _a.ageCategories;
+        var guestLabel = _a.guestLabel, guestsLabel = _a.guestsLabel, guestsPlaceholder = _a.guestsPlaceholder, ageCategoryCounts = _a.ageCategoryCounts, ageCategories = _a.ageCategories;
         var parsedData = Object.entries(ageCategoryCounts).reduce(function (acc, _a) {
             var _b = __read(_a, 2), key = _b[0], value = _b[1];
             var ageCategoryId = key[key.length - 1];
@@ -3929,16 +3929,18 @@
             if (ageCategory && value) {
                 return {
                     total: acc.total + value,
-                    html: __spreadArray$1(__spreadArray$1([], __read(acc.html), false), [
-                        "<span style=\"display: inline-block; width: 21px, text-align: center\">".concat(value, "</span>"),
-                    ], false),
+                    html: __spreadArray$1(__spreadArray$1([], __read(acc.html), false), ["".concat(value)], false),
                 };
             }
             return acc;
         }, { total: 0, html: [] });
         var htmlString = parsedData.html.length > 1 ? parsedData.html.join(' + ') : '';
-        return ((parsedData.total || htmlString) &&
-            ": ".concat(parsedData.total, " ").concat(htmlString ? " &nbsp; ( ".concat(htmlString, " )") : ''));
+        return {
+            content: parsedData.total
+                ? "<span style=\"display: inline-block; min-width: 10px\">".concat(parsedData.total, "</span> ").concat(parsedData.total > 1 ? guestsLabel : guestLabel).concat(htmlString ? " &nbsp; ( ".concat(htmlString, " )") : '')
+                : guestsPlaceholder,
+            data: parsedData,
+        };
     };
 
     var FilterSections;
@@ -6439,7 +6441,8 @@
     	title: "Who's coming?",
     	adultsLabel: "Adults",
     	kidsLabel: "kids",
-    	guestsLabel: "Guests"
+    	guestsLabel: "guests",
+    	guestLabel: "guest"
     };
     var categories$1 = {
     	label: "Categories",
@@ -6474,7 +6477,8 @@
     	title: "Ketkä ovat tulossa?",
     	adultsLabel: "Aikuiset",
     	kidsLabel: "lapset",
-    	guestsLabel: "Vieraita"
+    	guestsLabel: "vierasta",
+    	guestLabel: "vieras"
     };
     var categories = {
     	label: "Kategoriat",
@@ -6623,7 +6627,7 @@
             React__default.createElement(IoIosCloseCircleOutline, null)));
     };
 
-    var css_248z$9 = ".will-filter-bar-select-button {\n  width: 100%;\n  height: auto;\n  background-color: transparent;\n  border: none;\n  padding: 0 20px;\n  border-radius: 20px;\n  cursor: pointer;\n  font-size: 14px;\n  text-align: initial;\n}\n\n.will-filter-bar-select-button .select-button-wrapper {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 10px;\n \n}\n\n.will-filter-bar-select-button .select-button-wrapper > div {\n  display: grid\n}\n\n.will-filter-bar-select-button .select-button-label {\n  font-weight: 500;\n}\n\n.will-filter-bar-select-button .select-button-description {\n  font-weight: 400;\n  opacity: 0.8;\n  \n  white-space: nowrap;\n \n }\n\n .will-root.is-full-width .will-filter-bar-select-button .select-button-description {\n  overflow: hidden;\n  text-overflow: ellipsis;\n }\n\n .will-filter-bar-select-button .select-button-label.active,\n .will-filter-bar-select-button .select-button-description.active {\n  font-weight: 600;\n }\n\n@media (max-width: 960px) {\n  .will-filter-bar-select-button {\n    padding: 15px 0;\n   }\n\n  .will-filter-bar-select-button:first-child {\n    padding: 0 0 15px 0;\n   }\n\n  .will-filter-bar-select-button .select-button-wrapper {\n    justify-content: center;\n    text-align: center;\n  }\n\n  .will-filter-bar-select-button .select-button-description {\n    white-space: wrap;\n   }\n\n  .will-filter-bar-select-button .select-button-divider {\n    display: none\n  }\n}\n\n\n";
+    var css_248z$9 = ".will-filter-bar-select-button {\n  width: 100%;\n  height: auto;\n  background-color: transparent;\n  border: none;\n  padding: 0 20px;\n  border-radius: 20px;\n  cursor: pointer;\n  font-size: 14px;\n  text-align: initial;\n}\n\n.will-filter-bar-select-button .select-button-wrapper {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 10px;\n \n}\n\n.will-filter-bar-select-button .select-button-wrapper > div {\n  display: grid\n}\n\n.will-filter-bar-select-button .select-button-label {\n  font-weight: 600;\n}\n\n.will-filter-bar-select-button .select-button-description {\n  font-weight: 400;\n  opacity: 0.5;\n  \n  white-space: nowrap;\n \n }\n\n .will-root.is-full-width .will-filter-bar-select-button .select-button-description {\n  overflow: hidden;\n  text-overflow: ellipsis;\n }\n\n .will-filter-bar-select-button .select-button-label.active,\n .will-filter-bar-select-button .select-button-description.active {\n  font-weight: 700;\n  font-size: 15px;\n  opacity: 1;\n\n }\n\n@media (max-width: 960px) {\n  .will-filter-bar-select-button {\n    padding: 15px 0;\n   }\n\n  .will-filter-bar-select-button:first-child {\n    padding: 0 0 15px 0;\n   }\n\n  .will-filter-bar-select-button .select-button-wrapper {\n    justify-content: center;\n    text-align: center;\n  }\n\n  .will-filter-bar-select-button .select-button-description {\n    white-space: wrap;\n   }\n\n  .will-filter-bar-select-button .select-button-divider {\n    display: none\n  }\n}\n\n\n";
     styleInject(css_248z$9);
 
     var SelectButton = function (_a) {
@@ -6631,7 +6635,7 @@
         return (React__default.createElement("button", { className: "will-filter-bar-select-button", onClick: onClick },
             React__default.createElement("span", { className: "select-button-wrapper" },
                 React__default.createElement("div", null,
-                    React__default.createElement("p", { className: "select-button-label ".concat(active ? 'active' : '') }, label),
+                    React__default.createElement("p", { className: "select-button-label" }, label),
                     React__default.createElement("p", { className: "select-button-description ".concat(active ? 'active' : ''), dangerouslySetInnerHTML: { __html: description } })))));
     };
 
@@ -6701,6 +6705,393 @@
             React__default.createElement("div", { className: "will-guests-filter-container" }, ageCategories === null || ageCategories === void 0 ? void 0 : ageCategories.map(function (category) { return (React__default.createElement(GuestCount, { key: category.id, id: parseInt(category.id), label: category.name, minVal: category.minVal, sortOrder: category.sortOrder, updateGuestsCount: updateGuestsCount, count: ageCategoryCounts["guests-".concat(category.id)] || 0 })); }))));
     });
 
+    function futureSeconds(text) {
+      return text.replace(/sekuntia?/, 'sekunnin');
+    }
+    function futureMinutes(text) {
+      return text.replace(/minuuttia?/, 'minuutin');
+    }
+    function futureHours(text) {
+      return text.replace(/tuntia?/, 'tunnin');
+    }
+    function futureDays(text) {
+      return text.replace(/päivää?/, 'päivän');
+    }
+    function futureWeeks(text) {
+      return text.replace(/(viikko|viikkoa)/, 'viikon');
+    }
+    function futureMonths(text) {
+      return text.replace(/(kuukausi|kuukautta)/, 'kuukauden');
+    }
+    function futureYears(text) {
+      return text.replace(/(vuosi|vuotta)/, 'vuoden');
+    }
+    var formatDistanceLocale = {
+      lessThanXSeconds: {
+        one: 'alle sekunti',
+        other: 'alle {{count}} sekuntia',
+        futureTense: futureSeconds
+      },
+      xSeconds: {
+        one: 'sekunti',
+        other: '{{count}} sekuntia',
+        futureTense: futureSeconds
+      },
+      halfAMinute: {
+        one: 'puoli minuuttia',
+        other: 'puoli minuuttia',
+        futureTense: function futureTense(_text) {
+          return 'puolen minuutin';
+        }
+      },
+      lessThanXMinutes: {
+        one: 'alle minuutti',
+        other: 'alle {{count}} minuuttia',
+        futureTense: futureMinutes
+      },
+      xMinutes: {
+        one: 'minuutti',
+        other: '{{count}} minuuttia',
+        futureTense: futureMinutes
+      },
+      aboutXHours: {
+        one: 'noin tunti',
+        other: 'noin {{count}} tuntia',
+        futureTense: futureHours
+      },
+      xHours: {
+        one: 'tunti',
+        other: '{{count}} tuntia',
+        futureTense: futureHours
+      },
+      xDays: {
+        one: 'päivä',
+        other: '{{count}} päivää',
+        futureTense: futureDays
+      },
+      aboutXWeeks: {
+        one: 'noin viikko',
+        other: 'noin {{count}} viikkoa',
+        futureTense: futureWeeks
+      },
+      xWeeks: {
+        one: 'viikko',
+        other: '{{count}} viikkoa',
+        futureTense: futureWeeks
+      },
+      aboutXMonths: {
+        one: 'noin kuukausi',
+        other: 'noin {{count}} kuukautta',
+        futureTense: futureMonths
+      },
+      xMonths: {
+        one: 'kuukausi',
+        other: '{{count}} kuukautta',
+        futureTense: futureMonths
+      },
+      aboutXYears: {
+        one: 'noin vuosi',
+        other: 'noin {{count}} vuotta',
+        futureTense: futureYears
+      },
+      xYears: {
+        one: 'vuosi',
+        other: '{{count}} vuotta',
+        futureTense: futureYears
+      },
+      overXYears: {
+        one: 'yli vuosi',
+        other: 'yli {{count}} vuotta',
+        futureTense: futureYears
+      },
+      almostXYears: {
+        one: 'lähes vuosi',
+        other: 'lähes {{count}} vuotta',
+        futureTense: futureYears
+      }
+    };
+    var formatDistance = function formatDistance(token, count, options) {
+      var tokenValue = formatDistanceLocale[token];
+      var result = count === 1 ? tokenValue.one : tokenValue.other.replace('{{count}}', String(count));
+      if (options !== null && options !== void 0 && options.addSuffix) {
+        if (options.comparison && options.comparison > 0) {
+          return tokenValue.futureTense(result) + ' kuluttua';
+        } else {
+          return result + ' sitten';
+        }
+      }
+      return result;
+    };
+    var formatDistance$1 = formatDistance;
+
+    var dateFormats = {
+      full: 'eeee d. MMMM y',
+      long: 'd. MMMM y',
+      medium: 'd. MMM y',
+      short: 'd.M.y'
+    };
+    var timeFormats = {
+      full: 'HH.mm.ss zzzz',
+      long: 'HH.mm.ss z',
+      medium: 'HH.mm.ss',
+      short: 'HH.mm'
+    };
+    var dateTimeFormats = {
+      full: "{{date}} 'klo' {{time}}",
+      long: "{{date}} 'klo' {{time}}",
+      medium: '{{date}} {{time}}',
+      short: '{{date}} {{time}}'
+    };
+    var formatLong = {
+      date: buildFormatLongFn({
+        formats: dateFormats,
+        defaultWidth: 'full'
+      }),
+      time: buildFormatLongFn({
+        formats: timeFormats,
+        defaultWidth: 'full'
+      }),
+      dateTime: buildFormatLongFn({
+        formats: dateTimeFormats,
+        defaultWidth: 'full'
+      })
+    };
+    var formatLong$1 = formatLong;
+
+    var formatRelativeLocale = {
+      lastWeek: "'viime' eeee 'klo' p",
+      yesterday: "'eilen klo' p",
+      today: "'tänään klo' p",
+      tomorrow: "'huomenna klo' p",
+      nextWeek: "'ensi' eeee 'klo' p",
+      other: 'P'
+    };
+    var formatRelative = function formatRelative(token, _date, _baseDate, _options) {
+      return formatRelativeLocale[token];
+    };
+    var formatRelative$1 = formatRelative;
+
+    var eraValues = {
+      narrow: ['eaa.', 'jaa.'],
+      abbreviated: ['eaa.', 'jaa.'],
+      wide: ['ennen ajanlaskun alkua', 'jälkeen ajanlaskun alun']
+    };
+    var quarterValues = {
+      narrow: ['1', '2', '3', '4'],
+      abbreviated: ['Q1', 'Q2', 'Q3', 'Q4'],
+      wide: ['1. kvartaali', '2. kvartaali', '3. kvartaali', '4. kvartaali']
+    };
+    var monthValues = {
+      narrow: ['T', 'H', 'M', 'H', 'T', 'K', 'H', 'E', 'S', 'L', 'M', 'J'],
+      abbreviated: ['tammi', 'helmi', 'maalis', 'huhti', 'touko', 'kesä', 'heinä', 'elo', 'syys', 'loka', 'marras', 'joulu'],
+      wide: ['tammikuu', 'helmikuu', 'maaliskuu', 'huhtikuu', 'toukokuu', 'kesäkuu', 'heinäkuu', 'elokuu', 'syyskuu', 'lokakuu', 'marraskuu', 'joulukuu']
+    };
+    var formattingMonthValues = {
+      narrow: monthValues.narrow,
+      abbreviated: monthValues.abbreviated,
+      wide: ['tammikuuta', 'helmikuuta', 'maaliskuuta', 'huhtikuuta', 'toukokuuta', 'kesäkuuta', 'heinäkuuta', 'elokuuta', 'syyskuuta', 'lokakuuta', 'marraskuuta', 'joulukuuta']
+    };
+    var dayValues = {
+      narrow: ['S', 'M', 'T', 'K', 'T', 'P', 'L'],
+      short: ['su', 'ma', 'ti', 'ke', 'to', 'pe', 'la'],
+      abbreviated: ['sunn.', 'maan.', 'tiis.', 'kesk.', 'torst.', 'perj.', 'la'],
+      wide: ['sunnuntai', 'maanantai', 'tiistai', 'keskiviikko', 'torstai', 'perjantai', 'lauantai']
+    };
+    var formattingDayValues = {
+      narrow: dayValues.narrow,
+      short: dayValues.short,
+      abbreviated: dayValues.abbreviated,
+      wide: ['sunnuntaina', 'maanantaina', 'tiistaina', 'keskiviikkona', 'torstaina', 'perjantaina', 'lauantaina']
+    };
+    var dayPeriodValues = {
+      narrow: {
+        am: 'ap',
+        pm: 'ip',
+        midnight: 'keskiyö',
+        noon: 'keskipäivä',
+        morning: 'ap',
+        afternoon: 'ip',
+        evening: 'illalla',
+        night: 'yöllä'
+      },
+      abbreviated: {
+        am: 'ap',
+        pm: 'ip',
+        midnight: 'keskiyö',
+        noon: 'keskipäivä',
+        morning: 'ap',
+        afternoon: 'ip',
+        evening: 'illalla',
+        night: 'yöllä'
+      },
+      wide: {
+        am: 'ap',
+        pm: 'ip',
+        midnight: 'keskiyöllä',
+        noon: 'keskipäivällä',
+        morning: 'aamupäivällä',
+        afternoon: 'iltapäivällä',
+        evening: 'illalla',
+        night: 'yöllä'
+      }
+    };
+    var ordinalNumber = function ordinalNumber(dirtyNumber, _options) {
+      var number = Number(dirtyNumber);
+      return number + '.';
+    };
+    var localize = {
+      ordinalNumber: ordinalNumber,
+      era: buildLocalizeFn({
+        values: eraValues,
+        defaultWidth: 'wide'
+      }),
+      quarter: buildLocalizeFn({
+        values: quarterValues,
+        defaultWidth: 'wide',
+        argumentCallback: function argumentCallback(quarter) {
+          return quarter - 1;
+        }
+      }),
+      month: buildLocalizeFn({
+        values: monthValues,
+        defaultWidth: 'wide',
+        formattingValues: formattingMonthValues,
+        defaultFormattingWidth: 'wide'
+      }),
+      day: buildLocalizeFn({
+        values: dayValues,
+        defaultWidth: 'wide',
+        formattingValues: formattingDayValues,
+        defaultFormattingWidth: 'wide'
+      }),
+      dayPeriod: buildLocalizeFn({
+        values: dayPeriodValues,
+        defaultWidth: 'wide'
+      })
+    };
+    var localize$1 = localize;
+
+    var matchOrdinalNumberPattern = /^(\d+)(\.)/i;
+    var parseOrdinalNumberPattern = /\d+/i;
+    var matchEraPatterns = {
+      narrow: /^(e|j)/i,
+      abbreviated: /^(eaa.|jaa.)/i,
+      wide: /^(ennen ajanlaskun alkua|jälkeen ajanlaskun alun)/i
+    };
+    var parseEraPatterns = {
+      any: [/^e/i, /^j/i]
+    };
+    var matchQuarterPatterns = {
+      narrow: /^[1234]/i,
+      abbreviated: /^q[1234]/i,
+      wide: /^[1234]\.? kvartaali/i
+    };
+    var parseQuarterPatterns = {
+      any: [/1/i, /2/i, /3/i, /4/i]
+    };
+    var matchMonthPatterns = {
+      narrow: /^[thmkeslj]/i,
+      abbreviated: /^(tammi|helmi|maalis|huhti|touko|kesä|heinä|elo|syys|loka|marras|joulu)/i,
+      wide: /^(tammikuu|helmikuu|maaliskuu|huhtikuu|toukokuu|kesäkuu|heinäkuu|elokuu|syyskuu|lokakuu|marraskuu|joulukuu)(ta)?/i
+    };
+    var parseMonthPatterns = {
+      narrow: [/^t/i, /^h/i, /^m/i, /^h/i, /^t/i, /^k/i, /^h/i, /^e/i, /^s/i, /^l/i, /^m/i, /^j/i],
+      any: [/^ta/i, /^hel/i, /^maa/i, /^hu/i, /^to/i, /^k/i, /^hei/i, /^e/i, /^s/i, /^l/i, /^mar/i, /^j/i]
+    };
+    var matchDayPatterns = {
+      narrow: /^[smtkpl]/i,
+      short: /^(su|ma|ti|ke|to|pe|la)/i,
+      abbreviated: /^(sunn.|maan.|tiis.|kesk.|torst.|perj.|la)/i,
+      wide: /^(sunnuntai|maanantai|tiistai|keskiviikko|torstai|perjantai|lauantai)(na)?/i
+    };
+    var parseDayPatterns = {
+      narrow: [/^s/i, /^m/i, /^t/i, /^k/i, /^t/i, /^p/i, /^l/i],
+      any: [/^s/i, /^m/i, /^ti/i, /^k/i, /^to/i, /^p/i, /^l/i]
+    };
+    var matchDayPeriodPatterns = {
+      narrow: /^(ap|ip|keskiyö|keskipäivä|aamupäivällä|iltapäivällä|illalla|yöllä)/i,
+      any: /^(ap|ip|keskiyöllä|keskipäivällä|aamupäivällä|iltapäivällä|illalla|yöllä)/i
+    };
+    var parseDayPeriodPatterns = {
+      any: {
+        am: /^ap/i,
+        pm: /^ip/i,
+        midnight: /^keskiyö/i,
+        noon: /^keskipäivä/i,
+        morning: /aamupäivällä/i,
+        afternoon: /iltapäivällä/i,
+        evening: /illalla/i,
+        night: /yöllä/i
+      }
+    };
+    var match = {
+      ordinalNumber: buildMatchPatternFn({
+        matchPattern: matchOrdinalNumberPattern,
+        parsePattern: parseOrdinalNumberPattern,
+        valueCallback: function valueCallback(value) {
+          return parseInt(value, 10);
+        }
+      }),
+      era: buildMatchFn({
+        matchPatterns: matchEraPatterns,
+        defaultMatchWidth: 'wide',
+        parsePatterns: parseEraPatterns,
+        defaultParseWidth: 'any'
+      }),
+      quarter: buildMatchFn({
+        matchPatterns: matchQuarterPatterns,
+        defaultMatchWidth: 'wide',
+        parsePatterns: parseQuarterPatterns,
+        defaultParseWidth: 'any',
+        valueCallback: function valueCallback(index) {
+          return index + 1;
+        }
+      }),
+      month: buildMatchFn({
+        matchPatterns: matchMonthPatterns,
+        defaultMatchWidth: 'wide',
+        parsePatterns: parseMonthPatterns,
+        defaultParseWidth: 'any'
+      }),
+      day: buildMatchFn({
+        matchPatterns: matchDayPatterns,
+        defaultMatchWidth: 'wide',
+        parsePatterns: parseDayPatterns,
+        defaultParseWidth: 'any'
+      }),
+      dayPeriod: buildMatchFn({
+        matchPatterns: matchDayPeriodPatterns,
+        defaultMatchWidth: 'any',
+        parsePatterns: parseDayPeriodPatterns,
+        defaultParseWidth: 'any'
+      })
+    };
+    var match$1 = match;
+
+    /**
+     * @type {Locale}
+     * @category Locales
+     * @summary Finnish locale.
+     * @language Finnish
+     * @iso-639-2 fin
+     * @author Pyry-Samuli Lahti [@Pyppe]{@link https://github.com/Pyppe}
+     * @author Edo Rivai [@mikolajgrzyb]{@link https://github.com/mikolajgrzyb}
+     * @author Samu Juvonen [@sjuvonen]{@link https://github.com/sjuvonen}
+     */
+    var locale = {
+      code: 'fi',
+      formatDistance: formatDistance$1,
+      formatLong: formatLong$1,
+      formatRelative: formatRelative$1,
+      localize: localize$1,
+      match: match$1,
+      options: {
+        weekStartsOn: 1 /* Monday */,
+        firstWeekContainsDate: 4
+      }
+    };
+    var fi = locale;
+
     /******************************************************************************
     Copyright (c) Microsoft Corporation.
 
@@ -10677,7 +11068,7 @@
 
     var Calendar = React__default.forwardRef(function (_a, ref) {
         var _b;
-        var calendarRange = _a.calendarRange, setCalendarRange = _a.setCalendarRange, calendarOffset = _a.calendarOffset, selectedPath = _a.selectedPath;
+        var calendarRange = _a.calendarRange, setCalendarRange = _a.setCalendarRange, calendarOffset = _a.calendarOffset, selectedPath = _a.selectedPath, locale = _a.locale;
         var isTablet = reactResponsiveExports.useMediaQuery({ maxWidth: 960 });
         React__default.useEffect(function () {
             if (!calendarRange)
@@ -10694,11 +11085,11 @@
         var selectedStartDate = calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from;
         return (React__default.createElement("div", { className: "will-filter-bar-calendar", ref: ref },
             React__default.createElement("div", { className: "will-calendar-filter-container" },
-                React__default.createElement(DayPicker, { id: "will-calendar", mode: "range", numberOfMonths: !isTablet ? 2 : 1, weekStartsOn: 1, selected: calendarRange, onSelect: setCalendarRange, modifiersClassNames: {
+                React__default.createElement(DayPicker, { id: "will-calendar", mode: "range", locale: locale === 'en' ? enUS : fi, numberOfMonths: !isTablet ? 2 : 1, weekStartsOn: 1, selected: calendarRange, onSelect: setCalendarRange, modifiersClassNames: {
                         today: 'my-today',
                     }, modifiersStyles: {
                         disabled: { opacity: '0.2' },
-                    }, captionLayout: "dropdown-buttons", defaultMonth: selectedStartDate || today, disabled: disabledDays, fromMonth: today }))));
+                    }, captionLayout: "dropdown-buttons", defaultMonth: selectedStartDate || disabledDays[0].from, disabled: disabledDays, fromMonth: today }))));
     });
 
     var css_248z$2 = ".will-filter-bar-divider {\n  width: 1px;\n  margin: 0 10px;\n  background-color: #384265;\n}\n\n@media (max-width: 960px) {\n  .will-filter-bar-divider {\n    width: auto;\n    margin: 0 10px;\n    height: 1px;\n    background-color: #384265;\n  }\n}";
@@ -10768,7 +11159,14 @@
         //----/----
         // Parsed data for filter section description
         var parsedDates = parseDates({ calendarRange: calendarRange });
-        var parsedGuests = parseGuests({ ageCategoryCounts: ageCategoryCounts, ageCategories: ageCategories });
+        var parsedGuests = parseGuests({
+            ageCategoryCounts: ageCategoryCounts,
+            ageCategories: ageCategories,
+            guestsPlaceholder: t('guests.labelPlaceholder'),
+            guestLabel: t('guests.guestLabel'),
+            guestsLabel: t('guests.guestsLabel'),
+        });
+        console.log(parsedGuests);
         return (React__default.createElement("div", { className: "will-root ".concat(fullWidth ? 'is-full-width' : ''), style: themePalette },
             !currentViewApply && (React__default.createElement("div", { className: "will-filter-bar-tabs", ref: !currentViewApply ? targetFilterBarRef : null },
                 React__default.createElement(TabButton, { label: t('tabs.events'), onClick: function () {
@@ -10782,16 +11180,14 @@
                         ? parsedDates
                         : selectedPath === Pages.ROOMS
                             ? t('calendar.roomsLabelPlaceholder')
-                            : t('calendar.eventsLabelPlaceholder'), onClick: function () { return handleSelectedFilter(FilterSections.CALENDAR); }, active: selectedFilter === FilterSections.CALENDAR }),
+                            : t('calendar.eventsLabelPlaceholder'), onClick: function () { return handleSelectedFilter(FilterSections.CALENDAR); }, active: !!parsedDates }),
                 selectedPath === Pages.ROOMS && (React__default.createElement(React__default.Fragment, null,
                     React__default.createElement(Divider, null),
-                    React__default.createElement(SelectButton, { label: t('guests.label'), description: parsedGuests
-                            ? t('guests.guestsLabel') + parsedGuests
-                            : t('guests.labelPlaceholder'), onClick: function () { return handleSelectedFilter(FilterSections.GUESTS); }, active: selectedFilter === FilterSections.GUESTS }))),
+                    React__default.createElement(SelectButton, { label: t('guests.label'), description: parsedGuests.content, onClick: function () { return handleSelectedFilter(FilterSections.GUESTS); }, active: !!parsedGuests.data.total }))),
                 React__default.createElement(SubmitButton, { onClick: handleSubmit })),
             selectedFilter && (React__default.createElement("div", { className: "will-filter-bar-container", style: currentViewApply && !isMobile ? { top: 66 } : {} },
                 React__default.createElement(CloseButton, { handleClose: function () { return handleSelectedFilter(false); } }),
-                selectedFilter === FilterSections.CALENDAR && (React__default.createElement(Calendar, { calendarRange: calendarRange, setCalendarRange: setCalendarRange, ref: filtersRef, calendarOffset: calendarOffset, selectedPath: selectedPath })),
+                selectedFilter === FilterSections.CALENDAR && (React__default.createElement(Calendar, { calendarRange: calendarRange, setCalendarRange: setCalendarRange, ref: filtersRef, calendarOffset: calendarOffset, selectedPath: selectedPath, locale: language })),
                 selectedFilter === FilterSections.GUESTS && (React__default.createElement(Guests, { updateGuestsCount: updateGuestsCount, ageCategories: ageCategories, ageCategoryCounts: ageCategoryCounts, ref: filtersRef })),
                 selectedFilter === FilterSections.CATEGORIES && (React__default.createElement(Categories, { categories: categories, setCategories: setCategories }))))));
     }