vueless 0.0.452 → 0.0.454

package/package.json

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

package/ui.form-calendar/UCalendar.vue

@@ -181,10 +181,10 @@ defineOptions({ inheritAttrs: false });
 
 const props = defineProps({
   /**
-   * Calendar value (JavaScript Date object or string formatted in given `dateFormat`).
+   * Calendar value (JavaScript Date object or string formatted in given `dateFormat` or object when `range` enabled).
    */
   modelValue: {
-    type: [String, Object],
+    type: [Date, String, Object],
     default: null,
   },
 

package/ui.form-calendar/storybook/stories.js

@@ -29,43 +29,38 @@ const DefaultTemplate = (args) => ({
 
     return { args, slots };
   },
-  data() {
-    return {
-      value: this.args.value,
-    };
-  },
   template: `
-      <UCalendar v-bind="args" v-model="value">
+      <UCalendar v-bind="args" v-model="args.modelValue">
         ${args.slotTemplate || getSlotsFragment()}
       </UCalendar>
 
       <div class="mt-4">
-        {{ value }}
+        {{ args.modelValue }}
       </div>
     `,
 });
 
 export const Default = DefaultTemplate.bind({});
-Default.args = { value: new Date() };
+Default.args = {};
 
 export const Range = DefaultTemplate.bind({});
 Range.args = {
   range: true,
-  value: {
+  modelValue: {
     from: new Date(new Date().setDate(new Date().getDate() - new Date().getDay())),
     to: new Date(new Date().setDate(new Date().getDate() + (6 - new Date().getDay()))),
   },
 };
 
 export const Timepicker = DefaultTemplate.bind({});
-Timepicker.args = { value: new Date(2024, 2, 14, 12, 24, 14), timepicker: true };
+Timepicker.args = { modelValue: new Date(2024, 2, 14, 12, 24, 14), timepicker: true };
 
 export const MinMax = DefaultTemplate.bind({});
 MinMax.args = {
   minDate: new Date(2022, 2, 22),
   maxDate: new Date(2022, 2, 26),
-  value: new Date(2022, 2, 24),
+  modelValue: new Date(2022, 2, 24),
 };
 
 export const DateFormat = DefaultTemplate.bind({});
-DateFormat.args = { dateFormat: "d.m.Y", userDateFormat: "d.m.Y", value: "28.06.2024" };
+DateFormat.args = { dateFormat: "d.m.Y", userDateFormat: "d.m.Y", modelValue: "28.06.2024" };

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

@@ -101,7 +101,7 @@ const props = defineProps({
    * Datepicker value (JavaScript Date object or string formatted in given `dateFormat`).
    */
   modelValue: {
-    type: [Object, String],
+    type: [Date, String],
     default: null,
   },
 
@@ -177,7 +177,7 @@ const props = defineProps({
    * Min date (JavaScript Date object or string formatted in given `dateFormat`).
    */
   minDate: {
-    type: [String, Date],
+    type: [Date, String],
     default: getDefault(defaultConfig, UDatePicker).minDate,
   },
 
@@ -185,7 +185,7 @@ const props = defineProps({
    * Max date (JavaScript Date object or string formatted in given `dateFormat`).
    */
   maxDate: {
-    type: [String, Date],
+    type: [Date, String],
     default: getDefault(defaultConfig, UDatePicker).maxDate,
   },
 

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

@@ -206,7 +206,7 @@ defineOptions({ inheritAttrs: false });
 
 const props = defineProps({
   /**
-   * Datepicker value (JavaScript Date object or string formatted in given `dateFormat`).
+   * Datepicker range value (JavaScript Date objects or strings formatted in given `dateFormat`).
    */
   modelValue: {
     type: Object,
@@ -259,7 +259,7 @@ const props = defineProps({
    * Min date (JavaScript Date object or string formatted in given `dateFormat`).
    */
   minDate: {
-    type: [String, Date],
+    type: [Date, String],
     default: getDefault(defaultConfig, UDatePickerRange).minDate,
   },
 
@@ -267,7 +267,7 @@ const props = defineProps({
    * Max date (JavaScript Date object or string formatted in given `dateFormat`).
    */
   maxDate: {
-    type: [String, Date],
+    type: [Date, String],
     default: getDefault(defaultConfig, UDatePickerRange).maxDate,
   },
 

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.452",
+  "version": "0.0.454",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -899,10 +899,10 @@
           "attributes": [
             {
               "name": "modelValue",
-              "description": "Calendar value (JavaScript Date object or string formatted in given `dateFormat`).",
+              "description": "Calendar value (JavaScript Date object or string formatted in given `dateFormat` or object when `range` enabled).",
               "value": {
                 "kind": "expression",
-                "type": "string|object"
+                "type": "date|string|object"
               },
               "default": "null"
             },
@@ -2342,7 +2342,7 @@
               "description": "Datepicker value (JavaScript Date object or string formatted in given `dateFormat`).",
               "value": {
                 "kind": "expression",
-                "type": "object|string"
+                "type": "date|string"
               },
               "default": "null"
             },
@@ -2423,7 +2423,7 @@
               "description": "Min date (JavaScript Date object or string formatted in given `dateFormat`).",
               "value": {
                 "kind": "expression",
-                "type": "string|date"
+                "type": "date|string"
               }
             },
             {
@@ -2431,7 +2431,7 @@
               "description": "Max date (JavaScript Date object or string formatted in given `dateFormat`).",
               "value": {
                 "kind": "expression",
-                "type": "string|date"
+                "type": "date|string"
               }
             },
             {
@@ -2616,7 +2616,7 @@
           "attributes": [
             {
               "name": "modelValue",
-              "description": "Datepicker value (JavaScript Date object or string formatted in given `dateFormat`).",
+              "description": "Datepicker range value (JavaScript Date objects or strings formatted in given `dateFormat`).",
               "value": {
                 "kind": "expression",
                 "type": "object"
@@ -2664,7 +2664,7 @@
               "description": "Min date (JavaScript Date object or string formatted in given `dateFormat`).",
               "value": {
                 "kind": "expression",
-                "type": "string|date"
+                "type": "date|string"
               }
             },
             {
@@ -2672,7 +2672,7 @@
               "description": "Max date (JavaScript Date object or string formatted in given `dateFormat`).",
               "value": {
                 "kind": "expression",
-                "type": "string|date"
+                "type": "date|string"
               }
             },
             {