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

DateRangeStartInputDirective

Represents a directive that manages the start selection range for date range inputs.

You can use the DateRangeStartInputDirective only with a DateInput component.

typescript
@Component({
  selector: 'my-app',
  template: `
    <kendo-daterange>
      <kendo-dateinput kendoDateRangeStartInput [(value)]="startDate"></kendo-dateinput>
      <kendo-dateinput kendoDateRangeEndInput [(value)]="endDate"></kendo-dateinput>
    </kendo-daterange>
  `
})
export class AppComponent {
  public startDate: Date = new Date();
  public endDate: Date = new Date();
}

Selector

[kendoDateRangeStartInput]

Inputs

NameTypeDefaultDescription

autoCorrectOn

AutoCorrectOn

Specifies when the component automatically corrects invalid date ranges. When the start date is greater than the end date, the component fixes the range to a single date either on input change or on blur (see example).

By default, the component does not perform any auto-correction.

boolean

false

Determines how the calendar navigates when you focus on the input. When you set navigateCalendarOnFocus to true, the calendar moves to the value of the focused input. When you set it to false, the calendar shows the last selected date.

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