Ja-date-picker NPM

This is lite datepicker for angular2+ I will publish to github on friday.Please send the issue on github for me or leave message on gitter

Install

$ npm i ja-date-picker

How to use

After install package.Please add datepicker on your app.module.ts and go back your html add datepicker element. Now you can use simple datepicker

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { DatepickerModule } from 'ja-date-picker';
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    DatepickerModule //Add Module at here
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

app.component.html

<div class='appRoot'>
  <h1>{{title}}</h1>
  <app-datepicker></app-datepicker>
</div>

Interactive

This lite datepicker has two attribute for initialize date and recived selected date. You can use attribute like below

initDate initDate can accept date string or date object

let inputDate = new Date(2018, 7, 0); // This is example.You should define inputDate in component.ts
<app-datepicker [initDate]="inputDate"></app-datepicker>

<app-datepicker [initDate]="'2018/08/01'"></app-datepicker>

selectedDate Event

<app-datepicker (selectedDate)="onRecevidDate($event)"></app-datepicker>

//In your component.ts. The onRecivedDate method should like below
onRecevidDate(evt: DateItem) {
    this.selectVal = evt.val;
}