New to Kendo UI for Angular? Start 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);