ionic2-calendar - npm Package Compare versions

Comparing version 0.3.15 to 0.3.16

calendar.module.ngfactory.ts

@@ -14,11 +14,11 @@ /**
 import * as import4 from 'ionic-angular/module';
-import * as import5 from 'ionic-angular/components/action-sheet/action-sheet-component.ngfactory';
-import * as import6 from 'ionic-angular/components/alert/alert-component.ngfactory';
-import * as import7 from 'ionic-angular/components/app/app-root.ngfactory';
-import * as import8 from 'ionic-angular/components/loading/loading-component.ngfactory';
-import * as import9 from 'ionic-angular/components/modal/modal-component.ngfactory';
-import * as import10 from 'ionic-angular/components/picker/picker-component.ngfactory';
-import * as import11 from 'ionic-angular/components/popover/popover-component.ngfactory';
-import * as import12 from 'ionic-angular/components/select/select-popover-component.ngfactory';
-import * as import13 from 'ionic-angular/components/toast/toast-component.ngfactory';
+import * as import5 from '../node_modules/ionic-angular/components/action-sheet/action-sheet-component.ngfactory';
+import * as import6 from '../node_modules/ionic-angular/components/alert/alert-component.ngfactory';
+import * as import7 from '../node_modules/ionic-angular/components/app/app-root.ngfactory';
+import * as import8 from '../node_modules/ionic-angular/components/loading/loading-component.ngfactory';
+import * as import9 from '../node_modules/ionic-angular/components/modal/modal-component.ngfactory';
+import * as import10 from '../node_modules/ionic-angular/components/picker/picker-component.ngfactory';
+import * as import11 from '../node_modules/ionic-angular/components/popover/popover-component.ngfactory';
+import * as import12 from '../node_modules/ionic-angular/components/select/select-popover-component.ngfactory';
+import * as import13 from '../node_modules/ionic-angular/components/toast/toast-component.ngfactory';
 import * as import14 from './calendar.ngfactory';
@@ -25,0 +25,0 @@ class NgCalendarModuleInjector extends import0.ɵNgModuleInjector<import1.NgCalendarModule> {

init-position-scroll.ngfactory.ts

@@ -10,3 +10,3 @@ /**
 import * as import0 from '@angular/core';
-import * as import1 from 'ionic-angular/components/scroll/scroll.ngfactory';
+import * as import1 from '../node_modules/ionic-angular/components/scroll/scroll.ngfactory';
 import * as import2 from 'ionic-angular/components/scroll/scroll';
@@ -13,0 +13,0 @@ import * as import3 from './init-position-scroll';

package.json

 {
     "name": "ionic2-calendar",
-    "version": "0.3.15",
+    "version": "0.3.16",
     "description": "Ionic2 calendar component",
@@ -5,0 +5,0 @@ "keywords": [

README.md

@@ -165,3 +165,3 @@ # Ionic2-Calendar directive
 * autoSelect  
-If set to true, the current calendar date will be auto selected when calendar is loaded or swiped in the month view.  
+If set to true, the current calendar date will be auto selected when calendar is loaded or swiped in the month and week view.  
 Default value: true
@@ -242,5 +242,6 @@ * locale
 Default value: false
-
+``` html
         <calendar ... [lockSwipeToPrev]="lockSwipeToPrev"></calendar>
-
+```
+``` typescript
         onCurrentDateChanged(event:Date) {
@@ -259,2 +260,3 @@ var today = new Date();
         }
+```
 
@@ -268,3 +270,3 @@ * lockSwipes
 ```
-``` javascript
+``` typescript
         ngAfterViewInit() {
@@ -302,3 +304,4 @@ var me = this;
         <calendar ... (onCurrentDateChanged)="onCurrentDateChanged($event)"></calendar>
-
+```
+``` typescript
         onCurrentChanged = (ev: Date) => {
@@ -313,3 +316,4 @@ console.log('Currently viewed date: ' + ev);
         <calendar ... (onRangeChanged)="onRangeChanged($event)"></calendar>
-
+```
+``` typescript
         onRangeChanged = (ev: { startTime: Date, endTime: Date }) => {
@@ -325,3 +329,4 @@ Events.query(ev, (events) => {
         <calendar ... (onEventSelected)="onEventSelected($event)"></calendar>
-
+```
+``` typescript
         onEventSelected = (event) => {
@@ -336,3 +341,4 @@ console.log(event.title);
         <calendar ... (onTimeSelected)="onTimeSelected($event)"></calendar>
-
+```
+``` typescript
         onTimeSelected = (ev: { selectedTime: Date, events: any[] }) => {
@@ -346,3 +352,4 @@ console.log('Selected time: ' + ev.selectedTime + ', hasEvents: ' + (ev.events !== undefined && ev.events.length !== 0));
         <calendar ... (onTitleChanged)="onViewTitleChanged($event)"></calendar>
-
+```
+``` typescript
         onViewTitleChanged = (title: string) => {
@@ -354,2 +361,42 @@ this.viewTitle = title;
 # View Customization Option
+There are two ways to customize the look and feel. If you just want to simply change the color or size of certain element, you could override the styles of the predefined css classes. **CSS Customization** section lists some important css classes. If you need to change the layout of certain element, you could refer to the **Template Customization** part.
+
+## CSS Customization  
+
+* monthview-primary-with-event  
+The date that is in current month and having events
+
+* monthview-secondary-with-event  
+The date that is in previous/next month and having events
+
+* monthview-selected  
+The selected date
+
+* monthview-current  
+The current date
+
+* monthview-disabled  
+The disabled date
+
+* weekview-with-event  
+The date having all day events, applied to the day header in week view
+
+* week-view-current  
+The current date, applied to the day header in week view
+
+* weekview-selected  
+The selected date, applied to the day header in week view
+
+* weekview-allday-label  
+Applied to the all day label in week view
+
+* dayview-allday-label  
+Applied to the all day label in day view
+
+* calendar-hour-column  
+Applied to the hour column in both weekview and day view
+
+
+## Template Customization  
+
 Note: For any css class appear in the customized template, you need to specify the styles by yourself. The styles defined in the calendar component won’t be applied because of the view encapsulation. You could refer to calendar.ts to get the definition of context types.   
@@ -387,2 +434,12 @@
 ```
+* weekviewHeaderTemplate (version >= 0.4.5)  
+Type: TemplateRef\<IDisplayWeekViewHeader\>     
+The template provides customized view for day header in the weekview 
+``` html 
+    <ng-template #template let-viewDate="viewDate"> 
+        <div class="custom-day-header"> {{ viewDate.dayHeader }} </div> 
+    </ng-template> 
+ 
+    <calendar ... [weekviewHeaderTemplate]="template"></calendar>
+```
 * weekviewAllDayEventTemplate    
@@ -430,3 +487,3 @@ Type: TemplateRef\<IDisplayAllDayEvent\>
 
-        <calendar ... [dayviewNormalEventTemplate]="template"></calendar>
+    <calendar ... [dayviewNormalEventTemplate]="template"></calendar>
 ```
@@ -436,3 +493,3 @@
 Type: TemplateRef\<IWeekViewAllDayEventSectionTemplateContext\>    
-The template provides customized view for all day event section in the weekview
+The template provides customized view for all day event section (table part) in the weekview
 
@@ -458,3 +515,3 @@ ``` html
 Type: TemplateRef\<IWeekViewNormalEventSectionTemplateContext\>    
-The template provides customized view for normal event section in the weekview
+The template provides customized view for normal event section (table part) in the weekview
 
@@ -479,3 +536,3 @@ ``` html
 Type: TemplateRef\<IDayViewAllDayEventSectionTemplateContext\>    
-The template provides customized view for all day event section in the dayview
+The template provides customized view for all day event section (table part) in the dayview
 
@@ -499,3 +556,3 @@ ``` html
 Type: TemplateRef\<IDayViewNormalEventSectionTemplateContext\>    
-The template provides customized view for normal event section in the dayview
+The template provides customized view for normal event section (table part) in the dayview
 
@@ -601,3 +658,4 @@ ``` html
 <calendar ... [dateFormatter]="calendar.dateFormatter"></calendar>
-
+```
+``` typescript
 calendar = {
@@ -604,0 +662,0 @@ dateFormatter: {

weekview.js

@@ -90,3 +90,3 @@ import { DatePipe } from '@angular/common';
         }
-        var lockSwipes = changes['lockSwipesv'];
+        var lockSwipes = changes['lockSwipes'];
         if (lockSwipes) {
@@ -93,0 +93,0 @@ this.slider.lockSwipes(lockSwipes.currentValue);

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

892221

increased by0.23%

Number of lines in readme file

674

increased by9.42%

No dependency changes