Daterangepicker-ng7-lib NPM

Daterange picker NG7 Library

Angular + moment (no JQuery)

Installation

npm i daterangepicker-ng7-lib --save

Required Angular 7.0 +

Example

import { DaterangepickerNg7LibModule } from 'daterangepicker-ng7-lib';

// app.module.ts
@NgModule({
  ...
  imports: [
    ...,
    DaterangepickerNg7LibModule
  ]
  ...
})
export class AppModule { }

import { DaterangepickerConfig, RangeItem } from 'daterangepicker-ng7-lib';

// app.component.ts
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
})
export class AppComponent {

 options: DaterangepickerConfig = {

    calendarConfig: {
      dayNames: ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Нд'],
      containerClass: 'custom-calendar',
      inputClass: 'custom-input'
    },

    periodLabel: 'Select range',
    acceptClass: 'custom-button-accept-class',
    rejectClass: 'custom-reject-accept-class',
    acceptLabel: 'Select',
    rejectLabel: 'Cancel',
    dateRangeLabel: 'Show daterangepicker',
    containerClass: 'custom-container-class'
  };

  ranges: RangeItem[] = [
    { label: 'Current month', period: { start: moment().startOf('month'), end: moment().endOf('month') } },
    { label: 'Current quarter', period: { start: moment().startOf('quarter'), end: moment().endOf('quarter') } }
  ];
  
   constructor() {
    moment.locale('uk');
  }

}