@progressive-development/pd-calendar 0.0.12 → 0.0.13

package/package.json

@@ -3,7 +3,7 @@
   "description": "progressive development calendar web component",
   "license": "SEE LICENSE IN LICENSE",
   "author": "PD Progressive Development",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "main": "index.js",
   "module": "index.js",
   "scripts": {

package/src/PdCalendar.js

@@ -261,6 +261,7 @@ export class PdCalendar extends LitElement {
             ?selectEnabled="${infoTxt !== undefined}"
             ?special="${special}"
             numberClass="${this.numberClass}"
+            @select-date="${this._forwardEvent}"
           ></pd-calendar-cell>
         `);
     }
@@ -341,9 +342,6 @@ export class PdCalendar extends LitElement {
   }
 
   _initFromDate(date) {
-
-    console.log("Init date with: ", date);
-
     this._monthName = date.toLocaleString('default', { month: 'long' });
     this._year = date.getFullYear();
     this._daysFromPreviousMonth = PdCalendar._getPreviousMonthDays(date);
@@ -382,4 +380,13 @@ export class PdCalendar extends LitElement {
     }
     return true;
   }
+
+  // Forward Event from Calendar Cell, could be refactored
+  _forwardEvent(e) {
+    this.dispatchEvent(
+      new CustomEvent('select-date', {
+        detail: e.detail
+      })
+    );
+  }
 }

package/stories/index.stories.js

@@ -4,9 +4,7 @@ import { format } from 'fecha';
 
 export default {
   title: 'PdCalendar/Calendar',
-  component: 'pd-calendar',
-  argTypes: {
-  },
+  component: 'pd-calendar',  
 };
 
 function CalendarTemplate({ refDate, data, prevMonthConstraint, nextMonthConstraint, addSlot}) {