its_ui_vite 1.1.6 → 1.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "its_ui_vite",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "main": "./src/libIndex.js",
   "module": "./src/libIndex.js",
   "files": [

package/src/components/CDatepicker.vue

@@ -2,7 +2,7 @@
   <div
     ref="root"
     :data-c-datepicker-id="datePickerId"
-    :class="['c-datepicker', color]"
+    :class="['c-datepicker', color, { disable: disable }]"
     :style="`--transition: ${transition}ms; --width: ${width}; --picker-content-indent-y: ${pickerContentIndentY}px`"
   >
     <div
@@ -211,6 +211,7 @@ import { computed, ref, watch, onMounted, onUnmounted, Teleport } from 'vue';
 type TProps = {
   date?: string,
   emptyDate?: boolean,
+  disable?: boolean,
   showTime?: boolean,
   color?: 'green' | 'green2',
   locale?: 'rus' | 'usa' | 'tur' | 'spa',
@@ -842,6 +843,17 @@ $timeWidth: 54px;
   }
   // ./prop.color
 
+  // prop.disable
+  &.disable {
+    opacity: 0.6;
+    pointer-events: none;
+
+    .c-input__custom-icon {
+      pointer-events: none !important;
+    }
+  }
+  // ./prop.disable
+
   &__inp {
 
     &.empty-date .c-input::placeholder {

package/src/components/CSelect.vue

@@ -623,6 +623,10 @@ defineExpose({
   &.disabled {
     opacity: 0.6;
     pointer-events: none;
+
+    .c-input__custom-icon {
+      pointer-events: none !important;
+    }
   }
   // ./prop.disabled
   

package/src/pages/index.vue

@@ -886,6 +886,12 @@
                 text
               </CDatepicker>
             </div>
+
+            <div class="table__item">
+              <CDatepicker :disable="true" :is-tooltip="true" @change_cdatepicker="(e) => console.log(e)">
+                text
+              </CDatepicker>
+            </div>
           </div>
           <!-- ./col -->
 
@@ -902,7 +908,7 @@
 
           <!-- col -->
           <div class="table__col checkboxes">
-            <div class="table__item" style="display: flex; flex-direction: column;">
+            <div class="table__item">
               <CDatepicker
                 date="2025-10-10T00:00:00.000+03:00"
                 max="2026-10-10T04:04:00.000+03:00"
@@ -913,6 +919,10 @@
             <div class="table__item">
               <CDatepicker :empty-date="true" @change_cdatepicker="(e) => console.log(e)" />
             </div>
+
+            <div class="table__item">
+              <CDatepicker :disable="true" :empty-date="true" @change_cdatepicker="(e) => console.log(e)" />
+            </div>
           </div>
           <!-- ./col -->
         </div>
@@ -979,6 +989,43 @@
                 }
               ]" />
             </div>
+
+            <div class="table__item">
+              <CSelect variant="multiple" :disabled="true" @change_cselect="(evt) => log(['CSelect multiple', evt])" :options="[
+                {
+                  value: 2,
+                  text: 'btn 1'
+                },
+                {
+                  value: 47565,
+                  text: 'btn 2'
+                },
+                {
+                  value: 'jj889',
+                  text: 'btn 3'
+                },
+                {
+                  value: 4756500,
+                  text: 'btn 4'
+                },
+                {
+                  value: 12,
+                  text: 'btn 5'
+                },
+                {
+                  value: 475651,
+                  text: 'btn 6'
+                },
+                {
+                  value: 'jj8891',
+                  text: 'btn 7'
+                },
+                {
+                  value: 4756510,
+                  text: 'btn 8'
+                }
+              ]" />
+            </div>
           </div>
           <!-- ./col -->