@factoringplus/pl-components-pack-v3 0.4.54 → 0.4.55-pre-1

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

@@ -10976,7 +10976,7 @@ const _hoisted_1$Q = ["onClick"];
 const _hoisted_2$F = ["aria-label"];
 const _hoisted_3$u = ["aria-label"];
 const _hoisted_4$k = ["aria-label"];
-const _hoisted_5$f = ["aria-label"];
+const _hoisted_5$e = ["aria-label"];
 const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "panel-date-pick",
   props: panelDatePickProps,
@@ -11515,7 +11515,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_5$f)
+                ], 10, _hoisted_5$e)
               ], 2)
             ], 2), [
               [vShow, currentView.value !== "time"]
@@ -11697,7 +11697,7 @@ const _hoisted_1$P = ["onClick"];
 const _hoisted_2$E = ["disabled"];
 const _hoisted_3$t = ["disabled"];
 const _hoisted_4$j = ["disabled"];
-const _hoisted_5$e = ["disabled"];
+const _hoisted_5$d = ["disabled"];
 const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   __name: "panel-date-range",
   props: panelDateRangeProps,
@@ -12259,7 +12259,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_5$e)) : createCommentVNode("v-if", true),
+                ], 10, _hoisted_5$d)) : createCommentVNode("v-if", true),
                 createElementVNode("button", {
                   type: "button",
                   class: normalizeClass([unref(ppNs).e("icon-btn"), "d-arrow-right"]),
@@ -16693,8 +16693,8 @@ const _hoisted_1$F = ["onKeyup"];
 const _hoisted_2$y = ["aria-current", "tabindex"];
 const _hoisted_3$q = ["tabindex"];
 const _hoisted_4$i = ["aria-current", "tabindex"];
-const _hoisted_5$d = ["tabindex"];
-const _hoisted_6$8 = ["aria-current", "tabindex"];
+const _hoisted_5$c = ["tabindex"];
+const _hoisted_6$7 = ["aria-current", "tabindex"];
 const __default__$j = {
   name: "ElPaginationPager"
 };
@@ -16875,7 +16875,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
           onBlur: _cache[7] || (_cache[7] = ($event) => quickNextFocus.value = false)
         }, [
           quickNextHover.value || quickNextFocus.value ? (openBlock(), createBlock(unref(d_arrow_right_default), { key: 0 })) : (openBlock(), createBlock(unref(more_filled_default), { key: 1 }))
-        ], 42, _hoisted_5$d)) : createCommentVNode("v-if", true),
+        ], 42, _hoisted_5$c)) : createCommentVNode("v-if", true),
         _ctx.pageCount > 1 ? (openBlock(), createElementBlock("li", {
           key: 3,
           class: normalizeClass([[
@@ -16884,7 +16884,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
           ], "number"]),
           "aria-current": _ctx.currentPage === _ctx.pageCount,
           tabindex: unref(tabindex)
-        }, toDisplayString(_ctx.pageCount), 11, _hoisted_6$8)) : createCommentVNode("v-if", true)
+        }, toDisplayString(_ctx.pageCount), 11, _hoisted_6$7)) : createCommentVNode("v-if", true)
       ], 42, _hoisted_1$F);
     };
   }
@@ -17195,7 +17195,7 @@ const _hoisted_1$E = ["aria-valuenow"];
 const _hoisted_2$x = { viewBox: "0 0 100 100" };
 const _hoisted_3$p = ["d", "stroke", "stroke-width"];
 const _hoisted_4$h = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"];
-const _hoisted_5$c = { key: 0 };
+const _hoisted_5$b = { key: 0 };
 const __default__$i = {
   name: "ElProgress"
 };
@@ -17373,7 +17373,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
           style: normalizeStyle({ fontSize: `${unref(progressTextSize)}px` })
         }, [
           renderSlot(_ctx.$slots, "default", { percentage: _ctx.percentage }, () => [
-            !_ctx.status ? (openBlock(), createElementBlock("span", _hoisted_5$c, toDisplayString(unref(content)), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
+            !_ctx.status ? (openBlock(), createElementBlock("span", _hoisted_5$b, toDisplayString(unref(content)), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
               default: withCtx(() => [
                 (openBlock(), createBlock(resolveDynamicComponent(unref(statusIcon))))
               ]),
@@ -22576,7 +22576,7 @@ const _hoisted_1$A = ["onKeydown"];
 const _hoisted_2$u = ["src"];
 const _hoisted_3$n = ["onClick"];
 const _hoisted_4$g = ["onClick"];
-const _hoisted_5$b = ["onClick"];
+const _hoisted_5$a = ["onClick"];
 const __default__$f = {
   name: "ElUploadList"
 };
@@ -22725,7 +22725,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }, 8, ["class"])
-                  ], 10, _hoisted_5$b)) : createCommentVNode("v-if", true)
+                  ], 10, _hoisted_5$a)) : createCommentVNode("v-if", true)
                 ], 2)) : createCommentVNode("v-if", true)
               ])
             ], 42, _hoisted_1$A);
@@ -24501,6 +24501,10 @@ const _sfc_main$z = {
       type: Boolean,
       default: false
     },
+    datePicker: {
+      type: Boolean,
+      default: false
+    },
     maxLength: {
       type: Number,
       default: 210
@@ -24560,7 +24564,7 @@ const _sfc_main$z = {
       default: () => ({ min: 0 })
     }
   },
-  emits: ["update:modelValue", "validate", "isValid"],
+  emits: ["update:modelValue", "validate"],
   setup(__props, { emit: emit2 }) {
     const props = __props;
     const refInput = ref();
@@ -24677,6 +24681,7 @@ const _sfc_main$z = {
       const _component_el_input = ElInput;
       const _component_el_form_item = ElFormItem;
       const _component_el_form = ElForm;
+      const _directive_maska = resolveDirective("maska");
       return openBlock(), createElementBlock("div", null, [
         createVNode(_component_el_form, {
           onValidate: validateInp,
@@ -24718,15 +24723,26 @@ const _sfc_main$z = {
                   prop: __props.prop
                 }, {
                   default: withCtx(() => [
-                    !unref(currency) ? (openBlock(), createBlock(_component_el_input, mergeProps({
+                    __props.datePicker ? withDirectives((openBlock(), createBlock(_component_el_input, {
                       key: 0,
+                      disabled: props.disabled,
+                      placeholder: props.placeholder,
+                      modelValue: unref(modelValue),
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+                      type: unref(getTypeInput),
+                      resize: "none",
+                      onInput: updateValue
+                    }, null, 8, ["disabled", "placeholder", "modelValue", "type"])), [
+                      [_directive_maska, "##.##.####"]
+                    ]) : !unref(currency) ? (openBlock(), createBlock(_component_el_input, mergeProps({
+                      key: 1,
                       class: { padding: props.prefix },
                       minlength: __props.minLength,
                       maxlength: __props.maxLength,
                       disabled: props.disabled,
                       placeholder: props.placeholder,
                       modelValue: unref(modelValue),
-                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
                       type: unref(getTypeInput),
                       resize: "none"
                     }, _ctx.$attrs, {
@@ -24734,7 +24750,7 @@ const _sfc_main$z = {
                       clearable: props.clearable,
                       onInput: updateValue
                     }), null, 16, ["class", "minlength", "maxlength", "disabled", "placeholder", "modelValue", "type", "clearable"])) : (openBlock(), createBlock(_component_el_input, mergeProps({
-                      key: 1,
+                      key: 2,
                       onKeydown: keydown,
                       class: { padding: props.prefix },
                       minlength: __props.minLength,
@@ -24746,14 +24762,14 @@ const _sfc_main$z = {
                       ref_key: "inputRef",
                       ref: inputRef,
                       modelValue: unref(formattedValue),
-                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(formattedValue) ? formattedValue.value = $event : null)
+                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(formattedValue) ? formattedValue.value = $event : null)
                     }), createSlots({ _: 2 }, [
                       unref(currency) ? {
                         name: "append",
                         fn: withCtx(() => [
                           createElementVNode("span", {
                             class: "pl-currency__rub-icon",
-                            onClick: _cache[1] || (_cache[1] = ($event) => throuInput($event))
+                            onClick: _cache[2] || (_cache[2] = ($event) => throuInput($event))
                           }, "\u20BD")
                         ])
                       } : void 0
@@ -34469,8 +34485,8 @@ const _hoisted_4$f = {
   key: 0,
   class: "dialog-footer"
 };
-const _hoisted_5$a = /* @__PURE__ */ createTextVNode("\u0412\u044B\u0431\u0440\u0430\u0442\u044C");
-const _hoisted_6$7 = /* @__PURE__ */ createTextVNode("\u041E\u0442\u043C\u0435\u043D\u0430");
+const _hoisted_5$9 = /* @__PURE__ */ createTextVNode("\u0412\u044B\u0431\u0440\u0430\u0442\u044C");
+const _hoisted_6$6 = /* @__PURE__ */ createTextVNode("\u041E\u0442\u043C\u0435\u043D\u0430");
 const _hoisted_7$4 = {
   key: 1,
   class: "dialog-footer"
@@ -34656,13 +34672,13 @@ const _sfc_main$s = /* @__PURE__ */ Object.assign(__default__$6, {
               onClick: onAppendClickSingle
             }, {
               default: withCtx(() => [
-                _hoisted_5$a
+                _hoisted_5$9
               ]),
               _: 1
             }, 8, ["disabled"]),
             createVNode(_component_el_button, { onClick: hide }, {
               default: withCtx(() => [
-                _hoisted_6$7
+                _hoisted_6$6
               ]),
               _: 1
             })
@@ -34781,11 +34797,11 @@ const _hoisted_3$l = /* @__PURE__ */ createElementVNode("img", {
   alt: "no data image"
 }, null, -1);
 const _hoisted_4$e = { class: "no-data__text" };
-const _hoisted_5$9 = {
+const _hoisted_5$8 = {
   key: 0,
   class: "d-flex pl-table-footer position-relative align-items-center justify-content-end"
 };
-const _hoisted_6$6 = {
+const _hoisted_6$5 = {
   key: 0,
   class: "totals"
 };
@@ -34906,7 +34922,7 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign(__default__$5, {
           ]),
           _: 3
         }, 8, ["locale"]),
-        unref(hasPagination) ? (openBlock(), createElementBlock("div", _hoisted_5$9, [
+        unref(hasPagination) ? (openBlock(), createElementBlock("div", _hoisted_5$8, [
           withDirectives(createElementVNode("div", { style: { "line-height": "33px" } }, toDisplayString(unref(declOfNum)(selectedRows.value.length, ["\u0412\u044B\u0431\u0440\u0430\u043D", "\u0412\u044B\u0431\u0440\u0430\u043D\u043E", "\u0412\u044B\u0431\u0440\u0430\u043D\u043E"])) + " " + toDisplayString(selectedRows.value.length) + " " + toDisplayString(unref(declOfNum)(selectedRows.value.length, [
             "\u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442",
             "\u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430",
@@ -34925,7 +34941,7 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign(__default__$5, {
             "hide-on-single-page": true
           }, {
             default: withCtx(() => [
-              __props.isTotalVisible && unref(layout).includes("slot") ? (openBlock(), createElementBlock("span", _hoisted_6$6, toDisplayString(displayTotal()), 1)) : createCommentVNode("", true)
+              __props.isTotalVisible && unref(layout).includes("slot") ? (openBlock(), createElementBlock("span", _hoisted_6$5, toDisplayString(displayTotal()), 1)) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["page-size", "current-page", "page-sizes", "layout", "total"]),
@@ -36431,7 +36447,7 @@ const _hoisted_1$n = { class: "suggestion" };
 const _hoisted_2$k = { class: "d-flex flex-column" };
 const _hoisted_3$i = { class: "text-truncate" };
 const _hoisted_4$b = { class: "suggestion__item-info text-truncate" };
-const _hoisted_5$8 = {
+const _hoisted_5$7 = {
   key: 0,
   src: _imports_1$2
 };
@@ -36482,7 +36498,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                         createElementVNode("span", _hoisted_3$i, toDisplayString(item.value), 1),
                         createElementVNode("span", _hoisted_4$b, toDisplayString(item.bottomText), 1)
                       ]),
-                      item.id === $props.selectedItem.id ? (openBlock(), createElementBlock("img", _hoisted_5$8)) : createCommentVNode("", true)
+                      item.id === $props.selectedItem.id ? (openBlock(), createElementBlock("img", _hoisted_5$7)) : createCommentVNode("", true)
                     ]),
                     _: 2
                   }, 1032, ["onClick", "value"]);
@@ -37250,7 +37266,7 @@ const _hoisted_1$e = { class: "date-switcher__container" };
 const _hoisted_2$d = { class: "date-switcher date-switcher__month" };
 const _hoisted_3$c = { class: "date-switcher__month-name" };
 const _hoisted_4$8 = { class: "date-switcher date-switcher__year" };
-const _hoisted_5$7 = { class: "date-switcher__year-name" };
+const _hoisted_5$6 = { class: "date-switcher__year-name" };
 const _sfc_main$e = {
   __name: "date-switcher",
   props: {
@@ -37297,7 +37313,7 @@ const _sfc_main$e = {
             class: "date-switcher__arrow date-switcher__arrow-left",
             onClick: switchPrevYear
           }),
-          createElementVNode("span", _hoisted_5$7, toDisplayString(capitalize2(unref(modelValue).format("YYYY"))), 1),
+          createElementVNode("span", _hoisted_5$6, toDisplayString(capitalize2(unref(modelValue).format("YYYY"))), 1),
           createElementVNode("div", {
             class: "date-switcher__arrow date-switcher__arrow-right",
             onClick: switchNextYear
@@ -37307,38 +37323,174 @@ const _sfc_main$e = {
     };
   }
 };
-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 calendar = [
+  {
+    year: 2022,
+    months: [
+      {
+        month: 1,
+        days: "1,2,3,4,5,6,7,8,9,15,16,22,23,29,30"
+      },
+      {
+        month: 2,
+        days: "5,6,12,13,19,20,22*,23,26,27"
+      },
+      {
+        month: 3,
+        days: "5*,6,7+,8,12,13,19,20,26,27"
+      },
+      {
+        month: 4,
+        days: "2,3,9,10,16,17,23,24,30"
+      },
+      {
+        month: 5,
+        days: "1,2+,3+,7,8,9,10+,14,15,21,22,28,29"
+      },
+      {
+        month: 6,
+        days: "4,5,11,12,13+,18,19,25,26"
+      },
+      {
+        month: 7,
+        days: "2,3,9,10,16,17,23,24,30,31"
+      },
+      {
+        month: 8,
+        days: "6,7,13,14,20,21,27,28"
+      },
+      {
+        month: 9,
+        days: "3,4,10,11,17,18,24,25"
+      },
+      {
+        month: 10,
+        days: "1,2,8,9,15,16,22,23,29,30"
+      },
+      {
+        month: 11,
+        days: "3*,4,5,6,12,13,19,20,26,27"
+      },
+      {
+        month: 12,
+        days: "3,4,10,11,17,18,24,25,31"
+      }
+    ],
+    transitions: [
+      {
+        from: "03.05",
+        to: "03.07"
+      },
+      {
+        from: "05.01",
+        to: "05.02"
+      },
+      {
+        from: "01.01",
+        to: "05.03"
+      },
+      {
+        from: "01.02",
+        to: "05.10"
+      },
+      {
+        from: "06.12",
+        to: "06.13"
+      }
+    ],
+    statistic: {
+      workdays: 247,
+      holidays: 118,
+      hours40: 1973,
+      hours36: 1775.4,
+      hours24: 1182.6
+    }
+  },
+  {
+    year: 2023,
+    months: [
+      {
+        month: 1,
+        days: "1,2,3,4,5,6,7,8,14,15,21,22,28,29"
+      },
+      {
+        month: 2,
+        days: "4,5,11,12,18,19,22*,23,24+,25,26"
+      },
+      {
+        month: 3,
+        days: "4,5,7*,8,11,12,18,19,25,26"
+      },
+      {
+        month: 4,
+        days: "1,2,8,9,15,16,22,23,29,30"
+      },
+      {
+        month: 5,
+        days: "1,6,7,8+,9,13,14,20,21,27,28"
+      },
+      {
+        month: 6,
+        days: "3,4,10,11,12,17,18,24,25"
+      },
+      {
+        month: 7,
+        days: "1,2,8,9,15,16,22,23,29,30"
+      },
+      {
+        month: 8,
+        days: "5,6,12,13,19,20,26,27"
+      },
+      {
+        month: 9,
+        days: "2,3,9,10,16,17,23,24,30"
+      },
+      {
+        month: 10,
+        days: "1,7,8,14,15,21,22,28,29"
+      },
+      {
+        month: 11,
+        days: "3*,4,5,6+,11,12,18,19,25,26"
+      },
+      {
+        month: 12,
+        days: "2,3,9,10,16,17,23,24,30,31"
+      }
+    ],
+    transitions: [
+      {
+        from: "01.01",
+        to: "02.24"
+      },
+      {
+        from: "01.08",
+        to: "05.08"
+      },
+      {
+        from: "11.04",
+        to: "11.06"
+      }
+    ],
+    statistic: {
+      workdays: 247,
+      holidays: 118,
+      hours40: 1973,
+      hours36: 1775.4,
+      hours24: 1182.6
+    }
+  }
 ];
+const WEEK_DAYS = ["\u041F\u043D", "\u0412\u0442", "\u0421\u0440", "\u0427\u0442", "\u041F\u0442", "\u0421\u0431", "\u0412\u0441"];
 var plDatePickerPlus_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$d = { class: "date-picker-plus" };
-const _hoisted_2$c = {
-  key: 0,
-  class: "date-picker-plus__title"
-};
-const _hoisted_3$b = {
-  key: 1,
-  class: "date-picker-plus__placeholder"
-};
-const _hoisted_4$7 = /* @__PURE__ */ createElementVNode("img", {
+const _hoisted_2$c = /* @__PURE__ */ createElementVNode("img", {
   class: "date-picker-plus__img",
   src: _imports_0$4,
   alt: "date-picker icon"
 }, null, -1);
-const _hoisted_5$6 = { class: "date-picker-plus__days" };
-const _hoisted_6$5 = ["onClick"];
+const _hoisted_3$b = { class: "date-picker-plus__days" };
+const _hoisted_4$7 = ["onClick"];
 const _sfc_main$d = {
   __name: "pl-date-picker-plus",
   props: {
@@ -37349,50 +37501,65 @@ const _sfc_main$d = {
     placeholder: {
       type: String,
       default: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0434\u0430\u0442\u0443"
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    weekendsDisabled: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: emit2 }) {
+    const props = __props;
     dayjs.locale("ru");
+    const { weekendsDisabled } = toRefs(props);
     const currentDate = ref(dayjs());
     const selectedDate = ref(dayjs());
     const confirmedDate = 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 datePickerRef = ref(null);
+    const dateValue = ref(dayjs().format("DD.MM.YYYY"));
+    const weekendsDate = calendar;
     const checkCurrentMonthDays = (dayItem) => {
       return selectedDate.value.date() === dayItem.day && selectedDate.value.month() === dayItem.month && selectedDate.value.year() === dayItem.year && dayItem.type === "current";
     };
-    const closeDatePicker = () => {
-      currentDate.value = confirmedDate.value;
-      selectedDate.value = confirmedDate.value;
-      isOpen.value = false;
-    };
-    const toggleDatePicker = () => {
-      currentDate.value = confirmedDate.value;
-      selectedDate.value = confirmedDate.value;
-      isOpen.value = !isOpen.value;
-    };
-    const target = ref(null);
-    onClickOutside(target, () => {
-      setTimeout(() => {
-        closeDatePicker();
-      });
-    });
+    ref(null);
+    const displayData = (value) => value.format("DD.MM.YYYY");
     const confirmDate = () => {
       confirmedDate.value = selectedDate.value;
-      currentDate.value = selectedDate.value;
-      emit2("update:modelValue", confirmedDate.value.toDate());
-      isOpen.value = false;
+      dateValue.value = displayData(selectedDate.value);
+      emit2("update:modelValue", selectedDate.value.format("DD.MM.YYYY"));
     };
     const selectDate = (item) => {
-      if (item.type === "current") {
-        selectedDate.value = dayjs().set("date", item.day).set("month", item.month).set("year", item.year);
-        confirmDate();
+      selectedDate.value = dayjs().set("date", item.day).set("month", item.month).set("year", item.year);
+      confirmDate();
+    };
+    const validate = (date4, format2) => {
+      return dayjs(date4, format2).format(format2) === date4;
+    };
+    const savedDate = ref();
+    const updateDate = (event) => {
+      savedDate.value = dayjs(event.target.value.split(".").reverse().join("-"));
+    };
+    onClickOutside(datePickerRef, () => {
+      if (isOpen.value) {
+        isOpen.value = false;
+        if (validate(dateValue.value, "DD.MM.YYYY")) {
+          if (savedDate.value) {
+            currentDate.value = savedDate.value;
+            selectedDate.value = savedDate.value;
+            emit2("update:modelValue", selectedDate.value.format("DD.MM.YYYY"));
+          } else {
+            savedDate.value = confirmedDate.value;
+          }
+        } else {
+          dateValue.value = displayData(selectedDate.value);
+        }
       }
-    };
+    });
     const getArrayOfDays = () => {
       const prevMonthDays = [];
       const currMonthDays = [];
@@ -37406,9 +37573,17 @@ const _sfc_main$d = {
           prevMonthDays.push({ day: i2, type: "previous" });
         }
       }
+      const weekendsYearArray = weekendsDate.filter((currentYear) => (currentYear == null ? void 0 : currentYear.year) === (currentDate == null ? void 0 : currentDate.value.year()))[0];
+      const weekendsDaysArray = weekendsYearArray == null ? void 0 : weekendsYearArray.months[currentDate.value.month()].days.split(",");
       const currMonthLastDayDate = currentDate.value.endOf("month").date();
       for (let i2 = 1; i2 <= currMonthLastDayDate; i2++) {
-        currMonthDays.push({ day: i2, month: currentDate.value.month(), year: currentDate.value.year(), type: "current" });
+        currMonthDays.push({
+          day: i2,
+          month: currentDate.value.month(),
+          year: currentDate.value.year(),
+          type: "current",
+          weekend: weekendsDisabled.value ? weekendsDaysArray == null ? void 0 : weekendsDaysArray.includes(i2.toString()) : ""
+        });
       }
       if (currentDate.value.date(currentDate.value.daysInMonth()).day()) {
         const nextMonthDaysAmount = 7 - currentDate.value.date(currentDate.value.daysInMonth()).day();
@@ -37426,22 +37601,33 @@ const _sfc_main$d = {
       return openBlock(), createElementBlock("div", _hoisted_1$d, [
         createElementVNode("div", {
           class: "date-picker-plus__wrapper",
-          onClick: toggleDatePicker
-        }),
-        __props.modelValue ? (openBlock(), createElementBlock("span", _hoisted_2$c, toDisplayString(displayDate(__props.modelValue)), 1)) : (openBlock(), createElementBlock("span", _hoisted_3$b, toDisplayString(__props.placeholder), 1)),
-        _hoisted_4$7,
+          ref_key: "datePickerRef",
+          ref: datePickerRef,
+          onClick: _cache[1] || (_cache[1] = ($event) => isOpen.value = true)
+        }, [
+          createVNode(_sfc_main$z, {
+            modelValue: dateValue.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dateValue.value = $event),
+            class: "date-picker-plus__input",
+            label: __props.label,
+            placeholder: __props.placeholder,
+            onInput: updateDate,
+            datePicker: ""
+          }, null, 8, ["modelValue", "label", "placeholder"]),
+          _hoisted_2$c
+        ], 512),
         isOpen.value ? (openBlock(), createElementBlock("div", {
-          key: 2,
+          key: 0,
           id: "date-picker-popup",
           class: "date-picker-plus__popup",
-          ref_key: "target",
-          ref: target
+          ref_key: "datePickerRef",
+          ref: datePickerRef
         }, [
           createVNode(_sfc_main$e, {
             modelValue: currentDate.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentDate.value = $event)
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => currentDate.value = $event)
           }, null, 8, ["modelValue"]),
-          createElementVNode("div", _hoisted_5$6, [
+          createElementVNode("div", _hoisted_3$b, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(WEEK_DAYS), (item, index) => {
               return openBlock(), createElementBlock("div", {
                 class: "date-picker-plus__week-day",
@@ -37454,12 +37640,12 @@ const _sfc_main$d = {
               return openBlock(), createElementBlock("div", {
                 class: normalizeClass([
                   "date-picker-plus__day-item",
-                  { "date-picker-plus__day-item_disabled": item.type !== "current" },
+                  { "date-picker-plus__day-item_disabled": item.type !== "current" || item.weekend },
                   { "date-picker-plus__day-item_active-item": checkCurrentMonthDays(item) }
                 ]),
                 key: `dd${index}`,
-                onClick: ($event) => selectDate(item)
-              }, toDisplayString(item.day), 11, _hoisted_6$5);
+                onClick: ($event) => (item.weekend || (item.type === "previous" || item.type === "next") ? {} : selectDate(item), isOpen.value = false)
+              }, toDisplayString(item.type !== "previous" && item.type !== "next" ? item.day : ""), 11, _hoisted_4$7);
             }), 128))
           ])
         ], 512)) : createCommentVNode("", true)