ngx-date-picker

Datepicker for Bootstrap 3 and Bootstrap 4

Table of contents

1. Installation instructions
2. Usage & Demo

Installation instructions

Install ngx-date-picker from npm

npm install ngx-date-picker --save

You will need bootstrap styles (Bootstrap 3)

<!-- index.html -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

Or Bootstrap 4

<!--- index.html -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet">

To enable bootstrap 4 theme templates in ngx-bootstrap, please read here ngx-datepicker

<!-- index.html -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

Usage & Demo

import {DatepickerModule} from 'ngx-date-picker';

@NgModule({
  declarations: [
    SelectDemoComponent
  ],
  imports: [
    CommonModule,
    FormsModule,
    DatepickerModule
  ],
  exports: [SelectDemoComponent]
})
export class DemoDatepickerModule {}


<ngx-datepicker [(ngModel)]="model"></ngx-datepicker>