@lemonadejs/calendar 5.2.0 → 5.2.1

package/README.md

@@ -1,88 +1,90 @@
-# JavaScript Calendar
-
-[Official JavaScript Calendar Documenation](https://lemonadejs.com/docs/plugins/calendar)
-
-Compatible with Vanilla JavaScript, LemonadeJS, React, VueJS or Angular.
-
-# JavaScript Calendar
-
-Leverage the power of the LemonadeJS Calendar, a lightweight and versatile JavaScript component compatible with React, VueJS, and Angular. Designed to enhance web applications, it offers an embeddable calendar for easy date, time, and range selections. Key features include:
-
-- Intuitive keyboard navigation.
-- A reactive and responsive design for seamless device adaptation.
-- Flexible range selection for various applications.
-- Customizable options to match your project needs.
-
-## Getting Started
-
-You can install using NPM or using directly from a CDN.
-
-### npm Installation
-
-To install it in your project using npm, run the following command:
-
-```bash
-$ npm install @lemonadejs/calendar
-```
-
-### CDN
-
-For immediate use without NPM, include these script tags in your HTML for access to the calendar and its dependencies:
-
-```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@lemonadejs/modal/dist/style.min.css" />
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@lemonadejs/calendar/dist/style.min.css" />
-<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons" />
-<script src="https://cdn.jsdelivr.net/npm/lemonadejs/dist/lemonade.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/@lemonadejs/modal/dist/index.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/@lemonadejs/calendar/dist/index.min.js"></script>
-```
-
-### Usage
-
-Quick example with ReactJS.
-
-```javascript
-import React, { useRef } from 'react';
-import Calendar from '@lemonadejs/calendar/dist/react';
-
-import "@lemonadejs/calendar/dist/style.css";
-import "@lemonadejs/modal/dist/style.css";
-
-export default function App() {
-    const calendarRef = useRef();
-
-    return (<>
-        <Calendar type={'inline'} ref={calendarRef} value={new Date()} />
-    </>);
-}
-```
-
-### Configuration
-
-You can configure things such as calendar starting date, calendar events, and customize functions.
-
-#### Calendar Properties
-
-| Attribute | Type             | Description                                                                                                       |
-| --------- |------------------|-------------------------------------------------------------------------------------------------------------------|
-| type?     | string           | Determines the rendering type for the calendar. Options: 'inline', 'default'.                                     |
-| range?    | boolean          | Enables the range mode for date selection.                                                                        |
-| value?    | number or string | Represents the currently selected date.                                                                           |
-| 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                            | Description                         |
-|----------------------------------|-------------------------------------|
-| onchange?: (self, value) => void | Called when a new date is selected. |
-
-## License
-
-The LemonadeJS [Reactive JavaScript Calendar](https://lemonadejs.com/docs/plugins/calendar) is released under the MIT.
-
-## Other Tools
-
--   [jSuites Plugins - JavaScript Calendar](https://jsuites.net/docs/javascript-calendar)
--   [Jspreadsheet - JavaScript Spreadsheet](https://jspreadsheet.com/)
+# JavaScript Calendar
+
+[Official JavaScript Calendar Documenation](https://lemonadejs.com/docs/plugins/calendar)
+
+Compatible with Vanilla JavaScript, LemonadeJS, React, VueJS or Angular.
+
+# JavaScript Calendar
+
+Leverage the power of the LemonadeJS Calendar, a lightweight and versatile JavaScript component compatible with React, VueJS, and Angular. Designed to enhance web applications, it offers an embeddable calendar for easy date, time, and range selections. Key features include:
+
+-   Intuitive keyboard navigation.
+-   A reactive and responsive design for seamless device adaptation.
+-   Flexible range selection for various applications.
+-   Customizable options to match your project needs.
+
+## Getting Started
+
+You can install using NPM or using directly from a CDN.
+
+### npm Installation
+
+To install it in your project using npm, run the following command:
+
+```bash
+$ npm install @lemonadejs/calendar
+```
+
+### CDN
+
+For immediate use without NPM, include these script tags in your HTML for access to the calendar and its dependencies:
+
+```html
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@lemonadejs/modal/dist/style.min.css" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@lemonadejs/calendar/dist/style.min.css" />
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons" />
+<script src="https://cdn.jsdelivr.net/npm/lemonadejs/dist/lemonade.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@lemonadejs/modal/dist/index.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@lemonadejs/calendar/dist/index.min.js"></script>
+```
+
+### Usage
+
+Quick example with ReactJS.
+
+```javascript
+import React, { useRef } from 'react';
+import Calendar from '@lemonadejs/calendar/dist/react';
+
+import '@lemonadejs/calendar/dist/style.css';
+import '@lemonadejs/modal/dist/style.css';
+
+export default function App() {
+    const calendarRef = useRef();
+
+    return (
+        <>
+            <Calendar type={'inline'} ref={calendarRef} value={new Date()} />
+        </>
+    );
+}
+```
+
+### Configuration
+
+You can configure things such as calendar starting date, calendar events, and customize functions.
+
+#### Calendar Properties
+
+| Attribute | Type             | Description                                                                                                       |
+| --------- | ---------------- | ----------------------------------------------------------------------------------------------------------------- |
+| type?     | string           | Determines the rendering type for the calendar. Options: 'inline', 'default'.                                     |
+| range?    | boolean          | Enables the range mode for date selection.                                                                        |
+| value?    | number or string | Represents the currently selected date.                                                                           |
+| 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                            | Description                         |
+| -------------------------------- | ----------------------------------- |
+| onchange?: (self, value) => void | Called when a new date is selected. |
+
+## License
+
+The LemonadeJS [Reactive JavaScript Calendar](https://lemonadejs.com/docs/plugins/calendar) is released under the MIT.
+
+## Other Tools
+
+-   [jSuites Plugins - JavaScript Calendar](https://jsuites.net/docs/javascript-calendar)
+-   [Jspreadsheet - JavaScript Spreadsheet](https://jspreadsheet.com/)

package/dist/index.js

@@ -304,7 +304,7 @@ if (! Modal && typeof (require) === 'function') {
         return component;
     })();
 
-    const Mask = (function() {
+    const Mask = (function Mask() {
         // Currency
         const tokens = {
             // Text
@@ -325,6 +325,33 @@ if (! Modal && typeof (require) === 'function') {
             general: [ 'A', '0', '\\?', '\\*', ',,M', ',,,B', '[0-9a-zA-Z\\$]+', '_\\(', '_\\)', '\\(', '\\)', '_-', '.']
         }
 
+        // All expressions
+        const allExpressions = [].concat(tokens.fraction, tokens.currency, tokens.datetime, tokens.percentage, tokens.scientific, tokens.numeric, tokens.text, tokens.general).join('|');
+
+        // Pre-compile all regexes once at initialization for better performance
+        const compiledTokens = {};
+        const tokenPriority = ['fraction', 'currency', 'scientific', 'percentage', 'numeric', 'datetime', 'text', 'general'];
+
+        // Initialize compiled regexes
+        for (const type of tokenPriority) {
+            compiledTokens[type] = tokens[type].map(pattern => ({
+                regex: new RegExp('^' + pattern + '$', 'gi'),
+                method: pattern
+            }));
+        }
+
+        // Pre-compile regex for getTokens function
+        const allExpressionsRegex = new RegExp(allExpressions, 'gi');
+
+        // Pre-compile currency symbol regexes for autoCastingCurrency
+        const knownSymbols = ['$', '€', '£', '¥', '₹', '₽', '₩', '₫', 'R$', 'CHF', 'AED'];
+        const currencyRegexes = knownSymbols.map(s => ({
+            symbol: s,
+            regex: new RegExp(`^${s.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&')}(\\s?)`)
+        }));
+
+        const hiddenCaret = "\u200B";
+
         // Labels
         const weekDaysFull = Helpers.weekdays;
         const weekDays = Helpers.weekdaysShort;
@@ -333,6 +360,29 @@ if (! Modal && typeof (require) === 'function') {
 
         // Helpers
 
+        const focus = function(el) {
+            if (el.textContent.length) {
+                // Handle contenteditable elements
+                const range = document.createRange();
+                const sel = window.getSelection();
+
+                let node = el;
+                // Go as deep as possible to the last text node
+                while (node.lastChild) node = node.lastChild;
+                // Ensure it's a text node
+                if (node.nodeType === Node.TEXT_NODE) {
+                    range.setStart(node, node.length);
+                } else {
+                    range.setStart(node, node.childNodes.length);
+                }
+                range.collapse(true);
+                sel.removeAllRanges();
+                sel.addRange(range);
+
+                el.scrollLeft = el.scrollWidth;
+            }
+        }
+
         /**
          * Returns if the given value is considered blank
          */
@@ -461,7 +511,6 @@ if (! Modal && typeof (require) === 'function') {
         const setCaret = function(index) {
             if (typeof index !== 'number') index = Number(index) || 0;
 
-            // Inputs/Textareas
             if (this.tagName !== 'DIV' || this.isContentEditable !== true) {
                 const n = this.value ?? '';
                 if (index < 0) index = 0;
@@ -648,14 +697,18 @@ if (! Modal && typeof (require) === 'function') {
                     }
                 } else {
                     if (this.values[this.index] == 1 && parseInt(v) < 3) {
-                        this.date[1] = this.values[this.index] += v;
+                        this.values[this.index] += v;
                         commit();
                     } else if (this.values[this.index] == 0 && parseInt(v) > 0 && parseInt(v) < 10) {
-                        this.date[1] = this.values[this.index] += v;
+                        this.values[this.index] += v;
                         commit();
                     } else {
                         let test = parseInt(this.values[this.index]);
                         if (test > 0 && test <= 12) {
+                            if (! single) {
+                                test = '0' + test;
+                            }
+                            this.values[this.index] = test;
                             commit();
                             return false;
                         }
@@ -706,6 +759,10 @@ if (! Modal && typeof (require) === 'function') {
                     } else {
                         let test = parseInt(this.values[this.index]);
                         if (test > 0 && test <= 31) {
+                            if (! single) {
+                                test = '0' + test;
+                            }
+                            this.values[this.index] = test;
                             commit();
                             return false;
                         }
@@ -935,10 +992,7 @@ if (! Modal && typeof (require) === 'function') {
                         }
                         this.values[this.index] += this.decimal;
                     }
-                } else if (v === "\u200B") {
-                    this.values[this.index] += v;
                 }
-
             },
             '[0#]+([.,]{1}0*#*)?%': function(v) {
                 parseMethods['[0#]+([.,]{1}0*#*)?'].call(this, v);
@@ -1094,7 +1148,7 @@ if (! Modal && typeof (require) === 'function') {
                 // Add the value
                 this.values[this.index] += v;
                 // Only if caret is before the change
-                let current = this.values[this.index].replace('\u200B','');
+                let current = this.values[this.index];
                 // Add token to the values
                 if (current !== word.substring(0,current.length)) {
                     this.values[this.index] = word;
@@ -1121,7 +1175,7 @@ if (! Modal && typeof (require) === 'function') {
                     this.index++;
                 }
             },
-            '\\*': function(v) {
+            '\\*': function() {
                 this.values[this.index] = '';
                 this.index++;
                 return false;
@@ -1160,17 +1214,17 @@ if (! Modal && typeof (require) === 'function') {
                 }
                 this.values[this.index] += v;
             },
-            '_\\(': function(v) {
+            '_\\(': function() {
                 this.values[this.index] = ' ';
                 this.index++;
                 return false;
             },
-            '_\\)': function(v) {
+            '_\\)': function() {
                 this.values[this.index] = ' ';
                 this.index++;
                 return false;
             },
-            '\\(': function(v) {
+            '\\(': function() {
                 if (this.type === 'currency' && this.parenthesisForNegativeNumbers) {
                     this.values[this.index] = '';
                 } else {
@@ -1179,7 +1233,7 @@ if (! Modal && typeof (require) === 'function') {
                 this.index++;
                 return false;
             },
-            '\\)': function(v) {
+            '\\)': function() {
                 if (this.type === 'currency' && this.parenthesisForNegativeNumbers) {
                     this.values[this.index] = '';
                 } else {
@@ -1188,17 +1242,17 @@ if (! Modal && typeof (require) === 'function') {
                 this.index++;
                 return false;
             },
-            '_-': function(v) {
+            '_-': function() {
                 this.values[this.index] = ' ';
                 this.index++;
                 return false;
             },
-            ',,M': function(v) {
+            ',,M': function() {
                 this.values[this.index] = 'M';
                 this.index++;
                 return false;
             },
-            ',,,B': function(v) {
+            ',,,B': function() {
                 this.values[this.index] = 'B';
                 this.index++;
                 return false;
@@ -1243,9 +1297,8 @@ if (! Modal && typeof (require) === 'function') {
         // Types TODO: Generate types so we can garantee that text,scientific, numeric,percentage, current are not duplicates. If they are, it will be general or broken.
 
         const getTokens = function(str) {
-            const expressions = [].concat(tokens.fraction, tokens.currency, tokens.datetime, tokens.percentage, tokens.scientific, tokens.numeric, tokens.text, tokens.general);
-            // Expression to extract all tokens from the string
-            return str.match(new RegExp(expressions.join('|'), 'gi'));
+            allExpressionsRegex.lastIndex = 0; // Reset for global regex
+            return str.match(allExpressionsRegex);
         }
 
         /**
@@ -1253,35 +1306,23 @@ if (! Modal && typeof (require) === 'function') {
          */
         const getMethod = function(str, temporary) {
             str = str.toString().toUpperCase();
-            const types = Object.keys(tokens);
 
             // Check for datetime mask
-            let datetime = true;
-            for (let i = 0; i < temporary.length; i++) {
-                let type = temporary[i].type;
-                if (! (type === 'datetime' || type === 'general')) {
-                    datetime = false;
-                }
-            }
-
-            // Remove date time from the possible types
-            if (datetime !== true) {
-                let index = types.indexOf('datetime');
-                types.splice(index, 1);
-            }
+            const datetime = temporary.every(t => t.type === 'datetime' || t.type === 'general');
 
-            // Get the method based on the token
-            for (let i = 0; i < types.length; i++) {
-                let type = types[i];
+            // Use priority order for faster matching with pre-compiled regexes
+            for (const type of tokenPriority) {
+                if (!datetime && type === 'datetime') continue;
 
-                for (let j = 0; j < tokens[type].length; j++) {
-                    let e = new RegExp('^' + tokens[type][j] + '$', 'gi'); // Anchor regex
-                    let r = str.match(e);
-                    if (r) {
-                        return { type: type, method: tokens[type][j] }
+                for (const compiled of compiledTokens[type]) {
+                    let regex = compiled.regex;
+                    regex.lastIndex = 0; // Reset regex state
+                    if (regex.test(str)) {
+                        return { type: type, method: compiled.method };
                     }
                 }
             }
+            return null;
         }
 
         const fixMinuteToken = function(t) {
@@ -1417,7 +1458,7 @@ if (! Modal && typeof (require) === 'function') {
 
         const isNumber = function(num) {
             if (typeof(num) === 'string') {
-                num = num.replace("\u200B", "").trim();
+                num = num.trim();
             }
             return !isNaN(num) && num !== null && num !== '';
         }
@@ -1711,7 +1752,7 @@ if (! Modal && typeof (require) === 'function') {
         }
 
         const extractDateAndTime = function(value) {
-            value = '' + value.substring(0,19);
+            value = value.toString().substring(0,19);
             let splitStr = (value.indexOf('T') !== -1) ? 'T' : ' ';
             value = value.split(splitStr);
 
@@ -1759,11 +1800,20 @@ if (! Modal && typeof (require) === 'function') {
                 // Walk every character on the value
                 let method;
                 while (method = getMethodByPosition(control)) {
-                    // Get the method name to handle the current token
-                    let ret = method.call(control, control.value[control.position]);
-                    // Next position
-                    if (ret !== false) {
+                    let char = control.value[control.position];
+                    if (char === hiddenCaret) {
+                        control.caret = {
+                            index: control.index,
+                            position: control.values[control.index]?.length ?? 0,
+                        }
                         control.position++;
+                    } else {
+                        // Get the method name to handle the current token
+                        let ret = method.call(control, char);
+                        // Next position
+                        if (ret !== false) {
+                            control.position++;
+                        }
                     }
                 }
 
@@ -1785,6 +1835,13 @@ if (! Modal && typeof (require) === 'function') {
                     }
                 }
             }
+            if (control.caret) {
+                let index = control.caret.index;
+                let position = control.caret.position;
+                let value = control.values[index] ?? '';
+                // Re-apply the caret to the original position
+                control.values[index] = value.substring(0, position) + hiddenCaret + value.substring(position);
+            }
 
             control.value = getValue(control);
 
@@ -1897,7 +1954,6 @@ if (! Modal && typeof (require) === 'function') {
                     const parts = str.split('-');
                     const p1 = parseInt(parts[0]);
                     const p2 = parseInt(parts[1]);
-                    const p3 = parseInt(parts[2]);
 
                     if (p1 <= 12 && p2 <= 31 && p2 > 12) {
                         patterns.push('mm-dd-yyyy', 'mm-dd-yy', 'm-d-yyyy', 'm-d-yy');
@@ -2085,13 +2141,10 @@ if (! Modal && typeof (require) === 'function') {
             const hasParens = /^\s*\(.+\)\s*$/.test(original);
             let value = original.replace(/[()\-]/g, '').trim();
 
-            // Known symbols
-            const knownSymbols = ['$', '€', '£', '¥', '₹', '₽', '₩', '₫', 'R$', 'CHF', 'AED'];
+            // Use pre-compiled currency regexes
             let symbol = '';
 
-            for (let s of knownSymbols) {
-                const escaped = s.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
-                const regex = new RegExp(`^${escaped}(\\s?)`);
+            for (let {symbol: s, regex} of currencyRegexes) {
                 const match = value.match(regex);
                 if (match) {
                     symbol = s + (match[1] || '');
@@ -2441,8 +2494,6 @@ if (! Modal && typeof (require) === 'function') {
             return returnObject ? o : result;
         };
 
-        // TODO: We have a large number like 1000000 and I want format it to 1,00 or 1M or… (display million/thousands/full numbers). In the excel we can do that with custom format cell “0,00..” However, when I tried applying similar formatting with the mask cell of Jspreadsheet, it didn't work. Could you advise how we can achieve this?
-
         Component.render = function(value, options, fullMask) {
             // Nothing to render
             if (value === '' || value === undefined || value === null) {
@@ -2531,7 +2582,7 @@ if (! Modal && typeof (require) === 'function') {
                 } else {
                     options.input.value = value;
                 }
-                jSuites.focus(options.input);
+                focus(options.input);
             }
 
             return value;
@@ -2564,6 +2615,11 @@ if (! Modal && typeof (require) === 'function') {
             return '';
         }
 
+        // Tokens
+        const dateTokens = ['DAY', 'WD', 'DDDD', 'DDD', 'DD', 'D', 'Q', 'HH24', 'HH12', 'HH', '\\[H\\]', 'H', 'AM/PM', 'MI', 'SS', 'MS', 'YYYY', 'YYY', 'YY', 'Y', 'MONTH', 'MON', 'MMMMM', 'MMMM', 'MMM', 'MM', 'M', '.'];
+        // All date tokens
+        const allDateTokens = dateTokens.join('|')
+
         Component.getDateString = function(value, options) {
             if (! options) {
                 options = {};
@@ -2595,11 +2651,9 @@ if (! Modal && typeof (require) === 'function') {
                 value = Helpers.numToDate(value);
             }
 
-            // Tokens
-            let tokens = ['DAY', 'WD', 'DDDD', 'DDD', 'DD', 'D', 'Q', 'HH24', 'HH12', 'HH', '\\[H\\]', 'H', 'AM/PM', 'MI', 'SS', 'MS', 'YYYY', 'YYY', 'YY', 'Y', 'MONTH', 'MON', 'MMMMM', 'MMMM', 'MMM', 'MM', 'M', '.'];
 
             // Expression to extract all tokens from the string
-            let e = new RegExp(tokens.join('|'), 'gi');
+            let e = new RegExp(allDateTokens, 'gi');
             // Extract
             let t = format.match(e);
 
@@ -2793,7 +2847,7 @@ if (! Modal && typeof (require) === 'function') {
             // Keep the current caret position
             let caret = getCaret(element);
             if (caret) {
-                value = value.substring(0, caret) + "\u200B" + value.substring(caret);
+                value = value.substring(0, caret) + hiddenCaret + value.substring(caret);
             }
 
             // Run mask
@@ -2804,15 +2858,17 @@ if (! Modal && typeof (require) === 'function') {
             // Apply the result back to the element
             if (newValue !== value && ! e.inputType.includes('delete')) {
                 // Set the caret to the position before transformation
-                let caret = newValue.indexOf("\u200B");
+                let caret = newValue.indexOf(hiddenCaret);
                 if (caret !== -1) {
                     // Apply value
-                    element[property] = newValue.replace("\u200B", "");
+                    element[property] = newValue.replace(hiddenCaret, "");
                     // Set caret
                     setCaret.call(element, caret);
                 } else {
                     // Apply value
                     element[property] = newValue;
+                    // Make sure the caret is positioned in the end
+                    focus(element);
                 }
             }
         }
@@ -2822,7 +2878,7 @@ if (! Modal && typeof (require) === 'function') {
         Component.adjustPrecision = adjustPrecision;
 
         return Component;
-    })();
+    }());
 
     const isNumber = function (num) {
         if (typeof(num) === 'string') {
@@ -3385,12 +3441,18 @@ if (! Modal && typeof (require) === 'function') {
             let input = getInput();
             let value = self.value;
             if (input) {
+                let v;
                 if (input.tagName === 'INPUT' || input.tagName === 'TEXTAREA') {
                     isEditable = !input.hasAttribute('readonly') && !input.hasAttribute('disabled');
-                    value = input.value;
+                    v = input.value;
                 } else if (input.isContentEditable) {
                     isEditable = true;
-                    value = input.textContent;
+                    v = input.textContent;
+                }
+
+                let tmp = Mask.extractDateFromString(v, self.format);
+                if (tmp) {
+                    value = tmp;
                 }
             }
 
@@ -3641,8 +3703,20 @@ if (! Modal && typeof (require) === 'function') {
                 // Update input
                 let input = getInput();
                 if (input) {
+                    if (self.format && v) {
+                        if (self.range) {
+                            if (v[0]) {
+                                v[0] = Mask.render(v[0], self.format);
+                            }
+                            if (v[1]) {
+                                v[1] = Mask.render(v[1], self.format);
+                            }
+                        } else {
+                            v = Mask.render(v, self.format);
+                        }
+                    }
                     // Update input value
-                    input.value = Mask.render(v, self.format);
+                    input.value = v;
                     // Dispatch event
                     Dispatch.call(input, null, 'change', {
                         instance: self,

package/dist/style.css

@@ -126,6 +126,7 @@
     cursor: pointer;
     border-radius: 100px;
     background-origin: padding-box;
+    min-width: 38px;
 }
 
 .lm-calendar-content > div[data-disabled="true"] {

package/package.json

@@ -1,23 +1,23 @@
-{
-    "name": "@lemonadejs/calendar",
-    "title": "LemonadeJS calendar",
-    "description": "LemonadeJS reactive JavaScript calendar plugin",
-    "author": {
-        "name": "Contact <contact@lemonadejs.net>",
-        "url": "https://lemonadejs.net"
-    },
-    "keywords": [
-        "javascript calendar",
-        "lemonadejs plugins",
-        "js",
-        "library",
-        "javascript plugins"
-    ],
-    "dependencies": {
-        "lemonadejs": "^5.2.0",
-        "@lemonadejs/modal": "^5.2.0"
-    },
-    "main": "dist/index.js",
-    "types": "dist/index.d.ts",
-    "version": "5.2.0"
-}
+{
+    "name": "@lemonadejs/calendar",
+    "title": "LemonadeJS calendar",
+    "description": "LemonadeJS reactive JavaScript calendar plugin",
+    "author": {
+        "name": "Contact <contact@lemonadejs.net>",
+        "url": "https://lemonadejs.net"
+    },
+    "keywords": [
+        "javascript calendar",
+        "lemonadejs plugins",
+        "js",
+        "library",
+        "javascript plugins"
+    ],
+    "dependencies": {
+        "lemonadejs": "^5.2.0",
+        "@lemonadejs/modal": "^5.2.0"
+    },
+    "main": "dist/index.js",
+    "types": "dist/index.d.ts",
+    "version": "5.2.1"
+}