vueless 0.0.735 → 0.0.737

package/package.json

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

package/ui.data-table/UTable.vue

@@ -357,7 +357,7 @@ function isShownDateDivider(rowIndex: number) {
   const isPrevSameDate = prevItem?.rowDate === currentItem?.rowDate;
   const isNextSameDate = nextItem?.rowDate === currentItem?.rowDate;
 
-  return isPrevSameDate && !isNextSameDate && props.dateDivider;
+  return !isPrevSameDate && isNextSameDate && props.dateDivider;
 }
 
 function onClickRow(row: Row) {

package/ui.data-table/config.ts

@@ -81,7 +81,7 @@ export default /*tw*/ {
   },
   bodySelectedDateDivider: {
     base: "{>bodyDateDivider}",
-    label: "bg-gray-200 transition",
+    label: "bg-gray-100 transition",
   },
   bodyEmptyState: "{UEmpty} my-8",
   footer: {

package/ui.form-calendar/UCalendarDayView.vue

@@ -148,6 +148,7 @@ function getDayState(day: Date) {
   const isSelectedDay = isSameDay(day, localSelectedDate.value) && props.selectedDate !== null;
   const isCurrentDay = isToday(day);
   const isAnotherMonthDay = isAnotherMothDay(day, activeMonthDate.value);
+  const isAnotherMonthDayInRange = isAnotherMonthDay && isDayInRange;
   const isCurrentDayInRange = isCurrentDay && isDayInRange;
   const isFirstDayInRange = props.range && isSameDay(day, localSelectedDate.value);
   const isLastDayInRange =
@@ -171,6 +172,7 @@ function getDayState(day: Date) {
     isAnotherMonthFirstDayInRange,
     isAnotherMonthLastDayInRange,
     isActiveDay,
+    isAnotherMonthDayInRange,
   };
 }
 
@@ -213,6 +215,7 @@ const {
   activeDayAttrs,
   currentLastDayInRangeAttrs,
   currentFirstDayInRangeAttrs,
+  anotherMonthDayInRangeAttrs,
 } = useUI<Config>(defaultConfig);
 </script>
 
@@ -355,6 +358,20 @@ const {
           @click="onClickDay(day)"
         />
 
+        <UButton
+          v-else-if="getDayState(day).isAnotherMonthDayInRange"
+          tabindex="-1"
+          variant="thirdary"
+          color="blue"
+          size="md"
+          square
+          v-bind="anotherMonthDayInRangeAttrs"
+          :disabled="dateIsOutOfRange(day, minDate, maxDate, locale, dateFormat)"
+          :label="formatDate(day, 'j', locale)"
+          @mousedown.prevent.capture
+          @click="onClickDay(day)"
+        />
+
         <UButton
           v-else-if="getDayState(day).isDayInRange"
           tabindex="-1"

package/ui.form-calendar/config.ts

@@ -14,7 +14,7 @@ export default /*tw*/ {
       },
     },
   },
-  dateInRange: "bg-brand-600/10 !text-brand-900 hover:bg-brand/15 rounded-none",
+  dateInRange: "bg-brand-600/10 text-brand-900 hover:bg-brand/15 rounded-none",
   edgeDateInRange: "",
   firstDateInRange: "rounded-r-none",
   lastDateInRange: "rounded-l-none",
@@ -27,6 +27,7 @@ export default /*tw*/ {
   dayInRange: "{>day} {>dateInRange}",
   currentDayInRange: "{>day} {>dateInRange} {>currentDate}",
   anotherMonthDay: "{>day} {>anotherMonthDate} font-normal",
+  anotherMonthDayInRange: "{>day} {>dateInRange} {>anotherMonthDate} font-normal",
   firstDayInRange: "{>day} {>edgeDateInRange} {>firstDateInRange}",
   anotherMonthFirstDayInRange: "{>day} {>anotherMonthDay} {>edgeDateInRange} {>firstDateInRange}",
   lastDayInRange: "{>day} {>edgeDateInRange} {>lastDateInRange}",