vueless 0.0.575 → 0.0.577

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.575",
+  "version": "0.0.577",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/ui.data-table/UTableRow.vue

@@ -150,6 +150,12 @@ function onClick(row: Row) {
 }
 
 function onDoubleClick(row: Row) {
+  const selection = window.getSelection();
+
+  if (selection) {
+    selection.removeAllRanges();
+  }
+
   emit("dblclick", row);
 }
 

package/ui.form-calendar/UCalendar.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts" generic="TModelValue extends DateValue">
-import { computed, ref, watch, useTemplateRef, onMounted } from "vue";
+import { computed, ref, watch, useTemplateRef } from "vue";
 import { merge } from "lodash-es";
 
 import UButton from "../ui.button/UButton.vue";
@@ -333,19 +333,23 @@ watch(
   },
 );
 
-onMounted(() => {
-  if (selectedDate.value && isTimepickerEnabled.value && isInputRefs.value && props.timepicker) {
-    hoursRef.value!.value = String(selectedDate.value.getHours()).padStart(2, "0");
-    minutesRef.value!.value = String(selectedDate.value.getMinutes()).padStart(2, "0");
-    secondsRef.value!.value = String(selectedDate.value.getSeconds()).padStart(2, "0");
+watch(
+  selectedDate,
+  () => {
+    if (selectedDate.value && isTimepickerEnabled.value && isInputRefs.value && props.timepicker) {
+      hoursRef.value!.value = String(selectedDate.value.getHours()).padStart(2, "0");
+      minutesRef.value!.value = String(selectedDate.value.getMinutes()).padStart(2, "0");
+      secondsRef.value!.value = String(selectedDate.value.getSeconds()).padStart(2, "0");
 
-    emit("userDateChange", userFormattedDate.value);
-  }
+      emit("userDateChange", userFormattedDate.value);
+    }
 
-  if (selectedDate.value) {
-    emit("userDateChange", userFormattedDate.value);
-  }
-});
+    if (selectedDate.value) {
+      emit("userDateChange", userFormattedDate.value);
+    }
+  },
+  { immediate: true },
+);
 
 function getCurrentValueType(value: DateValue): DateValue {
   if (props.range && value === null) {

package/ui.form-calendar/utilCalendar.ts

@@ -59,7 +59,7 @@ export function parseDate<TLocale extends DateLocale>(
   }
 
   let timeless = false;
-  let parsedDate = null;
+  let parsedDate: Date | null = null;
   const originalDate = date;
 
   const isDateObject = date instanceof Date;
@@ -81,7 +81,7 @@ export function parseDate<TLocale extends DateLocale>(
       parsedDate = new Date();
       timeless = true;
     } else {
-      parsedDate = parseStringDate(date, format, locale);
+      parsedDate = parseStringDate(date, format, locale) || null;
     }
   }
 

package/ui.form-date-picker/UDatePicker.vue

@@ -154,6 +154,7 @@ function onPaste(event: ClipboardEvent) {
   try {
     const pasteContent = event.clipboardData ? event.clipboardData.getData("text/plain") : "";
     const userFormat = props.timepicker ? props.userDateTimeFormat : props.userDateFormat;
+    const dateFormat = props.timepicker ? props.dateFormat : props.dateTimeFormat;
     const relativeTokensAmount = Number(userFormat.match(/(?<!\\)r/g)?.length);
 
     // Amount of tokens used in format string without decimeters.
@@ -195,7 +196,7 @@ function onPaste(event: ClipboardEvent) {
 
     if (parsedDate) {
       localValue.value = (
-        props.dateFormat ? formatDate(parsedDate, userFormat, locale.value) : parsedDate
+        dateFormat ? formatDate(parsedDate, dateFormat, locale.value) : parsedDate
       ) as TModelValue;
     }
   } catch (error) {

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.575",
+  "version": "0.0.577",
   "contributions": {
     "html": {
       "description-markup": "markdown",