feat(example): Updating example with validDates

Author: nncl

src/app/app.component.html

@@ -120,3 +120,33 @@ <h4>{{ model4 }}</h4>
     </div>
   </div>
 </div>
+
+<h2>Valid dates</h2>
+
+<p>
+  Today, tomorrow and the same to the next month are valid, all others are disabled.
+</p>
+
+<pre>{{validDates | json}}</pre>
+
+<div class="container">
+  <dd-ngxdatepicker
+    name="model5"
+    [(ngModel)]="model5"
+    [validDates]="validDates"
+    (dateClicked)="date5 = $event"
+  >
+  </dd-ngxdatepicker>
+
+  <div class="container-info">
+    <div>
+      <h3>[(dateClicked)]</h3>
+      <h4>{{ date5 }}</h4>
+    </div>
+
+    <div>
+      <h3>[(ngModel)]</h3>
+      <h4>{{ model5 }}</h4>
+    </div>
+  </div>
+</div>

src/app/app.component.ts

@@ -10,6 +10,7 @@ export class AppComponent implements OnInit {
   @ViewChild('datepicker') datepicker: any;
   @ViewChild('datepicker2') datepicker2: any;
   invalidDates: string[] = [];
+  validDates: string[] = [];
 
   date: string;
   model: any = moment('29/11/2020', 'DD/MM/YYYY').format();
@@ -23,10 +24,24 @@ export class AppComponent implements OnInit {
   date4: string;
   model4: any = moment().format();
 
+  date5: string;
+  model5: any = moment().format();
+
   ngOnInit() {
     const tomorrow = moment().add(1, 'days').format();
     const someDayOfNextMonth = moment().add(1, 'month').format();
     this.invalidDates.push(tomorrow);
     this.invalidDates.push(someDayOfNextMonth);
+
+    const today = moment().format();
+    const oneMonthFromNow = moment().add(1, 'months').format();
+    const oneMonthFromNowPlusOneDay = moment().add(1, 'months').add(1, 'days').format();
+
+    this.validDates = [
+      today,
+      tomorrow,
+      oneMonthFromNow,
+      oneMonthFromNowPlusOneDay
+    ];
   }
 }