ng2-flatpickr

A lightweight Angular wrapper around the flatpickr date picker, meant for reactive forms, that passes through flatpickr's own options and keeps the CSS load separate.

ng2-flatpickr is a lightweight Angular wrapper for flatpickr, usable in reactive forms inside Angular. The README sticks to that single purpose: getting the flatpickr date picker into Angular applications through a small component. It does not try to be more than the wrapper.

Usage is straightforward: overwrite the default flatpickr properties by inputting any of the flatpickr options, with a link to the flatpickr options documentation. That means developers configure the picker with the same options they already know rather than learning a separate Angular API. Existing flatpickr knowledge transfers directly, and the README keeps the usage surface small.

The flatpickr CSS needs to be loaded separately, and with the Angular CLI that means loading it in angular.json. The component logic and the stylesheet setup stay apart, which is a common split for third-party Angular components. The README mentions it in a single line, which is all it takes.

The main integration point the project advertises is reactive forms. Because the wrapper is usable there, the date picker participates in Angular's reactive form model instead of working only as a standalone widget. And it stays lightweight, keeping the added dependency small for apps that already ship flatpickr.

The wrapper is small by design: bring flatpickr into Angular, pass through its options, and load the CSS yourself. For teams already using flatpickr, it is a thin layer rather than a new API to learn.

• Source 1 · Project repository
• Source 2 · README