angularx-flatpickr
TypeScript icon, indicating that this package has built-in type declarations

8.1.0 • Public • Published

angularx flatpickr

Sponsorship Build Status codecov npm version GitHub license

Demo

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

Table of contents

About

An angular 17.0+ wrapper for flatpickr

Installation

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.

Documentation

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

Development

Prepare your environment

Development server

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

Testing

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

Release

pnpm run release

License

MIT

Package Sidebar

Install

npm i angularx-flatpickr

Weekly Downloads

20,651

Version

8.1.0

License

MIT

Unpacked Size

192 kB

Total Files

16

Last publish

Collaborators

  • mattlewis92