vueless 0.0.593 → 0.0.595

package/package.json

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

package/ui.form-date-picker/UDatePicker.vue

@@ -277,7 +277,7 @@ watchEffect(() => {
   <div v-bind="wrapperAttrs" ref="wrapper">
     <UInput
       :id="elementId"
-      :key="String(userDateFormat)"
+      :key="String(userFormatDate)"
       ref="input"
       :model-value="userFormatDate"
       :label-align="labelAlign"
@@ -288,7 +288,7 @@ watchEffect(() => {
       :disabled="disabled"
       :size="size"
       :left-icon="leftIcon"
-      :right-icon="rightIcon"
+      :right-icon="rightIcon || config.defaults.calendarIcon"
       v-bind="isShownCalendar ? datepickerInputActiveAttrs : datepickerInputAttrs"
       @input="onTextInput"
       @focus="activate"
@@ -306,7 +306,7 @@ watchEffect(() => {
         <!--
           @slot Use it add an icon before the date.
           @binding {string} icon-name
-          @binding {string} icon-nize
+          @binding {string} icon-size
         -->
         <slot name="left-icon" :icon-name="iconName" :icon-size="iconSize" />
       </template>

package/ui.form-date-picker/config.ts

@@ -130,6 +130,6 @@ export default /*tw*/ {
     timepicker: false,
     disabled: false,
     /* icons */
-    rightIcon: "calendar_month-fill",
+    calendarIcon: "calendar_month-fill",
   },
 };

package/ui.form-date-picker-range/UDatePickerRange.vue

@@ -594,7 +594,7 @@ watchEffect(() => {
       :error="error"
       readonly
       :left-icon="leftIcon"
-      :right-icon="rightIcon"
+      :right-icon="rightIcon || config.defaults.calendarIcon"
       v-bind="isShownMenu ? datepickerActiveInputAttrs : datepickerInputAttrs"
       @focus="activate"
     >

package/ui.form-date-picker-range/config.ts

@@ -217,7 +217,7 @@ export default /*tw*/ {
     maxDate: undefined,
     minDate: undefined,
     /* icons */
-    rightIcon: "calendar_month-fill",
+    calendarIcon: "calendar_month-fill",
     nextIcon: "keyboard_arrow_right",
     prevIcon: "keyboard_arrow_left",
     ownRangeIcon: "apps",

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.593",
+  "version": "0.0.595",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -3075,8 +3075,7 @@
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "calendar_month-fill"
+              }
             },
             {
               "name": "disabled",
@@ -3160,6 +3159,7 @@
                   "name": "icon-name"
                 },
                 {
+                  "type": "string",
                   "name": "icon-size"
                 }
               ]
@@ -3371,8 +3371,7 @@
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "calendar_month-fill"
+              }
             },
             {
               "name": "label",