This library helps to view event schedules in a table datewise.

sam-event-schedules

To view event schedules

Dependency: This library is dependent on moment library version 2.29.1

before using this library, install moment from npmjs

---

Usage : Include in AppModule as follows

---

import {EventschedulesModule} from 'eventschedules';


@NgModule({

imports: [
        EventschedulesModule
	.......
		]

});

---

Usage in your project templates as follows

---

<lib-eventschedules
  [divWidth]="500px"
  [divHeight]="200px"
  [calendarStartDate]="calendarStartDate"
  [calendarEndDate]="calendarEndDate"
  [users]="users"
  [userAppts]="userAppts"
  >  
  </lib-eventschedules>

---

pass the input parameters as per the following pattern

---

calendarStartDate = moment('1/19/2017', 'MM-DD-YYYY');

calendarEndDate = moment('1/29/2017', 'MM-DD-YYYY');

users: string[] = ['A', 'B', 'C', 'D', 'E', 'F'];

// cellColor property added for each event object.

// eventName property used to show as tooltip of event name value on mouse hover of the cell.

userAppts: {    
    userAppts: {
    user: string;
    fromDate: moment.Moment;
    toDate: moment.Moment;
    eventName: string;
    cellColor: string;   
  }[] = [    
    {   
      user: 'A',
      fromDate: moment('1/19/2017', 'MM-DD-YYYY'),
      toDate: moment('1/23/2017', 'MM-DD-YYYY'),
      eventName: 'leave scheduled from 20 Jan 2017 to 23 Jan 2017',
      cellColor: 'blue'   
    },    
    {    
      user: 'B',
      fromDate: moment('1/22/2017', 'MM-DD-YYYY'),
      toDate: moment('1/23/2017', 'MM-DD-YYYY'),
      eventName: 'planned leave from',
      cellColor: 'red'
    }   
]

/*-------------------- / Latest Updates /-------------------- */

1. Event Table width and height input parameter included for overflow scroll.

2. Row Header and First column username freezed when scrolled horizontal and vertical.