New to Telerik UI for ASP.NET Core? Download free 30-day trial

DateInput Integration

The DatePicker provides integration options with the Telerik UI DateInput for ASP.NET Core for the input element it renders.

To use the DateInput as the input element in a DateTimePicker, enable the DateInput property of the DateTimePicker.

    @(Html.Kendo().DateTimePicker()
        .Name("dateTimePicker")
        .DateInput(true)
    )
<kendo-datetimepicker name="datetimepicker"
                       date-input="true"/>

To customize the placeholders of the DateInput use the Messages configuration and set the desired DateInput messages.

AutoFill functionality

With the DateInput integration enabled, you the AutoFill functionality can also be enabled via the autoFill configuration option.

    @(Html.Kendo().DateTimePicker()
        .Name("dateTimePicker")
        .DateInput(true)
        .AutoFill(true)
    )
<kendo-datetimepicker name="datetimepicker"
                       date-input="true"
                       auto-fill="true" />

When the AutoFill functionality is enabled you can complete any of the date segments in the DatePicker's DateInput and when the component looses focus the rest of the date will automatically be filled with the corresponding segment of the current date. For example, if the current date is 06 Jul 2023 and the user fills only the day portion as 15 and clicks on another input element the date will be autofilled to 15 Jul 2023.

See Also

In this article