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

DateRangeSelectionDirective

Manages the MultiViewCalendar range selection. This directive will be deprecated in a future version. Use the MultiViewCalendar range selection instead.

Selector

[kendoDateRangeSelection]

Inputs

NameTypeDefaultDescription

activeRangeEnd

SelectionRangeEnd

Specifies which end of the selection range is marked as active. The active end gets modified when you interact with the component. When you set a new active end, the wired DateRangeService notifies all related components. For example, the start and end DateInput components.

If the selection range is undefined, the value is ignored.

autoCorrectOn

AutoCorrectOn

'change'

Specifies the auto-correction behavior. If the start date is greater than the end date, the directive corrects the date range to a single date either on input change or on blur (see example).

By default, the auto-correction triggers on change. To disable this behavior, set the autoCorrectOn property to none.

selectionRange

SelectionRange

Gets or sets the selection range of the calendar. When you set a new range, the connected DateRangeService notifies all related parties.

Events

NameTypeDescription

activeRangeEndChange

EventEmitter<SelectionRangeEnd>

Fires when the active range end changes. For more information, refer to the section on events.

selectionRangeChange

EventEmitter<SelectionRange>

Fires when the selection range changes. For more information, refer to the section on events.

Methods

setRange

Parameters

range?

SelectionRange

In this article
SelectorInputsEventsMethods
Not finding the help you need?
Contact Support