period update - fire change on successful validate

src/components/cards.js

@@ -491,12 +491,10 @@ var STWkit;
             self.forwardButton.onclick = function () {
                 self.forward = true;
                 self.updateFromStartDate();
-                self.fireChangeFn(self);
             };
             self.backwardButton.onclick = function () {
                 self.forward = false;
                 self.updateFromStartDate();
-                self.fireChangeFn(self);
             };
             var clearDiv = L.DomUtil.create('div', 'uk-clearfix', periodDiv);
             var clearButton = L.DomUtil.create('button', 'uk-button uk-margin-top uk-align-left', clearDiv);
@@ -643,6 +641,7 @@ var STWkit;
                     return;
             }
             self.status = true;
+            self.fireChangeFn(self);
             AccordionCard.enableNext(self.nextButton, true);
             (self.oncallback && self.oncallback());
         };

src/components/cards.ts

@@ -542,12 +542,10 @@ module STWkit {
             self.forwardButton.onclick = function () {
                 self.forward = true;
                 self.updateFromStartDate();
-                self.fireChangeFn(self);
             };
             self.backwardButton.onclick = function () {
                 self.forward = false;
                 self.updateFromStartDate();
-                self.fireChangeFn(self);
             };
 
             var clearDiv = <HTMLDivElement>L.DomUtil.create('div', 'uk-clearfix', periodDiv);
@@ -704,6 +702,7 @@ module STWkit {
                 if (duration == 0) return;
             }
             self.status = true;
+            self.fireChangeFn(self);     
             AccordionCard.enableNext(self.nextButton, true);
             (self.oncallback && self.oncallback());
         }