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.