Flatpickr

flatpickr is a lightweight and powerful datetime picker. Use the required class varient (e.g. range_flatpicker, date_flatpicker, wrap_flatpicker active ) for different flatpickr. For more details

Installation

npm i angular-flatpickr

Html

  <ng2-flatpickr placeholder="24 Jan 2022 to 23 Feb 2022" [config]="dateRangeOptions"
        addClass="form-control range_flatpicker flatpickr-input active"></ng2-flatpickr>
    

import { FlatpickrOptions } from 'ng2-flatpickr/ng2-flatpickr';

export class DashboardComponent implements AfterViewInit {
  public dateRangeOptions: FlatpickrOptions = {
    mode: 'range'
  };
}