@dataloop-ai/components 0.17.98 → 0.17.100

package/package.json

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

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

@@ -190,6 +190,7 @@ export default defineComponent({
                     new CustomDate(value.toString())
                 )
             ) {
+                style.cursor = 'not-allowed'
                 if (isToday && this.disabled) {
                     style.color = 'var(--dl-color-secondary)'
                     style.opacity = disabledOpacity

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

@@ -152,7 +152,8 @@ export default defineComponent({
             if (!isInRange(this.availableRange, d)) {
                 style = {
                     'border-color': 'var(--dl-color-disabled)',
-                    color: 'var(--dl-color-disabled)'
+                    color: 'var(--dl-color-disabled)',
+                    cursor: 'not-allowed'
                 }
             } else if (this.modelValue !== null) {
                 const from = new CalendarDate(this.modelValue.from)

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

@@ -128,7 +128,7 @@ export default defineComponent({
 <style lang="scss" scoped>
 .dl-time-picker {
     display: flex;
-    justify-content: center;
+    justify-content: flex-start;
     align-items: center;
     border-top: 1px solid var(--dl-color-separator);
     padding: 15px 30px;
@@ -138,7 +138,7 @@ export default defineComponent({
         display: flex;
         justify-content: center;
         align-items: center;
-        min-width: 220px;
+        min-width: 130px;
 
         span {
             font-size: 12px;