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);