Flatpickr integration for Angular (v2+)

Flatpickr wrapper for Angular 2+
https://chmln.github.io/flatpickr/

Table of Contents

* Demo
* Quick Start
+ Angular Version
+ Module Format
* Simple Example
* Styling
* Server-Side Paging
* Multiple Instances
* Building from source
* Building the docs
* License

Demo

Check out the live demo here: http://ngx-flatpickr-demo.surge.sh

!Demo

Quick Start

``
npm install ngx-flatpickr flatpickr --save
`

$3

This library is built to work with Angular 2.3.0+, and support ahead-of-time compilation.

$3

This library ships as a "flat ES module" (FESM). This means that all the JavaScript code is located in a single ES5-compatible file, but makes use of ES2015 import and export statements.

Webpack, Systemjs and Rollup all support this format and should work without problems.

A UMD bundle is also provided for systems which do not support FESM.

Simple Example

`TypeScript
// app.module.ts

`

`TypeScript
// my.component.ts

`

API

| Input | Default |
| --- | --- |
| placeholder | Enter your select Placeholder text |
| className | Custom class |
| options | Flatpickr options object |

| Output | Default |
| --- | --- |
| onChange | Fired after Flatpickr has changed |
| onOpen | Fired upon Flatpickr opening |
| onClose | Fired upon Flatpickr closing |

Building from source

Requires globally-installed node (tested with v6.x) & npm.

`
npm install
npm run build
`
test runs the Karma tests once. You can also use test:watch to keep tests running in watch mode.

npm run build creates an intermediate /dist folder, but the final output of the lib (which gets published to npm) is in the /dist` folder.

License

MIT