its_ui_vite 1.0.13 → 1.0.14

package/package.json

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

package/src/components/CDatepicker.vue

@@ -14,7 +14,7 @@
         class="c-datepicker__inp"
         size="sm"
         :width="width"
-        :placeholder="activeDate.toLocaleString(DateTime.DATE_FULL)"
+        :placeholder="datePlaceholder"
         :disabled="true"
       >
         <template #customIcon>
@@ -330,7 +330,12 @@ const text = computed(() => {
   };
 
   return lang[props.locale]
-})
+});
+
+const datePlaceholder = computed(() => {
+  const currentDateISO = activeDate.value.toISO();
+  return DateTime.fromISO(currentDateISO).setLocale(props.locale).toFormat('dd LLLL yyyy')
+});
 
 const monthsOption = computed(() => {
   let options: TSelectOption[] = [];
@@ -645,7 +650,7 @@ defineExpose({
 
 <style lang="scss">
 
-$timeWidth: 60px;
+$timeWidth: 54px;
 
 .c-datepicker {
   display: flex;
@@ -654,6 +659,11 @@ $timeWidth: 60px;
   gap: 15px;
 
   &__inp {
+
+    .c-input {
+      padding: 7px 10px;
+    }
+
     &_wrap {
       position: relative;
 
@@ -736,7 +746,7 @@ $timeWidth: 60px;
       width: $timeWidth;
       height: 32px;
 
-      border: 1px solid var(--white);
+      border: 1px solid var(--green-medium);
       border-radius: 5px;
 
       background: var(--black-dark);
@@ -782,7 +792,7 @@ $timeWidth: 60px;
 
         width: $timeWidth;
         max-height: var(--max-height);
-        padding: 6px;
+        padding: 6px 0px;
 
         border: 1px solid var(--green-dark);
         border-radius: 5px;
@@ -832,7 +842,7 @@ $timeWidth: 60px;
         width: 1px;
         height: var(--scroll-height);
 
-        margin: 0 3px;
+        margin: 0px;
 
         background: var(--green-dark);
       }
@@ -842,7 +852,7 @@ $timeWidth: 60px;
         justify-content: center;
         align-items: center;
         
-        width: 20px;
+        width: 26px;
         height: 20px;
 
         font-size: 14px;