New to Kendo UI for Angular? Start a free 30-day trial

DateRangeModule

The exported package module.

The package exports:

  • DateRangeComponentThe DateRange component class.
  • DateRangePopupComponentThe DateRangePopup component class.
  • DateRangeSelectionDirectiveThe MultiviewCalendar date range selection directive.
  • DateRangeEndInputDirectiveThe end DateInput date range selection directive.
  • DateRangeStartInputDirectiveThe start DateInput date range selection directive.
  • DateRangePopupTemplateDirectiveThe DateRangePopup content template directive.
  • MultiViewCalendarModuleThe MultiViewCalendar module.
// Import the DateRange module
import { DateRangeModule } from '@progress/kendo-angular-dateinputs';

// The browser platform with a compiler
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

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

// Import the app component
import { AppComponent } from './app.component';

// Define the app module
@NgModule({
    declarations: [AppComponent], // declare app component
    imports:      [BrowserModule, DateRangeModule], // import DateRange module
    bootstrap:    [AppComponent]
})
export class AppModule {}

// Compile and launch the module
platformBrowserDynamic().bootstrapModule(AppModule);

In this article

Not finding the help you need?