New to Kendo UI for AngularStart a free 30-day trial

DateRangeModule

The exported package module.

The package exports:

  • DateRangeComponent—The DateRange component class.
  • DateRangePopupComponent—The DateRangePopup component class.
  • DateRangeSelectionDirective—The MultiviewCalendar date range selection directive.
  • DateRangeEndInputDirective—The end DateInput date range selection directive.
  • DateRangeStartInputDirective—The start DateInput date range selection directive.
  • DateRangePopupTemplateDirective—The DateRangePopup content template directive.
ts
// 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);
Not finding the help you need?
Contact Support