angularx flatpickr wrap

This project is based on angularx-flatpickr, which combined with native-date-adapter, now it contains lunar and jalali calenders.

Table of contents

• angularx flatpickr wrap
  • Table of contents
  • About
  • Installation
  • Development
    • Prepare your environment
    • Development server
    • Testing
    • Release
  • License

About

An angular 14.0+ wrapper for flatpickr-wrap

Installation

Install through npm:

npm install flatpickr-wrap angularx-flatpickr-wrap

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

Then include in your apps module:

import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { FlatpickrModule } from 'angularx-flatpickr-wrap';

@NgModule({
  imports: [FormsModule, FlatpickrModule.forRoot()],
})
export class MyModule {}

Finally use in one of your apps components:

import { Component } from '@angular/core';

@Component({
  template: `
    <input
      type="text"
      mwlFlatpickr
      [(ngModel)]="selectedDate"
      [altInput]="true"
      [convertModelValue]="true"
    />
  `,
})
export class MyComponent {}

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

Development

Prepare your environment

• 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

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