@aquera/nile-elements 1.3.4-beta-1.1 → 1.3.4-beta-1.3

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "1.3.4-beta-1.1",
+  "version": "1.3.4-beta-1.3",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

package/src/nile-date-picker/nile-date-picker.ts

@@ -247,7 +247,6 @@ export class NileDatePicker extends NileElement {
           .showManualInputs="${this.showManualInputs}"
           .doubleClickUnselect="${this.doubleClickUnselect}"
           .allowClear="${this.allowClear}"
-          @nile-change="${this.handleChanged}"
         ></nile-calendar>
       </nile-dropdown>
     `;
@@ -256,27 +255,32 @@ export class NileDatePicker extends NileElement {
   handleChanged(event: CustomEvent) {
     event.stopPropagation();
   
+    const detail = event.detail;  
     const triggerInput = this.querySelector("nile-input");
   
+    // SINGLE DATE
     if (!this.range) {
-      const picked = event.detail.value;
+      const picked = detail.value;
   
       if (picked && triggerInput) {
         triggerInput.value = this.formatDate(new Date(picked));
         triggerInput.emit("nile-input", { value: triggerInput.value });
       }
   
-      this.emit("nile-change", { value: picked });
+ 
+      this.emit("nile-changed", detail);
+      this.emit("nile-change", detail);
+  
       this.dropdown?.hide();
       return;
     }
- 
-    const start = event.detail.startDate;
-    const end = event.detail.endDate;
+  
+    // RANGE MODE
+    const start = detail.startDate;
+    const end = detail.endDate;
   
     if (triggerInput) {
       let text = "";
-  
       if (start) text += this.formatDate(new Date(start));
       if (start && end) text += " - " + this.formatDate(new Date(end));
   
@@ -284,10 +288,14 @@ export class NileDatePicker extends NileElement {
       triggerInput.emit("nile-input", { value: text });
     }
   
-    this.emit("nile-change", { start, end });
+ 
+    this.emit("nile-changed", detail);
+    this.emit("nile-change", detail);
+  
     this.dropdown?.hide();
   }
   
+  
 
   connectedCallback() {
     super.connectedCallback();