added css class

Author: Sandro Tajè

angular-datepicker.js

@@ -290,7 +290,7 @@ angular.module("angular-datepicker", []).directive("datepicker", ['$timeout', 'p
                 });
             };
         },
-        template: '<div class="datepicker">    <div class="datepicker-wrapper" data-ng-show="opened" data-ng-click="closeWrapper()"></div>    <div class="datepicker-close" data-ng-show="opened" data-ng-click="closeWrapper()">        <button type="button"></button>    </div>    <div class="datepicker-table-wrapper table" data-ng-show="daySelectionOpened && opened">        <table>            <thead>                <tr class="month-header">                    <th style="width: 15%"><a data-ng-click="subMonth(month.selectedDate)">{{getPreviousMonthName()}}</a></th>                    <th style="width: 70%" colspan="5">                    {{monthNames[month.selectedDate.getMonth()]}} <a data-ng-click="toggleYearSelection($event)" class="button-month"                            type="button"> {{month.selectedDate.getFullYear()}}</a></th>                    <th style="width: 15%"><a data-ng-click="addMonth(month.selectedDate)">{{getSuccessiveMonthName()}}</a></th>                </tr>                <tr>                    <th data-ng-repeat="d in dayNames">{{d | substring}}</th>                </tr>            </thead>            <tbody>                <tr data-ng-repeat="week in month.weeks">                    <td class="focus" data-ng-click="!day.isDisabled && selectDay(day.date)" data-ng-repeat="day in week" data-ng-class="{\'disabled\': day.isDisabled,\'selected-date\': day.isSelectedDate, \'today\': day.isToday, \'different-month\': !day.isDisabled && day.differentMonth}"><a>{{day.number}}</a></td>                </tr>                <tr>                    <td colspan="3"><select class="timeselect" data-ng-if="timepicker" data-ng-disabled="!modelDate" data-ng-model="selectedTime"                            ng-options="t.label for t in generatedTimes" data-ng-change="changeTime(selectedTime)"></select></td>                    <td colspan="4"> <button style="margin-left: 5px" class="datepicker-button-clear" data-ng-if="timepicker" data-ng-click="close()">Select</button>                        <button type="button" class="datepicker-button-clear" data-ng-click="clear()">{{cleanName}}</button>                        </td>                </tr>            </tbody>        </table>    </div>    <div class="datepicker-table-wrapper table" data-ng-show="yearSelectionOpened && opened">        <table>            <thead>                <tr class="month-header">                    <th style="width: 25%"><a data-ng-click="precYears()">prev</a></th>                    <th style="width: 50%" colspan="3">{{years[0].num}}-{{years[years.length - 1].num}}</th>                    <th style="width: 25%"><a data-ng-click="succYears()">next</a></th>                </tr>            </thead>            <tbody>                <tr data-ng-repeat="y in years">                    <td>{{y.num}}</td>                    <td colspan="4">                        <table class="month-in-year-selection">                            <tr>                                <td class="focus" data-ng-repeat="m in y.months | limitTo: 6" data-ng-click="selectYear(y.num, m.num)" data-ng-class="{\'selected-date\': m.isSelectedMonth, \'today\': m.isActualMonth}">{{monthNames[m.num] | substring}}</td>                            </tr>                            <tr>                                <td class="focus" data-ng-repeat="m in y.months | limitTo: 12 : 6" data-ng-click="selectYear(y.num, m.num)" data-ng-class="{\'selected-date\': m.isSelectedMonth, \'today\': m.isActualMonth}">{{monthNames[m.num] | substring}}</td>                            </tr>                        </table>                    </td>                </tr>                <tr></tr>            </tbody>        </table>    </div></div>'
+        template: '<div class="datepicker">    <div class="datepicker-wrapper" data-ng-show="opened" data-ng-click="closeWrapper()"></div>    <div class="datepicker-close" data-ng-show="opened" data-ng-click="closeWrapper()">        <button type="button"></button>    </div>    <div class="datepicker-table-wrapper table" data-ng-show="daySelectionOpened && opened">        <table class="day-table">            <thead>                <tr class="month-header">                    <th style="width: 15%"><a data-ng-click="subMonth(month.selectedDate)">{{getPreviousMonthName()}}</a></th>                    <th style="width: 70%" colspan="5">                    {{monthNames[month.selectedDate.getMonth()]}} <a data-ng-click="toggleYearSelection($event)" class="button-month"                            type="button"> {{month.selectedDate.getFullYear()}}</a></th>                    <th style="width: 15%"><a data-ng-click="addMonth(month.selectedDate)">{{getSuccessiveMonthName()}}</a></th>                </tr>                <tr>                    <th data-ng-repeat="d in dayNames">{{d | substring}}</th>                </tr>            </thead>            <tbody>                <tr data-ng-repeat="week in month.weeks">                    <td class="focus" data-ng-click="!day.isDisabled && selectDay(day.date)" data-ng-repeat="day in week" data-ng-class="{\'disabled\': day.isDisabled,\'selected-date\': day.isSelectedDate, \'today\': day.isToday, \'different-month\': !day.isDisabled && day.differentMonth}"><a>{{day.number}}</a></td>                </tr>                <tr>                    <td colspan="3"><select class="timeselect" data-ng-if="timepicker" data-ng-disabled="!modelDate" data-ng-model="selectedTime"                            ng-options="t.label for t in generatedTimes" data-ng-change="changeTime(selectedTime)"></select></td>                    <td colspan="4"> <button style="margin-left: 5px" class="datepicker-button-clear" data-ng-if="timepicker" data-ng-click="close()">Select</button>                        <button type="button" class="datepicker-button-clear" data-ng-click="clear()">{{cleanName}}</button>                        </td>                </tr>            </tbody>        </table>    </div>    <div class="datepicker-table-wrapper table" data-ng-show="yearSelectionOpened && opened">        <table class="year-table">            <thead>                <tr class="month-header">                    <th style="width: 25%"><a data-ng-click="precYears()">prev</a></th>                    <th style="width: 50%" colspan="3">{{years[0].num}}-{{years[years.length - 1].num}}</th>                    <th style="width: 25%"><a data-ng-click="succYears()">next</a></th>                </tr>            </thead>            <tbody>                <tr data-ng-repeat="y in years">                    <td>{{y.num}}</td>                    <td colspan="4">                        <table class="month-in-year-selection">                            <tr>                                <td class="focus" data-ng-repeat="m in y.months | limitTo: 6" data-ng-click="selectYear(y.num, m.num)" data-ng-class="{\'selected-date\': m.isSelectedMonth, \'today\': m.isActualMonth}">{{monthNames[m.num] | substring}}</td>                            </tr>                            <tr>                                <td class="focus" data-ng-repeat="m in y.months | limitTo: 12 : 6" data-ng-click="selectYear(y.num, m.num)" data-ng-class="{\'selected-date\': m.isSelectedMonth, \'today\': m.isActualMonth}">{{monthNames[m.num] | substring}}</td>                            </tr>                        </table>                    </td>                </tr>                <tr></tr>            </tbody>        </table>    </div></div>'
     };
 }]).filter("datepickerEmptyFilter", function () {
     return function (input, placeholder) {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-datepicker",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "angular responsive datepicker",
   "main": "angular-datepicker.js",
   "directories": {