https://mattlewis92.github.io/angularx-flatpickr/

• About
• Installation
• Documentation
• Development
• License

An angular 17.0+ wrapper for flatpickr

Install through npm:

npm install flatpickr angularx-flatpickr 

Next, in your angular.json add "node_modules/flatpickr/dist/flatpickr.css" to the styles array of your application

Then use in one of your apps components:

import { Component } from '@angular/core'; import { FlatpickrDirective, provideFlatpickrDefaults } from 'angularx-flatpickr'; @Component({ imports: [FlatpickrDirective], providers: [provideFlatpickrDefaults()], template: `<input type="text" mwlFlatpickr [(ngModel)]="selectedDate" [altInput]="true" [convertModelValue]="true" />`, standalone: true, selector: 'my-component', }) export class MyComponent {}

You may also find it useful to view the demo source.

All documentation is auto-generated from the source via compodoc and can be viewed here: https://mattlewis92.github.io/angularx-flatpickr/docs/

• Install Node.js (>=14.19.0 or >=16.9.0)
• Install pnpm: corepack enable
• Install local dev dependencies: pnpm install while current directory is this repo

Run pnpm start to start a development server on port 8000 with auto reload + tests.

Run pnpm test to run tests once or pnpm test:watch to continually run tests.

pnpm run release

MIT