tarabor / angular-calendar-week-hours-view

This is an alternative week view for the angular calendar which allows the user to see all the week hours

AngularCalendarWeekHoursView

This project aims to provide an alternative view to those already provided on Angular Calendar.

It probably won't receive much support from me (@diegofsza), so you're encouraged to enhance it in any reasonable way and send pull requests.

How it looks

Usage

Import the module wherever you want to use the view:

@NgModule({
    declarations: [
        ...
    ],
    imports: [
        ...,
        CalendarModule.forRoot(),
        CalendarWeekHoursViewModule,
        ...
    ],   
})

Use the view in your html

<iq-calendar-week-hours-view
            *ngSwitchCase="'week'"
            [viewDate]="viewDate"
            [events]="events"
            [hourSegments]="2"
            [dayStartHour]="8"
            [dayEndHour]="20"
            (eventClicked)="eventClicked($event)"
            (hourSegmentClicked)="hourSegmentClicked($event)"
            (eventTimesChanged)="eventTimesChanged($event)"
            [refresh]="refresh">
        </iq-calendar-week-hours-view>

You should also include the scss file in your styles array in the .angular-cli.json file

"../node_modules/angular-calendar-week-hours-view/angular-calendar-week-hours-view.scss"