@imanro/angular-calendar-week-hours-view

This project aims to provide an alternative view to those already provided on [Angular Calendar](https://github.com/mattlewis92/angular-calendar).

Stats

StarsIssuesVersionUpdatedCreatedSize
@imanro/angular-calendar-week-hours-view
1.0.32003 years ago3 years agoMinified + gzip package size for @imanro/angular-calendar-week-hours-view in KB

Readme

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

Imgur

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"

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.