Ngx-custom-date-range-selector NPM

Custom Date Range Selector

Custom Range Date Selector for Creative Software

Installation

Install with npm

  npm i ngx-custom-date-range-selector

Import module

  import { NgxCustomDateRangeSelectorModule } from 'ngx-custom-date-range-selector';

Usage

Use in component

  import { ICustomDateRangeSelector, CustomDateRangeSelectorType } from "ngx-custom-date-range-selector";

  customDate: ICustomDateRangeSelector = {
    dateStart: initDate,
    dateEnd: endDate,
    typeSelector: CustomDateRangeSelectorType.LastThirtyDays
  }

  onChange(event: ICustomDateRangeSelector) {
    this.customDate = event;
  }

Use in HTML

    <app-custom-date-range-selector
        [customDateRangeSelector]="customDate"
        (change)="onChange($event)">

    </app-custom-date-range-selector>