vueless 1.3.4 → 1.3.5-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "1.3.4",
+  "version": "1.3.5-beta.1",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "author": "Johnny Grid <hello@vueless.com> (https://vueless.com)",
   "homepage": "https://vueless.com",
@@ -57,7 +57,7 @@
     "@vue/eslint-config-typescript": "^14.6.0",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.7.0",
-    "@vueless/storybook": "^1.2.11",
+    "@vueless/storybook": "^1.2.13",
     "eslint": "^9.32.0",
     "eslint-plugin-storybook": "^10.0.2",
     "eslint-plugin-vue": "^10.3.0",

package/ui.form-calendar/UCalendar.vue

@@ -90,6 +90,12 @@ const emit = defineEmits([
    * @property {string} value
    */
   "userDateChange",
+
+  /**
+   * Triggers when range date values (from or to) change.
+   * @property {object} value
+   */
+  "change-range",
 ]);
 
 const wrapperRef = useTemplateRef<HTMLDivElement>("wrapper");
@@ -253,6 +259,7 @@ const localValue = computed({
       if (newDate && newDateTo) {
         tempRangeValue.value = null;
         emit("update:modelValue", newRangeDate);
+        emit("change-range", newRangeDate);
       }
     } else {
       emit("update:modelValue", newDate);
@@ -453,15 +460,11 @@ function onInputDate(newDate: Date | null) {
   }
 
   if (props.range && isRangeDate(localValue.value)) {
-    const localFromTime =
-      localValue.value?.from instanceof Date ? localValue.value?.from.getTime() : 0;
-
-    const isSameAsFrom = newDate.getTime() === localFromTime;
     const isNewDateLessFromDate = localValue.value.from && newDate < localValue.value.from;
     const areToAndFromDateExists = localValue.value.to && localValue.value.from;
     const hasFrom = localValue.value.from;
 
-    const isFullReset = isSameAsFrom || isNewDateLessFromDate || areToAndFromDateExists || !hasFrom;
+    const isFullReset = isNewDateLessFromDate || areToAndFromDateExists || !hasFrom;
 
     const updatedValue = isFullReset
       ? { from: newDate, to: null }
@@ -472,8 +475,10 @@ function onInputDate(newDate: Date | null) {
       localValue.value = updatedValue;
 
       emit("input", updatedValue);
+      emit("change-range", updatedValue);
     } else {
       tempRangeValue.value = updatedValue;
+      emit("change-range", updatedValue);
     }
   } else {
     localValue.value = newDate;

package/ui.form-date-picker-range/UDatePickerRange.vue

@@ -764,7 +764,7 @@ watchEffect(() => {
           v-bind="datepickerCalendarAttrs as KeyAttrsWithConfig<UCalendarConfig>"
           range
           :data-test="getDataTest('calendar')"
-          @input="onInputCalendar"
+          @change-range="onInputCalendar"
         />
       </div>
     </Transition>

package/ui.form-date-picker-range/utilDateRange.ts

@@ -96,16 +96,9 @@ export function getWeekDateList(date: Date, monthShortLocales: string[] = []) {
     const firstDayOfWeek = startOfWeekDate.getDate();
     const lastDayOfWeek = endOfWeekDate.getDate();
 
-    const isDayInPreviousMonth = week === 0 && firstDayOfWeek > 1;
-    const isLastWeek = week + day === weeksInMonth;
-
-    let monthFirstDayOfWeek = 0;
+    const monthFirstDayOfWeek = startOfWeekDate.getMonth();
     const monthLastDayOfWeek = endOfWeekDate.getMonth();
 
-    if (isDayInPreviousMonth || isLastWeek) {
-      monthFirstDayOfWeek = startOfWeekDate.getMonth();
-    }
-
     const title = `${firstDayOfWeek} ${
       monthShortLocales[monthFirstDayOfWeek] || ""
     } – ${lastDayOfWeek} ${monthShortLocales[monthLastDayOfWeek]}`;