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").
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,
],
})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()
});
}
}