@dataloop-ai/components 0.19.40 → 0.19.42

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.19.40",
+  "version": "0.19.42",
   "exports": {
     ".": "./index.ts",
     "./models": "./models.ts",

package/src/components/compound/DlDateTime/DlDatePicker/DlDatePicker.vue

@@ -195,11 +195,11 @@ export default defineComponent({
         updateModelValue(value: DateInterval) {
             if (this.disabled) return
             const valueToUse = value
-            if (value && moment(value.from).isSame(value.to)) {
-                if (this.type === 'day')
-                    valueToUse.to = moment(value.from).endOf('day').toDate()
-                else {
-                    valueToUse.to = moment(value.from).endOf('month').toDate()
+            if (value) {
+                if (this.type === 'day') {
+                    valueToUse.to = moment(value.to).endOf('day').toDate()
+                } else {
+                    valueToUse.to = moment(value.to).endOf('month').toDate()
                 }
             }
             this.$emit('update:model-value', valueToUse)

package/src/components/compound/DlPagination/components/PaginationLegend.vue

@@ -1,7 +1,6 @@
 <template>
     <div class="dl-pagination--legend">
-        <span>Showing {{ from }}-{{ to
-        }}<span v-if="total"> of {{ total }} {{ itemsName }} </span></span>
+        {{ paginationContent }}
     </div>
 </template>
 
@@ -27,6 +26,14 @@ export default defineComponent({
             type: String,
             default: 'rows'
         }
+    },
+    computed: {
+        paginationContent() {
+            return (
+                `Showing ${this.from}-${this.to}` +
+                (this.total ? ` of ${this.total} ${this.itemsName}` : '')
+            )
+        }
     }
 })
 </script>
@@ -36,5 +43,8 @@ export default defineComponent({
     justify-content: flex-end;
     display: flex;
     color: var(--dl-color-lighter);
+    height: 100%;
+    min-width: min-content;
+    overflow-y: scroll;
 }
 </style>

package/src/demos/DlPaginationDemo.vue

@@ -1,24 +1,29 @@
 <template>
     <div style="align-items: stretch">
-        <div class="row">
+        <div>
             <dl-input
                 v-model="rowsPerPage"
+                width="100px"
                 title="rowsPerPage"
             />
             <dl-input
                 v-model="total"
+                width="100px"
                 title="total items"
             />
             <dl-input
                 v-model="max"
+                width="100px"
                 title="max"
             />
             <dl-input
                 v-model="maxDisplayRange"
+                width="100px"
                 title="maxDisplayRange"
             />
             <dl-input
                 v-model="itemsName"
+                width="100px"
                 title="itemsName"
             />
         </div>
@@ -106,7 +111,7 @@ export default defineComponent({
             boundaryNumbers: true,
             boundaryLinks: true,
             directionLinks: true,
-            total: 200,
+            total: 999,
             withQuickNavigation: true,
             disabled: false,
             itemsName: 'Rows',