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

DateInput Integration

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

To use the DateInput in a DatePicker, enable the DateInput property of the DatePicker.

    @(Html.Kendo().DatePicker()
        .Name("datepicker")
        .DateInput()
        .Value("10/10/2019")
    )
    @addTagHelper *, Kendo.Mvc

    <kendo-datepicker name="datepicker"
        date-input="true"
        value="new DateTime(10/10/2019)">
    </kendo-datepicker>

To customize the placeholders of the DateInput use the Messages configuration and set the desired DateInput message. The component also provides the Format() option that you can leverage to set the date format, which will be used to parse and format the machine date. Defaults to CultureInfo.DateTimeFormat.ShortDatePattern.

AutoFill Functionality

With the DateInput integration enabled, you can set the AutoFill() option.

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

    @(Html.Kendo().DatePicker()
        .Name("datepicker")
        .DateInput()
        .AutoFill()
    )
    @addTagHelper *, Kendo.Mvc

    <kendo-datepicker name="datepicker"
        date-input="true"
        auto-fill="true">
    </kendo-datepicker>

See Also

In this article