🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Just another component to create a pretty nice date picker for Angular 2 applications.

Calendar

Documentation

Ic Datepicker

Docs & Example

Warning: This component is still in pre-release. Although the component should be stable, until v1 is released there is potential for API changes whilst things are finalised. To prevent issues, ensure your package.json file specifies a specific version (e.g. "ic-datepicker": "0.0.5").

Installation

Install the component via NPM;

npm install -S ic-datepicker   (or) yarn add ic-datepicker 

Import the IcDatepickerModule into your module;

// app.module.ts  import { IcDatepickerModule } from 'ic-datepicker';  @NgModule({   imports: [     IcDatepickerModule,   ], })

Usage

Use the <ic-datepicker/> element, optionally providing an IcDatepickerOptionsInterface instance containing overriding options (see defaults).

import { IcDatepickerOptionsInterface } from 'ic-datepicker';  @Component({   selector: 'my-example-component',   template: `     <form [formGroup]="exampleForm">       <!-- Reactive Form -->       <ic-datepicker formControlName="datepicker" options="datepickerOptions"></ic-datepicker>              <!-- ngModel -->       <ic-datepicker [(ngModel)]="modelDatepicker" options="datepickerOptions"></ic-datepicker>     </form>   `,   styles: `` }) export class MyExampleComponent implements OnInit {   datepickerOptions: IcDatepickerOptionsInterface;   exampleForm: FormGroup;   modelDatepicker: any;    ngOnInit() {     this.datepickerOptions = {       position: 'top'     };      this.exampleForm = new FormGroup({       datepicker: new FormControl()     });   } } 

You May Also Like