@progressive-development/pd-calendar 0.0.12 → 0.0.14

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.14",
   "main": "index.js",
   "module": "index.js",
   "scripts": {

package/src/PdCalendar.js

@@ -48,9 +48,7 @@ export class PdCalendar extends LitElement {
        numberClass: { type: String },
 
       _currentDate: { type: Object },
-      _viewType: { type: Number },
-      _latestDate: { type: Object },
-      _earliestDate: { type: Object },
+      _viewType: { type: Number }
     };
   }
 
@@ -178,33 +176,15 @@ export class PdCalendar extends LitElement {
     this.data = {};
     this._viewType = VIEW_MONTH;
     this.numberClass = "top-left";
+
+    this._currentMonthNavNr = 0;
   }  
 
   connectedCallback() {
     super.connectedCallback();
 
     // get latest possible date
-    const ref = this.refDate || new Date();
-    if (this.nextMonthConstraint >= 0) {      
-      const tmpDate = new Date(
-        ref.getFullYear(),
-        ref.getMonth() + 1,
-        0
-      );
-      tmpDate.setMonth(tmpDate.getMonth() + (this.nextMonthConstraint - 1));
-      this._latestDate = tmpDate;
-    }
-
-    // get earliest possible date
-    if (this.prevMonthConstraint >= 0) {
-      const tmpDate = new Date(
-        ref.getFullYear(),
-        ref.getMonth() + 1,
-        0
-      );
-      tmpDate.setMonth(tmpDate.getMonth() - (this.prevMonthConstraint));
-      this._earliestDate = tmpDate;
-    }
+    const ref = this.refDate || new Date();    
 
     // initialize date values with current date    
     this._initFromDate(ref);
@@ -261,6 +241,7 @@ export class PdCalendar extends LitElement {
             ?selectEnabled="${infoTxt !== undefined}"
             ?special="${special}"
             numberClass="${this.numberClass}"
+            @select-date="${this._forwardEvent}"
           ></pd-calendar-cell>
         `);
     }
@@ -317,6 +298,7 @@ export class PdCalendar extends LitElement {
           },
         })
       );
+      this._currentMonthNavNr += 1;
       this._initFromDate(newDate);
     }
   }
@@ -336,14 +318,12 @@ export class PdCalendar extends LitElement {
           },
         })
       );
+      this._currentMonthNavNr -= 1;
       this._initFromDate(newDate);
     }
   }
 
   _initFromDate(date) {
-
-    console.log("Init date with: ", date);
-
     this._monthName = date.toLocaleString('default', { month: 'long' });
     this._year = date.getFullYear();
     this._daysFromPreviousMonth = PdCalendar._getPreviousMonthDays(date);
@@ -370,16 +350,29 @@ export class PdCalendar extends LitElement {
   }
 
   _checkNextMonthConstraint() {    
-    if (this._latestDate) {
-      return this._currentDate < this._latestDate;
+    if (this.nextMonthConstraint > 0) {
+      return this.nextMonthConstraint > this._currentMonthNavNr;
+    } 
+    if (this.nextMonthConstraint === -1) {
+      return true;
     }
-    return true;
+    return false;
   }
 
   _checkPrevMonthConstraint() {    
-    if (this._earliestDate) {
-      return this._currentDate > this._earliestDate;
+    if (this._currentMonthNavNr > 0 || this.prevMonthConstraint === -1) {
+      return true;
     }
-    return true;
+    return this.prevMonthConstraint > (this._currentMonthNavNr * -1);
+
+  }
+
+  // Forward Event from Calendar Cell, could be refactored
+  _forwardEvent(e) {
+    this.dispatchEvent(
+      new CustomEvent('select-date', {
+        detail: e.detail
+      })
+    );
   }
 }