@webitel/ui-sdk 26.6.69 → 26.6.70

package/dist/{wt-chat-emoji-XZI_gxkA.js → wt-chat-emoji-CIzpVaAo.js}

@@ -1,4 +1,4 @@
-import "./components-Ba1lcvXA.js";
+import "./components-BGDAdIES.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as t } from "./enums-CoY-pIuZ.js";
 import { t as n } from "./wt-button-uY5Q1GAg.js";

package/dist/{wt-datepicker-BAm9JPkW.js → wt-datepicker-OeVFA-Z3.js}

@@ -144,7 +144,7 @@ var R = { class: "wt-datepicker" }, z = { class: "wt-datepicker__button-bar" },
 				}
 				s.value = (o.timezone ? L(e, o.timezone) : e).getTime();
 			}
-		}), x = M("datepicker"), W = `datepicker-${Math.random().toString(36).slice(2, 11)}`, G = () => {
+		}), x = M("datepicker"), W = `datepicker-${Math.random().toString(36).slice(2, 11)}`, G = f(() => o.placholder || `dd/mm/yyyy ${o.showTime ? "hh:mm" : ""}`), K = () => {
 			if (o.showTime && y.value) {
 				let e = y.value;
 				C(() => {
@@ -156,18 +156,18 @@ var R = { class: "wt-datepicker" }, z = { class: "wt-datepicker__button-bar" },
 				let e = x.value?.overlay;
 				e && (e.style.minWidth = "");
 			}, 0);
-		}, K = f(() => o.required ? `${o.label}*` : o.label), { v: q, customValidators: J } = k(o), { isValidation: Y, invalid: X, validationText: Z, validationTextColor: Q } = d({
-			v: q,
-			customValidators: J
+		}, q = f(() => o.required ? `${o.label}*` : o.label), { v: J, customValidators: Y } = k(o), { isValidation: X, invalid: Z, validationText: Q, validationTextColor: $ } = d({
+			v: J,
+			customValidators: Y
 		});
 		return (a, o) => {
 			let s = D("wt-label"), l = D("wt-button"), u = D("wt-icon-btn"), d = D("wt-message");
 			return T(), h("div", R, [
 				v(s, S(e.labelProps, { disabled: e.disabled }, {
 					for: W,
-					invalid: A(X)
+					invalid: A(Z)
 				}), {
-					default: P(() => [E(a.$slots, "label", w(b({ label: e.label })), () => [_(O(K.value), 1)], !0)], void 0, !0),
+					default: P(() => [E(a.$slots, "label", w(b({ label: e.label })), () => [_(O(q.value), 1)], !0)], void 0, !0),
 					_: 3
 				}, 16, ["disabled", "invalid"]),
 				v(A(I), {
@@ -182,7 +182,7 @@ var R = { class: "wt-datepicker" }, z = { class: "wt-datepicker__button-bar" },
 					"show-time": e.showTime,
 					"min-date": e.minDate,
 					"max-date": e.maxDate,
-					placeholder: e.placholder,
+					placeholder: G.value,
 					"show-clear": e.clearable && y.value,
 					"show-button-bar": "",
 					fluid: "",
@@ -195,7 +195,7 @@ var R = { class: "wt-datepicker" }, z = { class: "wt-datepicker__button-bar" },
 						minute: { class: "typo-body-2" },
 						panel: { style: { maxWidth: "380px" } }
 					},
-					onShow: G
+					onShow: K
 				}, {
 					buttonbar: P(({ todayCallback: i, clearCallback: a }) => [g("div", z, [v(l, {
 						color: A(n).SECONDARY,
@@ -268,13 +268,13 @@ var R = { class: "wt-datepicker" }, z = { class: "wt-datepicker__button-bar" },
 					"placeholder",
 					"show-clear"
 				]),
-				A(Y) && A(Z) ? (T(), p(d, {
+				A(X) && A(Q) ? (T(), p(d, {
 					key: 0,
-					color: A(Q),
+					color: A($),
 					variant: A(i).SIMPLE,
 					size: A(r).SM
 				}, {
-					default: P(() => [_(O(A(Z)), 1)], void 0, !0),
+					default: P(() => [_(O(A(Q)), 1)], void 0, !0),
 					_: 1
 				}, 8, [
 					"color",
@@ -284,6 +284,6 @@ var R = { class: "wt-datepicker" }, z = { class: "wt-datepicker__button-bar" },
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-8518d071"]]);
+}), [["__scopeId", "data-v-24efc01b"]]);
 //#endregion
 export { W as default };

package/dist/{wt-display-chip-items-Dcqpc9EL.js → wt-display-chip-items-DwXiAC9Q.js}

@@ -1,4 +1,4 @@
-import { C as e, i as t } from "./components-Ba1lcvXA.js";
+import { C as e, i as t } from "./components-BGDAdIES.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as r } from "./displayText-CtaxzaBz.js";
 import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, openBlock as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";

package/dist/{wt-send-message-popup-C0PI_PfY.js → wt-send-message-popup-Ca0k3qYD.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./components-Ba1lcvXA.js";
+import { n as e } from "./components-BGDAdIES.js";
 import { t } from "./vue-i18n-lTFLGg_9.js";
 import { n, r } from "./clients-B1AOAvEK.js";
 import { createBlock as i, createTextVNode as a, createVNode as o, defineComponent as s, inject as c, mergeProps as l, onMounted as u, openBlock as d, ref as f, resolveComponent as p, toDisplayString as m, unref as h, withCtx as g } from "vue";

package/dist/{wt-type-extension-value-input-C8wF5fp2.js → wt-type-extension-value-input-i4J1iGaf.js}

@@ -1,4 +1,4 @@
-import { a as e, o as t, r as n, s as r } from "./components-Ba1lcvXA.js";
+import { a as e, o as t, r as n, s as r } from "./components-BGDAdIES.js";
 import { t as i } from "./enums-CoY-pIuZ.js";
 import { t as a } from "./vue-i18n-lTFLGg_9.js";
 import { t as o } from "./clients-B1AOAvEK.js";

package/dist/{wt-vidstack-player-BVTJV4sL.js → wt-vidstack-player-DaImpTZt.js}

@@ -1,4 +1,4 @@
-import { w as e } from "./components-Ba1lcvXA.js";
+import { w as e } from "./components-BGDAdIES.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as n } from "./enums-CoY-pIuZ.js";
 import "./wt-button-uY5Q1GAg.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.6.69",
+	"version": "26.6.70",
 	"private": false,
 	"scripts": {
 		"dev": "npm run docs:dev",

package/src/components/wt-datepicker/wt-datepicker.vue

@@ -18,7 +18,7 @@
 			:show-time="showTime"
 			:min-date="minDate"
 			:max-date="maxDate"
-			:placeholder="placholder"
+			:placeholder="getPlaceholder"
 			:show-clear="clearable && modelValue"
 			show-button-bar
       fluid
@@ -199,6 +199,10 @@ const datepicker = useTemplateRef<HTMLDivElement>('datepicker');
 
 const datepickerId = `datepicker-${Math.random().toString(36).slice(2, 11)}`;
 
+const getPlaceholder = computed(() => {
+	return props.placholder || `dd/mm/yyyy ${props.showTime ? 'hh:mm' : ''}`;
+});
+
 // PrimeVue initializes its internal currentHour/currentMinute from new Date() when the
 // overlay opens, ignoring the model value. Re-assigning the same value forces a re-sync.
 const onPanelShow = () => {