Update datepicker.component.html (#23)

Author: alisalama

src/app/angular2-datetimepicker/datepicker.component.html

@@ -219,12 +219,12 @@
             </div>
             <div class="meridian">
                 <div class="cuppa-btn-group">
-                    <button [ngClass]="{'active': timeViewMeridian == 'AM'}" class="button" ng-model="timeViewMeridian" (click)="toggleMeridian('AM')">AM</button>
-                    <button [ngClass]="{'active': timeViewMeridian == 'PM'}" class="button" ng-model="timeViewMeridian" (click)="toggleMeridian('PM')">PM</button>
+                    <button [ngClass]="{'active': timeViewMeridian == 'AM'}" class="button" type="button" ng-model="timeViewMeridian" (click)="toggleMeridian('AM')">AM</button>
+                    <button [ngClass]="{'active': timeViewMeridian == 'PM'}" class="button" type="button" ng-model="timeViewMeridian" (click)="toggleMeridian('PM')">PM</button>
                 </div>
             </div>
             <div class="time-view-btn">
-                <button class="button" (click)="setTimeView()">Set Time</button>
+                <button class="button" type="button" (click)="setTimeView()">Set Time</button>
             </div>
         </div>
         <table class="calendar-days" (click)="setDay($event,'range');" [hidden]="monthsView || yearView">
@@ -298,8 +298,8 @@
             </div>
             <div class="meridian">
                 <div class="cuppa-btn-group">
-                    <button [ngClass]="{'active': timeViewMeridian == 'AM'}" class="button" ng-model="timeViewMeridian" (click)="toggleMeridian('AM')">AM</button>
-                    <button [ngClass]="{'active': timeViewMeridian == 'PM'}" class="button" ng-model="timeViewMeridian" (click)="toggleMeridian('PM')">PM</button>
+                    <button [ngClass]="{'active': timeViewMeridian == 'AM'}" type="button" class="button" ng-model="timeViewMeridian" (click)="toggleMeridian('AM')">AM</button>
+                    <button [ngClass]="{'active': timeViewMeridian == 'PM'}" type="button" class="button" ng-model="timeViewMeridian" (click)="toggleMeridian('PM')">PM</button>
                 </div>
             </div>
             <div class="time-view-btn">
@@ -322,6 +322,6 @@
             <li><a (click)="getCurrentWeek()">Current week</a></li>
             <li><a>Next week</a></li>
         </ul>
-        <button class="button btn-xs" (click)="done()"><i class="fa fa-check"></i>Done</button>
+        <button class="button btn-xs" type="button" (click)="done()"><i class="fa fa-check"></i>Done</button>
     </div>
-</div>
+</div>