willba-component-library 0.1.60 → 0.1.61

package/lib/index.esm.js

@@ -2484,7 +2484,7 @@ function throwProtectedError(token, format, input) {
   }
 }
 
-var formatDistanceLocale = {
+var formatDistanceLocale$1 = {
   lessThanXSeconds: {
     one: 'less than a second',
     other: 'less than {{count}} seconds'
@@ -2547,9 +2547,9 @@ var formatDistanceLocale = {
     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) {
@@ -2566,7 +2566,7 @@ var formatDistance = function formatDistance(token, count, options) {
   }
   return result;
 };
-var formatDistance$1 = formatDistance;
+var formatDistance$3 = formatDistance$2;
 
 function buildFormatLongFn(args) {
   return function () {
@@ -2578,41 +2578,41 @@ function buildFormatLongFn(args) {
   };
 }
 
-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",
@@ -2620,10 +2620,10 @@ var formatRelativeLocale = {
   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) {
@@ -2644,12 +2644,12 @@ function buildLocalizeFn(args) {
   };
 }
 
-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']
@@ -2659,18 +2659,18 @@ var quarterValues = {
 // 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',
@@ -2734,7 +2734,7 @@ var formattingDayPeriodValues = {
     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,
@@ -2757,35 +2757,35 @@ var ordinalNumber = function ordinalNumber(dirtyNumber, _options) {
   }
   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) {
@@ -2848,48 +2848,48 @@ function buildMatchPatternFn(args) {
   };
 }
 
-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,
@@ -2901,49 +2901,49 @@ var parseDayPeriodPatterns = {
     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}
@@ -2954,19 +2954,19 @@ var match$1 = match;
  * @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`)
@@ -3899,7 +3899,7 @@ var parseDates = function (_a) {
 };
 
 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];
@@ -3907,16 +3907,18 @@ var parseGuests = function (_a) {
         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;
@@ -6417,7 +6419,8 @@ var guests$1 = {
 	title: "Who's coming?",
 	adultsLabel: "Adults",
 	kidsLabel: "kids",
-	guestsLabel: "Guests"
+	guestsLabel: "guests",
+	guestLabel: "guest"
 };
 var categories$1 = {
 	label: "Categories",
@@ -6452,7 +6455,8 @@ var guests = {
 	title: "Ketkä ovat tulossa?",
 	adultsLabel: "Aikuiset",
 	kidsLabel: "lapset",
-	guestsLabel: "Vieraita"
+	guestsLabel: "vierasta",
+	guestLabel: "vieras"
 };
 var categories = {
 	label: "Kategoriat",
@@ -6601,7 +6605,7 @@ var CloseButton = function (_a) {
         React__default__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) {
@@ -6609,7 +6613,7 @@ var SelectButton = function (_a) {
     return (React__default__default.createElement("button", { className: "will-filter-bar-select-button", onClick: onClick },
         React__default__default.createElement("span", { className: "select-button-wrapper" },
             React__default__default.createElement("div", null,
-                React__default__default.createElement("p", { className: "select-button-label ".concat(active ? 'active' : '') }, label),
+                React__default__default.createElement("p", { className: "select-button-label" }, label),
                 React__default__default.createElement("p", { className: "select-button-description ".concat(active ? 'active' : ''), dangerouslySetInnerHTML: { __html: description } })))));
 };
 
@@ -6679,6 +6683,393 @@ var Guests = forwardRef(function (_a, ref) {
         React__default__default.createElement("div", { className: "will-guests-filter-container" }, ageCategories === null || ageCategories === void 0 ? void 0 : ageCategories.map(function (category) { return (React__default__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.
 
@@ -10655,7 +11046,7 @@ styleInject(css_248z$3);
 
 var Calendar = 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 });
     useEffect(function () {
         if (!calendarRange)
@@ -10672,11 +11063,11 @@ var Calendar = forwardRef(function (_a, ref) {
     var selectedStartDate = calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from;
     return (React__default__default.createElement("div", { className: "will-filter-bar-calendar", ref: ref },
         React__default__default.createElement("div", { className: "will-calendar-filter-container" },
-            React__default__default.createElement(DayPicker, { id: "will-calendar", mode: "range", numberOfMonths: !isTablet ? 2 : 1, weekStartsOn: 1, selected: calendarRange, onSelect: setCalendarRange, modifiersClassNames: {
+            React__default__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}";
@@ -10746,7 +11137,14 @@ function FilterBar(_a) {
     //----/----
     // 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__default.createElement("div", { className: "will-root ".concat(fullWidth ? 'is-full-width' : ''), style: themePalette },
         !currentViewApply && (React__default__default.createElement("div", { className: "will-filter-bar-tabs", ref: !currentViewApply ? targetFilterBarRef : null },
             React__default__default.createElement(TabButton, { label: t('tabs.events'), onClick: function () {
@@ -10760,16 +11158,14 @@ function FilterBar(_a) {
                     ? 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__default.createElement(React__default__default.Fragment, null,
                 React__default__default.createElement(Divider, null),
-                React__default__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__default.createElement(SelectButton, { label: t('guests.label'), description: parsedGuests.content, onClick: function () { return handleSelectedFilter(FilterSections.GUESTS); }, active: !!parsedGuests.data.total }))),
             React__default__default.createElement(SubmitButton, { onClick: handleSubmit })),
         selectedFilter && (React__default__default.createElement("div", { className: "will-filter-bar-container", style: currentViewApply && !isMobile ? { top: 66 } : {} },
             React__default__default.createElement(CloseButton, { handleClose: function () { return handleSelectedFilter(false); } }),
-            selectedFilter === FilterSections.CALENDAR && (React__default__default.createElement(Calendar, { calendarRange: calendarRange, setCalendarRange: setCalendarRange, ref: filtersRef, calendarOffset: calendarOffset, selectedPath: selectedPath })),
+            selectedFilter === FilterSections.CALENDAR && (React__default__default.createElement(Calendar, { calendarRange: calendarRange, setCalendarRange: setCalendarRange, ref: filtersRef, calendarOffset: calendarOffset, selectedPath: selectedPath, locale: language })),
             selectedFilter === FilterSections.GUESTS && (React__default__default.createElement(Guests, { updateGuestsCount: updateGuestsCount, ageCategories: ageCategories, ageCategoryCounts: ageCategoryCounts, ref: filtersRef })),
             selectedFilter === FilterSections.CATEGORIES && (React__default__default.createElement(Categories, { categories: categories, setCategories: setCategories }))))));
 }