closing 367

Author: vlio20

CHANGELOG.md

@@ -4,6 +4,7 @@ All notable changes to this project will be documented in this file.
 <a name="2.8.0"></a>
 # [2.8.0] (???)
 ### Features
+- Add `data-date` attribute to each date button ([???](https://github.com/vlio20/angular-datepicker/commit/???)) closes [#367](https://github.com/vlio20/angular-datepicker/issues/367)
 - Show/Hide the picker popup after click outside of the component `hideOnOutsideClick` ([???](https://github.com/vlio20/angular-datepicker/commit/???)) closes [#362](https://github.com/vlio20/angular-datepicker/issues/362)
 
 <a name="2.7.5"></a>

README.md

@@ -8,10 +8,10 @@ This is a configurable date-picker build for Angular2 applications and uses Mome
 
 ## Screenshots
 
-### DayTime:  
+### Day:  
 ![Imgur](https://i.imgur.com/NaOiqi7.png)
 
-### Day:
+### DayTime:
 ![Imgur](https://i.imgur.com/XSyhhfv.png)
 
 ### Month:  

src/app/day-calendar/day-calendar.component.html

@@ -28,6 +28,7 @@
       <button type="button"
               class="dp-calendar-day"
               *ngFor="let day of week"
+              [attr.data-date]="day.date.format(componentConfig.format)"
               (click)="dayClicked(day)"
               [disabled]="day.disabled"
               [ngClass]="getDayBtnCssClass(day)"

src/app/month-calendar/month-calendar.component.html

@@ -21,6 +21,7 @@
       <button type="button"
               class="dp-calendar-month"
               *ngFor="let month of monthRow"
+              [attr.data-date]="month.date.format(componentConfig.format)"
               [disabled]="month.disabled"
               [ngClass]="getMonthBtnCssClass(month)"
               (click)="monthClicked(month)"