@bethinkpl/design-system 34.0.7 → 34.0.8

package/dist/node_modules/reka-ui/dist/shared/useStateMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStateMachine.js","sources":["../../../../../node_modules/reka-ui/dist/shared/useStateMachine.js"],"sourcesContent":["import { ref } from \"vue\";\n\n//#region src/shared/useStateMachine.ts\n/**\n* The `useStateMachine` function is a TypeScript function that creates a state machine and returns the\n* current state and a dispatch function to update the state based on events.\n* @param initialState - The `initialState` parameter is the initial state of the state machine. It\n* represents the starting point of the state machine's state.\n* @param machine - The `machine` parameter is an object that represents a state machine. It should\n* have keys that correspond to the possible states of the machine, and the values should be objects\n* that represent the possible events and their corresponding next states.\n* @returns The `useStateMachine` function returns an object with two properties: `state` and\n* `dispatch`.\n*/\nfunction useStateMachine(initialState, machine) {\n\tconst state = ref(initialState);\n\tfunction reducer(event) {\n\t\tconst nextState = machine[state.value][event];\n\t\treturn nextState ?? state.value;\n\t}\n\tconst dispatch = (event) => {\n\t\tstate.value = reducer(event);\n\t};\n\treturn {\n\t\tstate,\n\t\tdispatch\n\t};\n}\n\n//#endregion\nexport { useStateMachine };\n//# sourceMappingURL=useStateMachine.js.map"],"names":["useStateMachine","initialState","machine","state","ref","reducer","event","nextState"],"mappings":";AAcA,SAASA,EAAgBC,GAAcC,GAAS;AAC/C,QAAMC,IAAQC,EAAIH,CAAY;AAC9B,WAASI,EAAQC,GAAO;AACvB,UAAMC,IAAYL,EAAQC,EAAM,KAAK,EAAEG,CAAK;AAC5C,WAAOC,KAAA,OAAAA,IAAaJ,EAAM;AAAA,EAC3B;AAIA,SAAO;AAAA,IACN,OAAAA;AAAA,IACA,UALgB,CAACG,MAAU;AAC3B,MAAAH,EAAM,QAAQE,EAAQC,CAAK;AAAA,IAC5B;AAAA,EAID;AACA;","x_google_ignoreList":[0]}

package/dist/node_modules/vue-popperjs/dist/vue-popper.min.js

@@ -0,0 +1,96 @@
+import u from "../../popper.js/dist/esm/popper.js";
+import { createBlock as h, openBlock as d, resolveDynamicComponent as f, normalizeClass as i, withCtx as p, createVNode as m, createElementVNode as a, Transition as v, withDirectives as w, renderSlot as l, createTextVNode as y, toDisplayString as O, vShow as S } from "vue";
+function r(e, t, o) {
+  e && t && o && (document.addEventListener ? e.addEventListener(t, o, !1) : e.attachEvent("on" + t, o));
+}
+function s(e, t, o) {
+  e && t && (document.removeEventListener ? e.removeEventListener(t, o, !1) : e.detachEvent("on" + t, o));
+}
+var g = { props: { tagName: { type: String, default: "span" }, trigger: { type: String, default: "hover", validator: function(e) {
+  return ["clickToOpen", "click", "clickToToggle", "hover", "focus"].indexOf(e) > -1;
+} }, delayOnMouseOver: { type: Number, default: 10 }, delayOnMouseOut: { type: Number, default: 10 }, disabled: { type: Boolean, default: !1 }, content: String, enterActiveClass: String, leaveActiveClass: String, boundariesSelector: String, reference: {}, forceShow: { type: Boolean, default: !1 }, dataValue: { default: null }, appendToBody: { type: Boolean, default: !1 }, visibleArrow: { type: Boolean, default: !0 }, transition: { type: String, default: "" }, stopPropagation: { type: Boolean, default: !1 }, preventDefault: { type: Boolean, default: !1 }, options: { type: Object, default: function() {
+  return {};
+} }, rootClass: { type: String, default: "" } }, data: function() {
+  return { referenceElm: null, popperJS: null, showPopper: !1, currentPlacement: "", popperOptions: { placement: "bottom", computeStyle: { gpuAcceleration: !1 } } };
+}, watch: { showPopper: function(e) {
+  e ? (this.$emit("show", this), this.popperJS && this.popperJS.enableEventListeners(), this.updatePopper()) : (this.popperJS && this.popperJS.disableEventListeners(), this.$emit("hide", this));
+}, forceShow: { handler: function(e) {
+  this[e ? "doShow" : "doClose"]();
+}, immediate: !0 }, disabled: function(e) {
+  e && (this.showPopper = !1);
+} }, created: function() {
+  this.appendedArrow = !1, this.appendedToBody = !1, this.popperOptions = Object.assign(this.popperOptions, this.options);
+}, mounted: function() {
+  switch (this.referenceElm = this.$refs.wrapper.children[0], this.popper = this.$refs.popper.children[0], this.trigger) {
+    case "clickToOpen":
+      r(this.referenceElm, "click", this.doShow), r(document, "click", this.handleDocumentClick), r(document, "touchstart", this.handleDocumentClick);
+      break;
+    case "click":
+    case "clickToToggle":
+      r(this.referenceElm, "click", this.doToggle), r(document, "click", this.handleDocumentClick), r(document, "touchstart", this.handleDocumentClick);
+      break;
+    case "hover":
+      r(this.referenceElm, "mouseover", this.onMouseOver), r(this.popper, "mouseover", this.onMouseOver), r(this.referenceElm, "mouseout", this.onMouseOut), r(this.popper, "mouseout", this.onMouseOut);
+      break;
+    case "focus":
+      r(this.referenceElm, "focus", this.onMouseOver), r(this.popper, "focus", this.onMouseOver), r(this.referenceElm, "blur", this.onMouseOut), r(this.popper, "blur", this.onMouseOut);
+  }
+}, methods: { doToggle: function(e) {
+  this.stopPropagation && e.stopPropagation(), this.preventDefault && e.preventDefault(), this.forceShow || (this.showPopper = !this.showPopper);
+}, doShow: function() {
+  this.showPopper = !0;
+}, doClose: function() {
+  this.showPopper = !1;
+}, doDestroy: function() {
+  this.showPopper || (this.popperJS && (this.popperJS.destroy(), this.popperJS = null), this.appendedToBody && (this.appendedToBody = !1, document.body.removeChild(this.popper.parentElement)));
+}, createPopper: function() {
+  var e = this;
+  this.$nextTick((function() {
+    if (e.visibleArrow && e.appendArrow(e.popper), e.appendToBody && !e.appendedToBody && (e.appendedToBody = !0, document.body.appendChild(e.popper.parentElement)), e.popperJS && e.popperJS.destroy && e.popperJS.destroy(), e.boundariesSelector) {
+      var t = document.querySelector(e.boundariesSelector);
+      t && (e.popperOptions.modifiers = Object.assign({}, e.popperOptions.modifiers), e.popperOptions.modifiers.preventOverflow = Object.assign({}, e.popperOptions.modifiers.preventOverflow), e.popperOptions.modifiers.preventOverflow.boundariesElement = t);
+    }
+    e.popperOptions.onCreate = function() {
+      e.$emit("created", e), e.$nextTick(e.updatePopper);
+    }, e.popperJS = new u(e.referenceElm, e.popper, e.popperOptions);
+  }));
+}, destroyPopper: function() {
+  s(this.referenceElm, "click", this.doToggle), s(this.referenceElm, "mouseup", this.doClose), s(this.referenceElm, "mousedown", this.doShow), s(this.referenceElm, "focus", this.doShow), s(this.referenceElm, "blur", this.doClose), s(this.referenceElm, "mouseout", this.onMouseOut), s(this.referenceElm, "mouseover", this.onMouseOver), s(document, "click", this.handleDocumentClick), this.showPopper = !1, this.doDestroy();
+}, appendArrow: function(e) {
+  if (!this.appendedArrow) {
+    this.appendedArrow = !0;
+    var t = document.createElement("div");
+    t.setAttribute("x-arrow", ""), t.className = "popper__arrow", e.appendChild(t);
+  }
+}, updatePopper: function() {
+  this.popperJS ? this.popperJS.scheduleUpdate() : this.createPopper();
+}, onMouseOver: function() {
+  var e = this;
+  clearTimeout(this._timer), this._timer = setTimeout((function() {
+    e.showPopper = !0;
+  }), this.delayOnMouseOver);
+}, onMouseOut: function() {
+  var e = this;
+  clearTimeout(this._timer), this._timer = setTimeout((function() {
+    e.showPopper = !1;
+  }), this.delayOnMouseOut);
+}, handleDocumentClick: function(e) {
+  this.$el && this.referenceElm && !this.elementContains(this.$el, e.target) && !this.elementContains(this.referenceElm, e.target) && this.popper && !this.elementContains(this.popper, e.target) && (this.$emit("documentClick", this), this.forceShow || (this.showPopper = !1));
+}, elementContains: function(e, t) {
+  return typeof e.contains == "function" && e.contains(t);
+} }, unmounted: function() {
+  this.destroyPopper();
+} }, E = { ref: "wrapper" };
+g.render = function(e, t, o, C, n, c) {
+  return d(), h(f(o.tagName), { class: i({ "popper-active": n.showPopper }) }, { default: p((function() {
+    return [m(v, { name: o.transition, "enter-active-class": o.enterActiveClass, "leave-active-class": o.leaveActiveClass, onAfterLeave: c.doDestroy }, { default: p((function() {
+      return [w(a("span", { ref: "popper", class: i(o.rootClass) }, [l(e.$slots, "default", {}, (function() {
+        return [y(O(o.content), 1)];
+      }))], 2), [[S, !o.disabled && n.showPopper]])];
+    })), _: 3 }, 8, ["name", "enter-active-class", "leave-active-class", "onAfterLeave"]), a("span", E, [l(e.$slots, "reference")], 512)];
+  })), _: 3 }, 8, ["class"]);
+};
+export {
+  g as default
+};
+//# sourceMappingURL=vue-popper.min.js.map

package/dist/node_modules/vue-popperjs/dist/vue-popper.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-popper.min.js","sources":["../../../../node_modules/vue-popperjs/dist/vue-popper.min.js"],"sourcesContent":["import e from\"popper.js\";import{openBlock as t,createBlock as o,resolveDynamicComponent as r,normalizeClass as n,withCtx as s,createVNode as i,Transition as p,withDirectives as a,createElementVNode as c,renderSlot as h,createTextVNode as l,toDisplayString as u,vShow as d}from\"vue\";function f(e,t,o){e&&t&&o&&(document.addEventListener?e.addEventListener(t,o,!1):e.attachEvent(\"on\"+t,o))}function m(e,t,o){e&&t&&(document.removeEventListener?e.removeEventListener(t,o,!1):e.detachEvent(\"on\"+t,o))}var v={props:{tagName:{type:String,default:\"span\"},trigger:{type:String,default:\"hover\",validator:function(e){return[\"clickToOpen\",\"click\",\"clickToToggle\",\"hover\",\"focus\"].indexOf(e)>-1}},delayOnMouseOver:{type:Number,default:10},delayOnMouseOut:{type:Number,default:10},disabled:{type:Boolean,default:!1},content:String,enterActiveClass:String,leaveActiveClass:String,boundariesSelector:String,reference:{},forceShow:{type:Boolean,default:!1},dataValue:{default:null},appendToBody:{type:Boolean,default:!1},visibleArrow:{type:Boolean,default:!0},transition:{type:String,default:\"\"},stopPropagation:{type:Boolean,default:!1},preventDefault:{type:Boolean,default:!1},options:{type:Object,default:function(){return{}}},rootClass:{type:String,default:\"\"}},data:function(){return{referenceElm:null,popperJS:null,showPopper:!1,currentPlacement:\"\",popperOptions:{placement:\"bottom\",computeStyle:{gpuAcceleration:!1}}}},watch:{showPopper:function(e){e?(this.$emit(\"show\",this),this.popperJS&&this.popperJS.enableEventListeners(),this.updatePopper()):(this.popperJS&&this.popperJS.disableEventListeners(),this.$emit(\"hide\",this))},forceShow:{handler:function(e){this[e?\"doShow\":\"doClose\"]()},immediate:!0},disabled:function(e){e&&(this.showPopper=!1)}},created:function(){this.appendedArrow=!1,this.appendedToBody=!1,this.popperOptions=Object.assign(this.popperOptions,this.options)},mounted:function(){switch(this.referenceElm=this.$refs.wrapper.children[0],this.popper=this.$refs.popper.children[0],this.trigger){case\"clickToOpen\":f(this.referenceElm,\"click\",this.doShow),f(document,\"click\",this.handleDocumentClick),f(document,\"touchstart\",this.handleDocumentClick);break;case\"click\":case\"clickToToggle\":f(this.referenceElm,\"click\",this.doToggle),f(document,\"click\",this.handleDocumentClick),f(document,\"touchstart\",this.handleDocumentClick);break;case\"hover\":f(this.referenceElm,\"mouseover\",this.onMouseOver),f(this.popper,\"mouseover\",this.onMouseOver),f(this.referenceElm,\"mouseout\",this.onMouseOut),f(this.popper,\"mouseout\",this.onMouseOut);break;case\"focus\":f(this.referenceElm,\"focus\",this.onMouseOver),f(this.popper,\"focus\",this.onMouseOver),f(this.referenceElm,\"blur\",this.onMouseOut),f(this.popper,\"blur\",this.onMouseOut)}},methods:{doToggle:function(e){this.stopPropagation&&e.stopPropagation(),this.preventDefault&&e.preventDefault(),this.forceShow||(this.showPopper=!this.showPopper)},doShow:function(){this.showPopper=!0},doClose:function(){this.showPopper=!1},doDestroy:function(){this.showPopper||(this.popperJS&&(this.popperJS.destroy(),this.popperJS=null),this.appendedToBody&&(this.appendedToBody=!1,document.body.removeChild(this.popper.parentElement)))},createPopper:function(){var t=this;this.$nextTick((function(){if(t.visibleArrow&&t.appendArrow(t.popper),t.appendToBody&&!t.appendedToBody&&(t.appendedToBody=!0,document.body.appendChild(t.popper.parentElement)),t.popperJS&&t.popperJS.destroy&&t.popperJS.destroy(),t.boundariesSelector){var o=document.querySelector(t.boundariesSelector);o&&(t.popperOptions.modifiers=Object.assign({},t.popperOptions.modifiers),t.popperOptions.modifiers.preventOverflow=Object.assign({},t.popperOptions.modifiers.preventOverflow),t.popperOptions.modifiers.preventOverflow.boundariesElement=o)}t.popperOptions.onCreate=function(){t.$emit(\"created\",t),t.$nextTick(t.updatePopper)},t.popperJS=new e(t.referenceElm,t.popper,t.popperOptions)}))},destroyPopper:function(){m(this.referenceElm,\"click\",this.doToggle),m(this.referenceElm,\"mouseup\",this.doClose),m(this.referenceElm,\"mousedown\",this.doShow),m(this.referenceElm,\"focus\",this.doShow),m(this.referenceElm,\"blur\",this.doClose),m(this.referenceElm,\"mouseout\",this.onMouseOut),m(this.referenceElm,\"mouseover\",this.onMouseOver),m(document,\"click\",this.handleDocumentClick),this.showPopper=!1,this.doDestroy()},appendArrow:function(e){if(!this.appendedArrow){this.appendedArrow=!0;var t=document.createElement(\"div\");t.setAttribute(\"x-arrow\",\"\"),t.className=\"popper__arrow\",e.appendChild(t)}},updatePopper:function(){this.popperJS?this.popperJS.scheduleUpdate():this.createPopper()},onMouseOver:function(){var e=this;clearTimeout(this._timer),this._timer=setTimeout((function(){e.showPopper=!0}),this.delayOnMouseOver)},onMouseOut:function(){var e=this;clearTimeout(this._timer),this._timer=setTimeout((function(){e.showPopper=!1}),this.delayOnMouseOut)},handleDocumentClick:function(e){this.$el&&this.referenceElm&&!this.elementContains(this.$el,e.target)&&!this.elementContains(this.referenceElm,e.target)&&this.popper&&!this.elementContains(this.popper,e.target)&&(this.$emit(\"documentClick\",this),this.forceShow||(this.showPopper=!1))},elementContains:function(e,t){return\"function\"==typeof e.contains&&e.contains(t)}},unmounted:function(){this.destroyPopper()}},w={ref:\"wrapper\"};v.render=function(e,f,m,v,O,y){return t(),o(r(m.tagName),{class:n({\"popper-active\":O.showPopper})},{default:s((function(){return[i(p,{name:m.transition,\"enter-active-class\":m.enterActiveClass,\"leave-active-class\":m.leaveActiveClass,onAfterLeave:y.doDestroy},{default:s((function(){return[a(c(\"span\",{ref:\"popper\",class:n(m.rootClass)},[h(e.$slots,\"default\",{},(function(){return[l(u(m.content),1)]}))],2),[[d,!m.disabled&&O.showPopper]])]})),_:3},8,[\"name\",\"enter-active-class\",\"leave-active-class\",\"onAfterLeave\"]),c(\"span\",w,[h(e.$slots,\"reference\")],512)]})),_:3},8,[\"class\"])};export{v as default};\n"],"names":["f","m","v","t","o","e","w","O","y","r","n","s","i","p","a","c","h","l","u","d"],"mappings":"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","x_google_ignoreList":[0]}

package/lib/js/components/DatePickers/DateBox/DateBox.vue

@@ -356,6 +356,7 @@ import {
 	localWeekdayName,
 } from '../../../../../tools/importers/helpers/dates';
 import { capitalizeFirstLetter } from '../../../../../tools/importers/helpers/modifiers';
+import { useLegacyI18n } from '../../../composables/useLegacyI18n';
 
 export default defineComponent({
 	name: 'DateBox',
@@ -369,7 +370,7 @@ export default defineComponent({
 		},
 		placeholder: {
 			type: String,
-			default: 'Ustaw',
+			default: null,
 		},
 		startDate: {
 			type: Date,
@@ -406,6 +407,10 @@ export default defineComponent({
 			default: false,
 		},
 	},
+	setup() {
+		const { locale, t } = useLegacyI18n();
+		return { locale, t };
+	},
 	data() {
 		return {
 			ICONS: Object.freeze(ICONS),
@@ -417,9 +422,9 @@ export default defineComponent({
 	computed: {
 		startDateText() {
 			if (this.startDate) {
-				return localMonthDayWithShortMonthDay(this.startDate);
+				return localMonthDayWithShortMonthDay(this.startDate, this.locale);
 			}
-			return this.placeholder;
+			return this.placeholder ?? this.t('ds.datePicker.set');
 		},
 		endDateIfDifferentThanStartDate() {
 			return this.startDate &&
@@ -429,19 +434,24 @@ export default defineComponent({
 				: null;
 		},
 		endDateText() {
-			return localMonthDayWithShortMonthDay(this.endDateIfDifferentThanStartDate);
+			return localMonthDayWithShortMonthDay(
+				this.endDateIfDifferentThanStartDate,
+				this.locale,
+			);
 		},
 		startDateEyebrowText() {
 			if (!this.startDate) {
 				return '';
 			}
-			return capitalizeFirstLetter(localWeekdayName(this.startDate));
+			return capitalizeFirstLetter(localWeekdayName(this.startDate, this.locale));
 		},
 		endDateEyebrowText() {
 			if (!this.endDateIfDifferentThanStartDate) {
 				return '';
 			}
-			return capitalizeFirstLetter(localWeekdayName(this.endDateIfDifferentThanStartDate));
+			return capitalizeFirstLetter(
+				localWeekdayName(this.endDateIfDifferentThanStartDate, this.locale),
+			);
 		},
 	},
 });

package/lib/js/components/DatePickers/DatePicker/DatePicker.composables.ts

@@ -3,9 +3,10 @@ import { FlatpickrFn, Instance as DatePickerInstance } from 'flatpickr/dist/type
 import { CustomLocale } from 'flatpickr/dist/types/locale';
 
 import { DatePickerCalendarPositions, FLATPICKR_POSITIONS } from './index';
+import { SUPPORTED_LOCALE, SupportedLocale } from '../../../i18n';
 
 let flatpickrFunction: FlatpickrFn | null = null;
-let locale: CustomLocale;
+const localeCache = new Map<string, CustomLocale>();
 
 export interface DatePickerComposablesProps {
 	disableDates: Array<Date>;
@@ -23,6 +24,7 @@ interface InitFlatpickrPrams {
 	onClose: () => void;
 	defaultDates: Date | Array<Date>;
 	mode: 'single' | 'range';
+	locale?: SupportedLocale;
 }
 
 interface InitFlatpickr {
@@ -44,6 +46,7 @@ export function initFlatpickr({
 	onClose,
 	defaultDates,
 	mode = 'single',
+	locale = SUPPORTED_LOCALE.pl,
 }: InitFlatpickrPrams): InitFlatpickr {
 	let datePicker: DatePickerInstance | null = null;
 	const isOpen = ref(false);
@@ -65,15 +68,29 @@ export function initFlatpickr({
 		if (!flatpickrFunction) {
 			try {
 				flatpickrFunction = (await import('flatpickr')).default;
-				locale = (await import('flatpickr/dist/l10n/pl')).Polish;
 			} catch (e) {
 				console.error('Failed to load flatpickr', e);
 				return;
 			}
 		}
+		let flatpickrLocale: CustomLocale | undefined;
+
+		if (locale === SUPPORTED_LOCALE.pl) {
+			if (!localeCache.has(SUPPORTED_LOCALE.pl)) {
+				try {
+					localeCache.set(
+						SUPPORTED_LOCALE.pl,
+						(await import('flatpickr/dist/l10n/pl')).Polish,
+					);
+				} catch (e) {
+					console.error('Failed to load flatpickr Polish locale', e);
+				}
+			}
+			flatpickrLocale = localeCache.get(SUPPORTED_LOCALE.pl);
+		}
 		datePicker = flatpickrFunction(flatpickrInputElement, {
 			mode,
-			locale,
+			locale: flatpickrLocale ?? SUPPORTED_LOCALE.en,
 			//disableMobile fixes mobile pickers on platform
 			disableMobile: true,
 			positionElement: datePickerElement,

package/lib/js/components/DatePickers/DatePicker/DatePicker.vue

@@ -42,7 +42,7 @@
 		<date-box
 			v-else
 			:is-interactive="isInteractive"
-			:placeholder="placeholder"
+			:placeholder="resolvedPlaceholder"
 			:start-date="date"
 			:start-icon="icon"
 			:are-icons-hidden-on-mobile="isIconHiddenOnMobile"
@@ -172,6 +172,7 @@ import {
 	DatePickerStates,
 	DatePickerTriggerTypes,
 } from './DatePicker.consts';
+import { useLegacyI18n } from '../../../composables/useLegacyI18n';
 
 export default defineComponent({
 	name: 'DatePicker',
@@ -190,7 +191,7 @@ export default defineComponent({
 		},
 		placeholder: {
 			type: String,
-			default: 'Wybierz datę',
+			default: null,
 		},
 		date: {
 			type: Date,
@@ -271,6 +272,8 @@ export default defineComponent({
 		const flatpickrInputRef = ref<HTMLInputElement>() as Ref<HTMLInputElement>;
 		const datePickerRef = ref<HTMLDivElement>() as Ref<HTMLDivElement>;
 
+		const { locale, t } = useLegacyI18n();
+
 		const onChange = (event: Array<Date>) => {
 			emit('update:date', event[0]);
 		};
@@ -292,6 +295,7 @@ export default defineComponent({
 			onClose,
 			defaultDates: props.date ?? new Date(),
 			mode: 'single',
+			locale: locale.value,
 		});
 
 		return {
@@ -302,6 +306,8 @@ export default defineComponent({
 			toggleDatePicker,
 			updateDatePicker,
 			createDatePicker,
+			locale,
+			t,
 			DATE_PICKER_CALENDAR_POSITIONS,
 			DATE_PICKER_COLORS,
 			DATE_PICKER_STATES,
@@ -327,17 +333,20 @@ export default defineComponent({
 					: TILE_BORDER_COLORS.WARNING_WEAK,
 			}[this.color];
 		},
+		resolvedPlaceholder() {
+			return this.placeholder ?? this.t('ds.datePicker.selectDate');
+		},
 		eyebrowText() {
 			if (!this.date) {
 				return '';
 			}
-			return capitalizeFirstLetter(localWeekdayName(this.date));
+			return capitalizeFirstLetter(localWeekdayName(this.date, this.locale));
 		},
 		text() {
 			if (!this.date) {
-				return this.placeholder;
+				return this.resolvedPlaceholder;
 			}
-			return localFullDateWithShortMonthName(this.date);
+			return localFullDateWithShortMonthName(this.date, this.locale);
 		},
 		tileIcon() {
 			if (this.additionalText) {

package/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue

@@ -2,7 +2,7 @@
 	<div ref="dateRangePickerRef" class="ds-dateRangePicker">
 		<date-box
 			:is-interactive="isInteractive"
-			:placeholder="placeholder"
+			:placeholder="resolvedPlaceholder"
 			:start-date="startDate"
 			:end-date="endDate"
 			:start-icon="startIcon"
@@ -62,6 +62,7 @@ import {
 	DatePickerStates,
 } from '../DatePicker';
 import { DatePickerComposablesProps, initFlatpickr } from '../DatePicker/DatePicker.composables';
+import { useLegacyI18n } from '../../../composables/useLegacyI18n';
 
 export default defineComponent({
 	name: 'DateRangePicker',
@@ -75,7 +76,7 @@ export default defineComponent({
 		},
 		placeholder: {
 			type: String,
-			default: 'Wybierz datę',
+			default: null,
 		},
 		startDate: {
 			type: Date,
@@ -147,6 +148,8 @@ export default defineComponent({
 		},
 		{ emit },
 	) {
+		const { locale, t } = useLegacyI18n();
+
 		const flatpickrInstance = ref<DatePickerInstance | null>(null);
 		const dateRangePickerRef = ref() as Ref<HTMLDivElement>;
 		const flatpickrInputRef = ref() as Ref<HTMLInputElement>;
@@ -175,6 +178,7 @@ export default defineComponent({
 			onClose,
 			defaultDates: [props.startDate, props.endDate],
 			mode: 'range',
+			locale: locale.value,
 		});
 
 		return {
@@ -186,12 +190,19 @@ export default defineComponent({
 			createDatePicker,
 			destroyDatePicker,
 			updateDatePicker,
+			locale,
+			t,
 			DATE_PICKER_CALENDAR_POSITIONS: Object.freeze(DATE_PICKER_CALENDAR_POSITIONS),
 			DATE_PICKER_COLORS: Object.freeze(DATE_PICKER_COLORS),
 			DATE_PICKER_STATES: Object.freeze(DATE_PICKER_STATES),
 			DATE_PICKER_TRIGGER_TYPES: Object.freeze(DATE_PICKER_TRIGGER_TYPES),
 		};
 	},
+	computed: {
+		resolvedPlaceholder() {
+			return this.placeholder ?? this.t('ds.datePicker.selectDate');
+		},
+	},
 	methods: {
 		async bindFlatpickrInstance() {
 			this.flatpickrInstance = await this.createDatePicker(

package/lib/js/composables/useLegacyI18n.ts

@@ -1,8 +1,9 @@
-import { getCurrentInstance } from 'vue';
-import { TranslateFunction } from '../i18n';
+import { computed, ComputedRef, getCurrentInstance } from 'vue';
+import { SupportedLocale, TranslateFunction } from '../i18n';
 
 interface IUseLegacyI18n {
 	t: TranslateFunction;
+	locale: ComputedRef<SupportedLocale>;
 }
 
 /**
@@ -18,7 +19,10 @@ export const useLegacyI18n = (): IUseLegacyI18n => {
 
 	const t = internalInstance.root.proxy.$t;
 
+	const locale = computed(() => internalInstance.root.proxy?.$i18n.locale as SupportedLocale);
+
 	return {
 		t,
+		locale,
 	};
 };

package/lib/js/i18n/en/datePicker.json

@@ -0,0 +1,4 @@
+{
+	"ds.datePicker.selectDate": "Select date",
+	"ds.datePicker.set": "Set"
+}

package/lib/js/i18n/en.ts

@@ -2,10 +2,12 @@ import globals from './en/globals.json';
 import accessStatus from './en/accessStatus.json';
 import pagination from './en/pagination.json';
 import statsLayout from './en/statsLayout.json';
+import datePicker from './en/datePicker.json';
 
 export default {
 	...globals,
 	...accessStatus,
 	...pagination,
 	...statsLayout,
+	...datePicker,
 };

package/lib/js/i18n/index.ts

@@ -9,6 +9,12 @@ export const messages = {
 	en,
 };
 
+export type SupportedLocale = keyof typeof messages;
+
+export const SUPPORTED_LOCALE = Object.fromEntries(
+	Object.keys(messages).map((key) => [key, key]),
+) as Record<SupportedLocale, SupportedLocale>;
+
 export type ValidI18nKey = keyof MessageSchema;
 
 export interface TranslateFunction {

package/lib/js/i18n/pl/datePicker.json

@@ -0,0 +1,4 @@
+{
+	"ds.datePicker.selectDate": "Wybierz datę",
+	"ds.datePicker.set": "Ustaw"
+}

package/lib/js/i18n/pl.ts

@@ -2,10 +2,12 @@ import globals from './pl/globals.json';
 import accessStatus from './pl/accessStatus.json';
 import pagination from './pl/pagination.json';
 import statsLayout from './pl/statsLayout.json';
+import datePicker from './pl/datePicker.json';
 
 export default {
 	...globals,
 	...accessStatus,
 	...pagination,
 	...statsLayout,
+	...datePicker,
 };

package/lib/js/vue-custom.d.ts

@@ -1,7 +1,9 @@
-import { TranslateFunction, ValidI18nKey } from './i18n';
+import { SupportedLocale, TranslateFunction, ValidI18nKey } from './i18n';
+import { VueI18nInstance } from 'vue-i18n';
 
 declare module '@vue/runtime-core' {
 	interface ComponentCustomProperties {
 		$t: TranslateFunction<ValidI18nKey | string>;
+		$i18n: VueI18nInstance;
 	}
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bethinkpl/design-system",
-  "version": "34.0.7",
+  "version": "34.0.8",
   "description": "Bethink universe design-system",
   "repository": {
     "type": "git",