@factoringplus/pl-components-pack-v3 0.3.32 → 0.3.33

package/dist/pl-components-pack-v3.es.js

@@ -41958,6 +41958,7 @@ const _sfc_main$1 = {
   setup(__props, { emit: emit2 }) {
     dayjs.locale("ru");
     const displayDate = ref(dayjs());
+    const capitalize2 = (value) => value.charAt(0).toUpperCase() + value.slice(1);
     const switchPrevMonth = () => {
       displayDate.value = displayDate.value.subtract(1, "month");
       emit2("update:modelValue", displayDate.value);
@@ -41983,7 +41984,7 @@ const _sfc_main$1 = {
             alt: "arrow-left",
             onClick: switchPrevMonth
           }),
-          createElementVNode("span", null, toDisplayString(_ctx.$filters.capitalize(__props.modelValue.format("MMMM"))), 1),
+          createElementVNode("span", null, toDisplayString(capitalize2(__props.modelValue.format("MMMM"))), 1),
           createElementVNode("img", {
             class: "date-switcher__arrow",
             src: _imports_1,
@@ -41998,7 +41999,7 @@ const _sfc_main$1 = {
             alt: "arrow-left",
             onClick: switchPrevYear
           }),
-          createElementVNode("span", null, toDisplayString(_ctx.$filters.capitalize(__props.modelValue.format("YYYY"))), 1),
+          createElementVNode("span", null, toDisplayString(capitalize2(__props.modelValue.format("YYYY"))), 1),
           createElementVNode("img", {
             class: "date-switcher__arrow",
             src: _imports_1,
@@ -42011,6 +42012,20 @@ const _sfc_main$1 = {
   }
 };
 const WEEK_DAYS = ["\u041F\u043D", "\u0412\u0442", "\u0421\u0440", "\u0427\u0442", "\u041F\u0442", "\u0421\u0431", "\u0412\u0441"];
+const DISPLAY_MONTHS = [
+  "\u042F\u043D\u0432\u0430\u0440\u044F",
+  "\u0424\u0435\u0432\u0440\u0430\u043B\u044F",
+  "\u041C\u0430\u0440\u0442\u0430",
+  "\u0410\u043F\u0440\u0435\u043B\u044F",
+  "\u041C\u0430\u044F",
+  "\u0418\u044E\u043D\u044F",
+  "\u0418\u044E\u043B\u044F",
+  "\u0410\u0432\u0433\u0443\u0441\u0442\u0430",
+  "\u0421\u0435\u043D\u0442\u044F\u0431\u0440\u044F",
+  "\u041E\u043A\u0442\u044F\u0431\u0440\u044F",
+  "\u041D\u043E\u044F\u0431\u0440\u044F",
+  "\u0414\u0435\u043A\u0430\u0431\u0440\u044F"
+];
 var plDatePickerPlus_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1 = { class: "date-picker-plus" };
 const _hoisted_2 = { class: "date-picker-plus__title" };
@@ -42031,6 +42046,10 @@ const _sfc_main = {
     const currentDate = ref(dayjs());
     const selectedDate = ref(dayjs());
     const isOpen = ref(false);
+    const displayDate = (value) => {
+      const dayjsDate = dayjs.isDayjs(value) ? value : dayjs(value);
+      return `${dayjsDate.date()} ${DISPLAY_MONTHS[dayjsDate.month()]}, ${dayjsDate.year()}`;
+    };
     const checkCurrentMonthDays = (dayItem) => {
       return selectedDate.value.date() === dayItem.day && selectedDate.value.month() === dayItem.month && selectedDate.value.year() === dayItem.year && dayItem.type === "current";
     };
@@ -42079,7 +42098,7 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("span", _hoisted_2, toDisplayString(_ctx.$filters.displayDate(__props.modelValue)), 1),
+        createElementVNode("span", _hoisted_2, toDisplayString(displayDate(__props.modelValue)), 1),
         createElementVNode("img", {
           class: "date-picker-plus__img",
           src: _imports_0$1,