@lemonadejs/calendar 3.0.5 → 3.1.1

package/README.md

@@ -44,7 +44,7 @@ import "@lemonadejs/calendar/dist/style.css"
 export default function App() {
     const self = this;
 
-    return `<Calendar />`;
+    return `<Calendar type="inline" />`;
 }
 ```
 
@@ -57,19 +57,16 @@ You can configure things such as calendar starting date, calendar events, and cu
 | Property | Type | Description |
 | -------- | ---- | ----------- |
 | value | date | The value currently attached to the calendar. |
-| range | array | Defines a restricted range of selectable dates within the calendar. Example: ['2023-06-20', '2023-06-25']. |
-| closed | boolean | Control when the calendar modal is open or closed. |
-| time | boolean | Enables time selection into the calendar. |
-| type | string | |
+| range | Boolean | Activates the range mode in the calendar, enabling users to select two dates and represent the range between them as a value. |
+| type | string | Specifies the parameters for controlling the rendering behavior of the calendar. |
+| numeric | boolean | Enables the use of numeric dates, treating them as serial numbers. |
+| input? | HTML element | An optional reference to control the calendar opening. The value is automatically bound when using this property. |
 
 ### Calendar Events
 
 | Event | Type | Description |
 | -------- | ---- | ----------- |
-| onopen? | () => void | Called when modal opens. |
-| onclose? | () => void | Called when modal closes. |
-| onupdate? | (instance.value) => void | Called when value updates. |
-| onchange? | (instance.value) => void | Called when some state inside the component changes. |
+| onupdate?: (self, value) => void | Called when a new date is selected. |
 
 ## License
 

package/dist/index.d.ts

@@ -10,7 +10,7 @@ declare namespace Calendar {
     interface Options {
         /** Range picker */
         range?: boolean;
-        /** Caqlendar type */
+        /** Calendar type */
         type?: 'default' | 'inline';
         /** Calendar value will be a excel-like number or a ISO string. Default false */
         numeric?: boolean;
@@ -21,6 +21,14 @@ declare namespace Calendar {
     }
 
     interface Instance {
+        /** Range picker */
+        range?: boolean;
+        /** Calendar type */
+        type?: 'default' | 'inline';
+        /** Calendar value will be a excel-like number or a ISO string. Default false */
+        numeric?: boolean;
+        /** Value */
+        value?: number | string;
     }
 }
 

package/dist/index.js

@@ -683,6 +683,9 @@ if (! Modal && typeof (require) === 'function') {
                     width: 300,
                     closed: true,
                     focus: false,
+                    position: 'absolute',
+                    'auto-adjust': true,
+                    'auto-close': false,
                 };
                 // Generate modal
                 Modal(self.el, self.modal);

package/dist/vue.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Official Type definitions for the LemonadeJS plugins
+ * https://lemonadejs.net
+ * Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+ */
+import Component from './index';
+
+interface Calendar {
+    (): any
+    [key: string]: any
+}
+
+declare function Calendar<Calendar>(props: Component.Options): any;
+
+export default Calendar;

package/package.json

@@ -15,9 +15,9 @@
     ],
     "dependencies": {
         "lemonadejs": "^4.0.7",
-        "@lemonadejs/modal": "^2.4.6"
+        "@lemonadejs/modal": "^2.7.1"
     },
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
-    "version": "3.0.5"
+    "version": "3.1.1"
 }