@sdata/web-vue 4.5.0 → 4.5.1

package/es/button/button.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,13 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isString } from "../_utils/is.js";
 import Tooltip from "../tooltip/index.js";
 import IconLoading from "../icon/icon-loading/index.js";
 import { useSize } from "../_hooks/use-size.js";
 import { buttonGroupInjectionKey } from "./context.js";
-import { cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createSlots, defineComponent, guardReactiveProps, inject, normalizeClass, normalizeProps, onMounted, onUpdated, openBlock, ref, renderSlot, resolveDynamicComponent, toRefs, unref, useSlots, withCtx } from "vue";
+import { cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createSlots, defineComponent, guardReactiveProps, inject, mergeProps, normalizeClass, normalizeProps, onBeforeUpdate, onMounted, onUpdated, openBlock, ref, renderSlot, resolveDynamicComponent, toRefs, unref, useSlots, watchEffect, withCtx } from "vue";
 //#region components/button/button.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["href"];
 var _hoisted_2 = { key: 2 };
@@ -17,7 +17,10 @@ var _hoisted_3 = [
 	"autofocus"
 ];
 var _hoisted_4 = { key: 2 };
-var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Button" }), {}, {
+var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "Button",
+	inheritAttrs: false
+}), {}, {
 	__name: "button",
 	props: {
 		/**
@@ -129,7 +132,12 @@ var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			}
 		});
 		const slots = useSlots();
-		const hasTooltip = computed(() => props.tooltip != null || Boolean(slots.tooltip));
+		const hasTooltip = ref(false);
+		const syncTooltip = () => {
+			hasTooltip.value = props.tooltip != null || Boolean(slots.tooltip);
+		};
+		watchEffect(syncTooltip);
+		onBeforeUpdate(syncTooltip);
 		const tooltipWrapper = computed(() => hasTooltip.value ? Tooltip : PassThrough);
 		const tooltipBindings = computed(() => {
 			if (!hasTooltip.value) return;
@@ -191,14 +199,13 @@ var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(resolveDynamicComponent(tooltipWrapper.value), normalizeProps(guardReactiveProps(tooltipBindings.value)), createSlots({
-				default: withCtx(() => [__props.href ? (openBlock(), createElementBlock("a", {
-					key: 0,
+				default: withCtx(() => [__props.href ? (openBlock(), createElementBlock("a", mergeProps({ key: 0 }, _ctx.$attrs, {
 					ref_key: "buttonRef",
 					ref: buttonRef,
-					class: normalizeClass([cls.value, { [`${unref(prefixCls)}-only-icon`]: _ctx.$slots.icon && !_ctx.$slots.default }]),
+					class: [cls.value, { [`${unref(prefixCls)}-only-icon`]: _ctx.$slots.icon && !_ctx.$slots.default }],
 					href: unref(mergedDisabled) || __props.loading ? void 0 : __props.href,
 					onClick: handleClick
-				}, [
+				}), [
 					__props.loading || _ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
 						key: 0,
 						class: normalizeClass(`${unref(prefixCls)}-icon`)
@@ -211,16 +218,15 @@ var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 						key: 3,
 						class: normalizeClass(`${unref(prefixCls)}-sr-only`)
 					}, [renderSlot(_ctx.$slots, "sr-only")], 2)) : createCommentVNode("", true)
-				], 10, _hoisted_1)) : (openBlock(), createElementBlock("button", {
-					key: 1,
+				], 16, _hoisted_1)) : (openBlock(), createElementBlock("button", mergeProps({ key: 1 }, _ctx.$attrs, {
 					ref_key: "buttonRef",
 					ref: buttonRef,
-					class: normalizeClass([cls.value, { [`${unref(prefixCls)}-only-icon`]: _ctx.$slots.icon && !_ctx.$slots.default }]),
+					class: [cls.value, { [`${unref(prefixCls)}-only-icon`]: _ctx.$slots.icon && !_ctx.$slots.default }],
 					type: __props.htmlType,
 					disabled: unref(mergedDisabled),
 					autofocus: __props.autofocus,
 					onClick: handleClick
-				}, [
+				}), [
 					__props.loading || _ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
 						key: 0,
 						class: normalizeClass(`${unref(prefixCls)}-icon`)
@@ -233,7 +239,7 @@ var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 						key: 3,
 						class: normalizeClass(`${unref(prefixCls)}-sr-only`)
 					}, [renderSlot(_ctx.$slots, "sr-only")], 2)) : createCommentVNode("", true)
-				], 10, _hoisted_3))]),
+				], 16, _hoisted_3))]),
 				_: 2
 			}, [_ctx.$slots.tooltip ? {
 				name: "content",

package/es/button/index.d.ts

@@ -41,7 +41,7 @@ declare const Button: {
         };
         href: StringConstructor;
         tooltip: {
-            type: import("vue").PropType<string | import("../tooltip/interface.ts").TooltipProps>;
+            type: import("vue").PropType<string | import("../index.ts").TooltipProps>;
         };
     }>> & Readonly<{
         onClick?: ((_ev: MouseEvent) => any) | undefined;
@@ -99,7 +99,7 @@ declare const Button: {
         };
         href: StringConstructor;
         tooltip: {
-            type: import("vue").PropType<string | import("../tooltip/interface.ts").TooltipProps>;
+            type: import("vue").PropType<string | import("../index.ts").TooltipProps>;
         };
     }>> & Readonly<{
         onClick?: ((_ev: MouseEvent) => any) | undefined;
@@ -152,7 +152,7 @@ declare const Button: {
     };
     href: StringConstructor;
     tooltip: {
-        type: import("vue").PropType<string | import("../tooltip/interface.ts").TooltipProps>;
+        type: import("vue").PropType<string | import("../index.ts").TooltipProps>;
     };
 }>> & Readonly<{
     onClick?: ((_ev: MouseEvent) => any) | undefined;

package/es/calendar/__test__/real-transitions.js

@@ -0,0 +1,10 @@
+// Transition stubs create extra grid items and invalidate Calendar pointer geometry.
+Cypress.Commands.overwrite('mount', (mount, component, options = {}) =>
+  mount(component, {
+    ...options,
+    global: {
+      ...options.global,
+      stubs: { ...options.global?.stubs, 'transition': false, 'transition-group': false },
+    },
+  }),
+);

package/es/calendar/components/cell.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
-import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
-import _asyncToGenerator from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/asyncToGenerator.js";
+import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
+import _asyncToGenerator from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/asyncToGenerator.js";
 import { calendarInjectionKey } from "../context.js";
 import { minutesToPercentage, percentageToMinutes, pxToPercentage } from "../utils/conversions.js";
 import { months, weekdays } from "../core/config.js";
@@ -280,7 +280,11 @@ var cell_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			return isBeforeMinDate.value || isAfterMaxDate.value;
 		});
 		const cellEventListeners = shallowRef({});
-		watch(() => [isDisabled.value, config.eventListeners.cell], () => {
+		watch(() => [
+			isDisabled.value,
+			config.eventListeners.cell,
+			config.editableEvents.drag
+		], () => {
 			if (isDisabled.value) {
 				cellEventListeners.value = {};
 				return;

package/es/calendar/components/event.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { PerformantEllipsis } from "../../ellipsis/index.js";
 import { calendarInjectionKey } from "../context.js";
 import { minutesToPercentage } from "../utils/conversions.js";

package/es/calendar/components/header.vue_vue_type_script_setup_true_lang.js

@@ -42,13 +42,19 @@ var header_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 					type: "button"
 				}, [renderSlot(_ctx.$slots, "previous-button")], 2),
 				createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}__transition-wrap`) }, [createVNode(Transition, { name: `${unref(prefixCls)}-slide-fade--${unref(view).transitionDirection}` }, {
-					default: withCtx(() => [(openBlock(), createElementBlock("div", { key: unref(view).id + unref(view).start.getTime() }, [_ctx.$slots.title || _ctx.$slots[`title.${unref(view).id}`] ? (openBlock(), createBlock(resolveDynamicComponent(unref(config).clickToNavigate && unref(view).broaderView ? "button" : "div"), mergeProps({ key: 0 }, toHandlers(titleEventHandlers.value), { class: `${unref(prefixCls)}__title` }), {
+					default: withCtx(() => [(openBlock(), createElementBlock("div", { key: unref(view).id + unref(view).start.getTime() }, [_ctx.$slots.title || _ctx.$slots[`title.${unref(view).id}`] ? (openBlock(), createBlock(resolveDynamicComponent(unref(config).clickToNavigate && unref(view).broaderView ? "button" : "div"), mergeProps({
+						key: 0,
+						type: unref(config).clickToNavigate && unref(view).broaderView ? "button" : void 0
+					}, toHandlers(titleEventHandlers.value), { class: `${unref(prefixCls)}__title` }), {
 						default: withCtx(() => [_ctx.$slots[`title.${unref(view).id}`] ? renderSlot(_ctx.$slots, `title.${unref(view).id}`, normalizeProps(guardReactiveProps(unref(view))), void 0, void 0, 0) : renderSlot(_ctx.$slots, "title", normalizeProps(guardReactiveProps(unref(view))), void 0, void 0, 1)]),
 						_: 3
-					}, 16, ["class"])) : (openBlock(), createBlock(resolveDynamicComponent(unref(config).clickToNavigate && unref(view).broaderView ? "button" : "div"), mergeProps({ key: 1 }, toHandlers(titleEventHandlers.value), { class: `${unref(prefixCls)}__title` }), {
+					}, 16, ["type", "class"])) : (openBlock(), createBlock(resolveDynamicComponent(unref(config).clickToNavigate && unref(view).broaderView ? "button" : "div"), mergeProps({
+						key: 1,
+						type: unref(config).clickToNavigate && unref(view).broaderView ? "button" : void 0
+					}, toHandlers(titleEventHandlers.value), { class: `${unref(prefixCls)}__title` }), {
 						default: withCtx(() => [createTextVNode(toDisplayString(unref(view).title), 1), unref(view).titleWeekInfo ? (openBlock(), createElementBlock("small", _hoisted_2, "\xA0" + toDisplayString(unref(view).titleWeekInfo.text) + " " + toDisplayString(unref(view).titleWeekInfo.number), 1)) : createCommentVNode("", true)]),
 						_: 1
-					}, 16, ["class"]))]))]),
+					}, 16, ["type", "class"]))]))]),
 					_: 3
 				}, 8, ["name"])], 2),
 				unref(config).todayButton ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_ctx.$slots["today-button"] ? renderSlot(_ctx.$slots, "today-button", {

package/es/calendar/components/index.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
-import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../../_utils/global-config.js";
-import _asyncToGenerator from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/asyncToGenerator.js";
+import _asyncToGenerator from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/asyncToGenerator.js";
 import Scrollbar from "../../scrollbar/index.js";
 import { useThemeMode } from "../../_hooks/use-theme-mode.js";
 import { calendarElInjectionKey, calendarInjectionKey } from "../context.js";

package/es/calendar/core/config.js

@@ -2,6 +2,8 @@ import { computed, reactive, toRefs, watch } from 'vue';
 
 import { initializeDateLocale } from '../../_utils/date';
 import { useI18n } from '../../locale';
+import enUS from '../../locale/lang/en-us';
+import zhCN from '../../locale/lang/zh-cn';
 import { createCalendarTexts } from './i18n';
 
 export const defaults = {
@@ -141,7 +143,7 @@ const buildSpecialHoursDisallowed = (normalizedByWeekday) => {
       for (const scheduleId in schedSrc) {
         if (!Object.prototype.hasOwnProperty.call(schedSrc, scheduleId)) continue;
         const ranges = schedSrc[scheduleId];
-        if (!ranges || !ranges.length) continue;
+        if (!ranges) continue;
         const arr = [];
         for (let ri = 0; ri < ranges.length; ri++) {
           const r = ranges[ri];
@@ -155,10 +157,9 @@ const buildSpecialHoursDisallowed = (normalizedByWeekday) => {
             hasAny = true;
           }
         }
-        if (arr.length) {
-          if (!schedulesOut) schedulesOut = {};
-          schedulesOut[scheduleId] = arr;
-        }
+        // Preserve empty overrides so this schedule does not inherit default restrictions.
+        if (!schedulesOut) schedulesOut = {};
+        schedulesOut[scheduleId] = arr;
       }
     }
 
@@ -445,30 +446,26 @@ export const useConfig = (calendar, props, attrs) => {
     const weekStart = props.startWeekOnSunday ? 0 : 1;
 
     // 1. Initialize dayjs locale (loads locale data, sets weekStart).
-    await initializeDateLocale(effectiveLocale, weekStart);
+    const dateLocale = await initializeDateLocale(effectiveLocale, weekStart);
 
     // 2. Get calendar section from the library's locale messages.
-    const calendarLang = i18nMessage.value?.calendar;
+    const calendarLang = props.locale
+      ? (dateLocale === 'en' ? enUS : zhCN).calendar
+      : i18nMessage.value?.calendar;
 
     // 3. Build texts from dayjs locale data + library UI text.
-    const translations = createCalendarTexts(calendarLang);
-    Object.assign(calendar.texts, defaults.texts, translations);
+    const translations = createCalendarTexts(calendarLang, dateLocale);
+    Object.assign(calendar.texts, defaults.texts, translations, { dateLocale });
   };
 
   // Keep a local copy of the events so the prop is not mandatory.
   const events = reactive(props.events || []);
-  // Watch both reference (full replacement) and length (push/pop/splice) changes.
-  // Avoids deep watching which would traverse every event property on each mutation.
-  watch(
-    () => props.events,
-    (evts) => events.splice(0, events.length, ...(evts || [])),
-  );
-  // Watch events length to catch push/pop/splice mutations.
+  // Track array membership after prop replacement without watching nested event edits.
   watch(
-    () => props.events?.length,
-    () => {
-      const evts = props.events;
-      if (evts) events.splice(0, events.length, ...evts);
+    () => props.events?.slice() || [],
+    (evts) => {
+      if (events.length !== evts.length || events.some((event, i) => event !== evts[i]))
+        events.splice(0, events.length, ...evts);
     },
   );
 

package/es/calendar/core/events.js

@@ -1,4 +1,4 @@
-import { computed, reactive, shallowReactive, watch } from 'vue';
+import { computed, onBeforeUnmount, reactive, shallowReactive, watch } from 'vue';
 
 import { percentageToMinutes } from '../utils/conversions';
 import {
@@ -17,6 +17,8 @@ export const useEvents = (calendar) => {
   const { dateUtils, config } = calendar;
   const prefixCls = calendar.prefixCls;
   let uid = 0; // Internal unique ID events counter.
+  let disposed = false;
+  let resizeRevision = 0;
 
   // Use shallowReactive for the events index so that mutations to individual event
   // properties (start/end during drag/resize) do NOT trigger a full re-index cascade.
@@ -239,25 +241,18 @@ export const useEvents = (calendar) => {
     }
   };
 
-  // Rebuild the index initially and when events are added or removed (length change).
+  // Rebuild on additions, removals and replacements, including same-length array edits.
   // Individual event property mutations (start/end during drag/resize) do NOT trigger a rebuild —
   // the event references in the index remain valid and the event component's own reactivity
   // handles re-rendering at the individual event level.
   // NOTE: watches must be placed AFTER normalizeEventDates/injectMetaData definitions
   // to avoid temporal dead zone errors when immediate:true fires synchronously.
   watch(
-    () => config.events.length,
+    () => config.events.slice(),
     () => buildEventsIndex(),
     { immediate: true },
   );
 
-  // Also handle full array reference replacement (e.g., props.events replaced entirely).
-  watch(
-    () => config.events,
-    () => buildEventsIndex(),
-    { deep: false },
-  );
-
   // Retrieve an event by its ID.
   const getEvent = (id) => eventsIndex.byId[id];
 
@@ -279,14 +274,7 @@ export const useEvents = (calendar) => {
       return;
     }
 
-    // If `snapToInterval` is enabled in the configuration, adjust the `start` and `end` times to the
-    // nearest interval specified by `config.snapToInterval`.
-    if (config.snapToInterval) {
-      dateUtils.snapToInterval(newEvent.start, config.snapToInterval);
-      dateUtils.snapToInterval(newEvent.end, config.snapToInterval);
-    }
-
-    // Create a clean deep copy of the event to prevent reference issues.
+    // Copy the event and its dates before applying interval snapping.
     newEvent = { ...newEvent };
 
     const start =
@@ -297,6 +285,10 @@ export const useEvents = (calendar) => {
       typeof newEvent.end === 'string'
         ? dateUtils.stringToDate(newEvent.end)
         : new Date(newEvent.end);
+    if (config.snapToInterval) {
+      dateUtils.snapToInterval(start, config.snapToInterval);
+      dateUtils.snapToInterval(end, config.snapToInterval);
+    }
     if (
       !newEvent.allDay &&
       config.time &&
@@ -733,6 +725,7 @@ export const useEvents = (calendar) => {
 
   // Document event handlers for event resizing.
   const onDocumentMousemove = async (e) => {
+    const revision = ++resizeRevision;
     const { clientX, clientY } = e.touches?.[0] || e; // Handle click or touch event.
 
     const adx = clientX - resizeState.resizeAnchorClientX;
@@ -767,15 +760,21 @@ export const useEvents = (calendar) => {
       const { resize: resizeEventHandler } = config.eventListeners?.event || {};
       // Call external validation of event resizing. If successful, update the event details.
       if (internalOk && resizeEventHandler) {
-        acceptResize = await resizeEventHandler({
-          e,
-          event: { ...resizeState.resizingEvent, start: newStart, end: newEnd },
-          overlaps: resizeState.resizingEvent.getOverlappingEvents({
-            start: newStart,
-            end: newEnd,
-          }),
-        });
+        try {
+          acceptResize = await resizeEventHandler({
+            e,
+            event: { ...resizeState.resizingEvent, start: newStart, end: newEnd },
+            overlaps: resizeState.resizingEvent.getOverlappingEvents({
+              start: newStart,
+              end: newEnd,
+            }),
+          });
+        } catch (error) {
+          console.warn('Calendar: Event resize handler rejected the resize.', error);
+          acceptResize = false;
+        }
       }
+      if (disposed || revision !== resizeRevision) return;
       // If the event resizing is accepted, apply to new time range to the event.
       if (acceptResize !== false) {
         resizeState.resizingEvent.start = newStart;
@@ -801,6 +800,9 @@ export const useEvents = (calendar) => {
   };
 
   const onDocumentMouseup = async (e) => {
+    const revision = ++resizeRevision;
+    document.removeEventListener('mousemove', onDocumentMousemove);
+    document.removeEventListener('touchmove', onDocumentMousemove);
     if (calendar.touch?.isResizingEvent && resizeState.resizingEvent) {
       const { clientX, clientY } = e.changedTouches?.[0] || e;
       if (!resizeState.resizeSlopExceeded) {
@@ -820,17 +822,23 @@ export const useEvents = (calendar) => {
         const resizeEndHandler = eventListeners['resize-end'];
         // Call external validation of event resize-end. If successful, update the event details.
         if (internalOk && resizeEndHandler) {
-          acceptResize = await resizeEndHandler({
-            e,
-            event: resizeState.resizingEvent,
-            original: resizeState.resizingOriginalEvent, // Original event details before resizing.
-            overlaps: resizeState.resizingEvent.getOverlappingEvents({
-              start: newStart,
-              end: newEnd,
-            }),
-          });
+          try {
+            acceptResize = await resizeEndHandler({
+              e,
+              event: resizeState.resizingEvent,
+              original: resizeState.resizingOriginalEvent, // Original event details before resizing.
+              overlaps: resizeState.resizingEvent.getOverlappingEvents({
+                start: newStart,
+                end: newEnd,
+              }),
+            });
+          } catch (error) {
+            console.warn('Calendar: Event resize-end handler rejected the resize.', error);
+            acceptResize = false;
+          }
         }
 
+        if (disposed || revision !== resizeRevision) return;
         // If the event resize is accepted apply new range, if refused (SPECIFICALLY FALSE) revert to original.
         resizeState.resizingEvent.start =
           acceptResize === false
@@ -852,15 +860,19 @@ export const useEvents = (calendar) => {
       calendar.touch.currentHoveredCell = null; // Reset current hovered cell.
     }
 
-    // Clean up document event listeners.
-    document.removeEventListener(
-      e.type === 'touchend' ? 'touchmove' : 'mousemove',
-      onDocumentMousemove,
-      { passive: !resizeState.fromResizer },
-    );
+    cleanupResize();
+  };
+
+  const cleanupResize = () => {
+    resizeRevision++;
+    document.removeEventListener('mousemove', onDocumentMousemove);
+    document.removeEventListener('touchmove', onDocumentMousemove);
+    document.removeEventListener('mouseup', onDocumentMouseup);
+    document.removeEventListener('touchend', onDocumentMouseup);
 
     // Reset resizing state.
     calendar.touch.isResizingEvent = false;
+    calendar.touch.currentHoveredCell = null;
     resizeState.fromResizer = false;
     resizeState.resizingEvent = null;
     resizeState.resizingOriginalEvent = null;
@@ -884,6 +896,11 @@ export const useEvents = (calendar) => {
     resizeState.resizeSlopExceeded = false;
   };
 
+  onBeforeUnmount(() => {
+    disposed = true;
+    cleanupResize();
+  });
+
   // Handle mousedown/touchstart on event elements
   const handleEventResize = (e, event, eventEl) => {
     const domEvent = e.touches?.[0] || e; // Handle click or touch event.
@@ -891,6 +908,7 @@ export const useEvents = (calendar) => {
     resizeState.fromResizer = !!domEvent.target.closest(`.${prefixCls}__event-resizer`);
 
     if (resizeState.fromResizer) {
+      resizeRevision++;
       // Set the resizing flag immediately to prevent drag from starting.
       calendar.touch.isResizingEvent = true;
 

package/es/calendar/core/i18n.d.ts

@@ -1 +1 @@
-export function createCalendarTexts(calendarLang?: object): object;
+export function createCalendarTexts(calendarLang?: object, locale?: string): object;

package/es/calendar/core/i18n.js

@@ -25,8 +25,8 @@ const reorderSunToMon = (arr) => [arr[1], arr[2], arr[3], arr[4], arr[5], arr[6]
  * @param {object} [calendarLang] — The `calendar` section from SdLang (from `useI18n().i18nMessage.value.calendar`).
  * @returns {object} Calendar texts ready to merge into `calendar.texts`.
  */
-export const createCalendarTexts = (calendarLang) => {
-  const localeData = dayjs.Ls[dayjs.locale()] || dayjs.Ls.en;
+export const createCalendarTexts = (calendarLang, locale = dayjs.locale()) => {
+  const localeData = dayjs.Ls[locale] || dayjs.Ls.en;
 
   // Weekday names — reordered from dayjs Sun-first to calendar Mon-first.
   const weekDays = reorderSunToMon(localeData.weekdays || []);

package/es/calendar/core/index.d.ts

@@ -33,15 +33,15 @@ export const globalState: {
         isSameDate: (date1: any, date2: any) => boolean;
         isInRange: (date: any, rangeStart: any, rangeEnd: any) => boolean;
         isLeapYear: (date: any) => boolean | 0;
-        getPreviousFirstDayOfWeek: (date: any) => Date;
+        getPreviousFirstDayOfWeek: (date: any, startWeekOnSunday?: boolean) => Date;
         stringToDate: (date: any) => Date;
         dateToMinutes: (date: any) => any;
         countDays: (start: any, end: any) => number;
         datesInSameTimeStep: (date1: any, date2: any, timeStep: any) => boolean;
         isValid: (date: any) => any;
-        formatDate: (date: Date, format?: string, _txts?: Object) => string;
+        formatDate: (date: any, format?: string, texts?: null) => string;
         formatDateLite: (date: any) => string;
-        formatTime: (date: Date | number, format?: string, _txts?: Object, round?: boolean) => string;
+        formatTime: (date: any, format?: string, texts?: null, round?: boolean) => string;
         formatTimeLite: (date: any) => string;
         formatMinutes: (minutes: any) => string;
         updateTexts: () => void;
@@ -85,15 +85,15 @@ export function useCalendar({ props, emit, attrs, calendarEl, scrollbarRef, uid,
         isSameDate: (date1: any, date2: any) => boolean;
         isInRange: (date: any, rangeStart: any, rangeEnd: any) => boolean;
         isLeapYear: (date: any) => boolean | 0;
-        getPreviousFirstDayOfWeek: (date: any) => Date;
+        getPreviousFirstDayOfWeek: (date: any, startWeekOnSunday?: boolean) => Date;
         stringToDate: (date: any) => Date;
         dateToMinutes: (date: any) => any;
         countDays: (start: any, end: any) => number;
         datesInSameTimeStep: (date1: any, date2: any, timeStep: any) => boolean;
         isValid: (date: any) => any;
-        formatDate: (date: Date, format?: string, _txts?: Object) => string;
+        formatDate: (date: any, format?: string, texts?: null) => string;
         formatDateLite: (date: any) => string;
-        formatTime: (date: Date | number, format?: string, _txts?: Object, round?: boolean) => string;
+        formatTime: (date: any, format?: string, texts?: null, round?: boolean) => string;
         formatTimeLite: (date: any) => string;
         formatMinutes: (minutes: any) => string;
         updateTexts: () => void;

package/es/calendar/core/index.js

@@ -56,7 +56,7 @@ export const useCalendar = ({ props, emit, attrs, calendarEl, scrollbarRef, uid,
     },
   });
 
-  state.dateUtils = createDateUtils();
+  state.dateUtils = createDateUtils(() => state.texts.dateLocale);
   state.config = useConfig(state, props, attrs);
   state.eventsManager = useEvents(state);
   state.view = useView(state, calendarEl, scrollbarRef);

package/es/calendar/core/view.js

@@ -28,7 +28,7 @@ export const useView = (
   // [firstCellDate-endCellDate]: the full visible range including out-of-scope days in month view.
   const startTheoretical = ref(new Date(viewDate));
 
-  // For the now line when watchRealTime is true. 2 timeouts: 1 to snap to round minutes, then 1 every minute.
+  // One pending timeout: align to the next minute, then update every minute.
   let timeTickerId = null;
 
   const start = computed(() => {
@@ -108,11 +108,14 @@ export const useView = (
   }
 
   function initTimeTicker() {
+    clearTimeout(timeTickerId);
+    now.value = new Date();
     // Snap the time ticker on round minutes (when seconds = 0), so that we can set
     // the time ticker interval to 60 seconds and spare some function calls.
-    timeTickerId = setTimeout(timeTick, (60 - new Date().getSeconds()) * 1000);
-
-    timeTick();
+    timeTickerId = setTimeout(
+      timeTick,
+      60000 - (now.value.getSeconds() * 1000 + now.value.getMilliseconds()),
+    );
   }
   // ------------------------------------------------------
 
@@ -682,9 +685,9 @@ export const useView = (
     },
   );
   watch(
-    () => config.watchRealTime,
-    (watchRealTime) => {
-      if (watchRealTime && config.time) initTimeTicker();
+    () => config.watchRealTime && config.time,
+    (enabled) => {
+      if (enabled) initTimeTicker();
       else timeTickerId = clearTimeout(timeTickerId);
     },
   );