New to Kendo UI for Angular? Start 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
Name | Type | Default | Description |
---|---|---|---|
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. | |
navigateCalendarOnFocus |
|
|
Determines how the calendar navigates when you focus on the input.
When you set |