Narcissistic Pickle Meister

    ngx-flatpickrjs
    TypeScript icon, indicating that this package has built-in type declarations

    2.1.3 • Public • Published

    ngx-flatpickr

    npm version


    flatpickr for Angular 2+


    Exemple:

    <ngx-flatpickr
      language="french"
      placeholder="Please select a date"
      [options]="options"
      [default]="date"
      (onDateSelect)="setDate($event)"
      (onInit)="initialized($event)"
      >
    </ngx-flatpickr>
    • language (Input):
      the language of the flatpickr instance

      All the locales from flatpickr are available, both full country names and codes can be used (Eg: "French" and "fr" both work)

      A full list of all the locales can be seen in the flatpickr github repository

    • options (Input):
      the placeholder text of the input field

      All the options available can be seen on the flatpickr website

    • onInit (Output): function launched after the picker is initialized

      The value returned in $event is the flatpickr instance

    • default (Input):
      the default date

    • onDateSelect (Output): function launched every time a date is selected

      The value returned in $event is an array containing the selected date(s)

    • placeholder (Input):
      the placeholder text of the input field


    This component also works with FormControl :

    <ngx-flatpickr
      placeholder="Please select a date"
      [formControl]="date"
      >
    </ngx-flatpickr>
    this.date = new FormControl(new Date(), Validators.required)

    Install

    npm i ngx-flatpickrjs

    DownloadsWeekly Downloads

    5

    Version

    2.1.3

    License

    none

    Unpacked Size

    153 kB

    Total Files

    37

    Last publish

    Collaborators

    • anthonyl_web
    • benpassiverecords