ng-scroll-calendar v1.1.2

NgScrollCalendar

NgScrollCalendar is a Angular Module that supports fullscreen and Lazyload on Pagescroll (Recommended for Mobile screens)

Installation

npm install ng-scroll-calendar --save

Usage

import the NgScrollCalendarModule to your module:

.
import { NgScrollCalendarModule } from 'ng-scroll-calendar';
.
.

@NgModule({
  imports: [
    NgScrollCalendarModule,
    .
    .
    ],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule {}

Add the following changes to your Component

import { Component } from '@angular/core';

@Component({
  selector: 'app',
  template: `
    <input type="text" (focus)="showCalendar()">
    <ng-scroll-calendar [config]="config" (onSelect)="onDateChange($event)"></ng-scroll-calendar>
  `
})

export class AppComponent {
  config = {
    show: false,
    weekOffset: -2,
    selectedDate: new Date(),
    DisablePastDays:true
  };

  onDateChange(date) {
    console.log(date);
  }

  showCalendar() {
    this.config.show = true;
  }
}

Supported API

Properties

@Input()  config

Events

Style Guide