vueless 1.0.2-beta.21 → 1.0.2-beta.22

package/package.json

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

package/ui.form-calendar/UCalendarDayView.vue

@@ -168,6 +168,8 @@ function getDayState(day: Date) {
     hoveredDay.value &&
     !props.selectedDateTo &&
     !dateIsOutOfRange(day, props.selectedDate, hoveredDay.value, props.locale, props.dateFormat);
+  const isLastRangePreview =
+    hoveredDay.value && isInRangePreview && isSameDay(day, hoveredDay.value);
 
   const isInRangePreviewAnotherMonth = isInRangePreview && isAnotherMonthDay;
 
@@ -185,6 +187,7 @@ function getDayState(day: Date) {
     isRangeSameDay,
     isInRangePreview,
     isInRangePreviewAnotherMonth,
+    isLastRangePreview,
   };
 }
 
@@ -341,6 +344,21 @@ defineExpose({
           @mouseover="onMouseoverDay(day)"
         />
 
+        <UButton
+          v-else-if="getDayState(day).isLastRangePreview"
+          tabindex="-1"
+          variant="ghost"
+          color="primary"
+          size="md"
+          square
+          v-bind="lastDayInRangeAttrs"
+          :disabled="dateIsOutOfRange(day, minDate, maxDate, locale, dateFormat)"
+          :label="formatDate(day, 'j', locale)"
+          @mousedown.prevent.capture
+          @click="onClickDay(day)"
+          @mouseover="onMouseoverDay(day)"
+        />
+
         <UButton
           v-else-if="
             getDayState(day).isAnotherMonthDayInRange ||

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

@@ -305,7 +305,7 @@ function activate() {
     adjustPositionY();
     adjustPositionX();
 
-    menuRef.value?.focus();
+    menuRef.value?.focus({ preventScroll: true });
   });
 }