Calendar Range overview

NbCalendarRangeComponent

CalendarRange component provides a capability to choose a date range.

<nb-calendar [(date)]="date"></nb-calendar>
<nb-calendar [date]="date" (dateChange)="handleDateChange($event)"></nb-calendar>

Basic usage example

Installation

Import NbCalendarRangeModule to your feature module.

@NgModule({
  imports: [
    // ...
    NbCalendarRangeModule,
  ],
})
export class PageModule { }

Usage

CalendarRange component supports all of the Calendar component customization properties. More defails can be found in the Calendar component docs.