chore: bump ionicons to 5 (#313)

Author: Nandan B N

dev/src/ion2-calendar/components/calendar.component.ts

@@ -35,7 +35,7 @@ export const ION_CAL_VALUE_ACCESSOR: Provider = {
                     (click)="switchView()">
           {{ _monthFormat(monthOpt.original.time) }}
           <ion-icon class="arrow-dropdown"
-                    [name]="_view === 'days' ? 'md-arrow-dropdown' : 'md-arrow-dropup'"></ion-icon>
+                    [name]="_view === 'days' ? 'caret-down-outline' : 'caret-up-outline'"></ion-icon>
         </ion-button>
       </ng-template>
       <ng-template #title>
@@ -46,10 +46,10 @@ export const ION_CAL_VALUE_ACCESSOR: Provider = {
       </ng-template>
       <ng-template [ngIf]="_showToggleButtons">
         <ion-button type="button" fill="clear" class="back" [disabled]="!canBack()" (click)="prev()">
-          <ion-icon slot="icon-only" size="small" name="ios-arrow-back"></ion-icon>
+          <ion-icon slot="icon-only" size="small" name="chevron-back-outline"></ion-icon>
         </ion-button>
         <ion-button type="button" fill="clear" class="forward" [disabled]="!canNext()" (click)="next()">
-          <ion-icon slot="icon-only" size="small" name="ios-arrow-forward"></ion-icon>
+          <ion-icon slot="icon-only" size="small" name="chevron-forward-outline"></ion-icon>
         </ion-button>
       </ng-template>
     </div>

package.json

@@ -37,7 +37,7 @@
     "gulp-clean": "^0.4.0",
     "gulp-ext-replace": "^0.3.0",
     "gulp-sass": "^4.0.1",
-    "ionicons": "4.5.1",
+    "ionicons": "5.1.2",
     "moment": "^2.23.0",
     "ng-packagr": "^2.0.0",
     "npm-run-all": "^4.1.2",

src/components/calendar.component.ts

@@ -34,7 +34,7 @@ export const ION_CAL_VALUE_ACCESSOR: Provider = {
                 (click)="switchView()">
           {{ _monthFormat(monthOpt.original.time) }}
           <ion-icon class="arrow-dropdown"
-                    [name]="_view === 'days' ? 'md-arrow-dropdown' : 'md-arrow-dropup'"></ion-icon>
+                    [name]="_view === 'days' ? 'caret-down-outline' : 'caret-up-outline'"></ion-icon>
         </ion-button>
       </ng-template>
       <ng-template #title>
@@ -44,10 +44,10 @@ export const ION_CAL_VALUE_ACCESSOR: Provider = {
       </ng-template>
       <ng-template [ngIf]="_showToggleButtons">
         <ion-button type="button" fill="clear" class="back" [disabled]="!canBack()" (click)="prev()">
-          <ion-icon slot="icon-only" size="small" name="ios-arrow-back"></ion-icon>
+          <ion-icon slot="icon-only" size="small" name="chevron-back-outline"></ion-icon>
         </ion-button>
         <ion-button type="button" fill="clear" class="forward" [disabled]="!canNext()" (click)="next()">
-          <ion-icon slot="icon-only" size="small" name="ios-arrow-forward"></ion-icon>
+          <ion-icon slot="icon-only" size="small" name="chevron-forward-outline"></ion-icon>
         </ion-button>
       </ng-template>
     </div>