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

DateTimePickerTagHelper

Example

<kendo-datetimepicker>
    <label />
    <messages />
    <month-template />
    <popup></popup>
</kendo-datetimepicker>

ChildTags

Tag Name Details
label DateTimePickerLabelSettingsTagHelper
messages DateTimePickerMessagesSettingsTagHelper
month-template DateTimePickerMonthSettingsTagHelper
popup DateTimePickerPopupSettingsTagHelper

Attributes

Attribute Type Description
name String Sets the name of the component.
adaptive-mode AdaptiveMode Specifies the adaptive rendering of the component.
aria-template String Specifies a template used to populate value of the aria-label attribute of the currently focused cell of the calendar. The parameters available for the template are: current - The current focused date.; valueType - The focused item value type - month, year and etc. or text - A text representing the focused value..
aria-template-handler String Specifies a template used to populate value of the aria-label attribute of the currently focused cell of the calendar. The parameters available for the template are: current - The current focused date.; valueType - The focused item value type - month, year and etc. or text - A text representing the focused value..
aria-template-id String Specifies a template used to populate value of the aria-label attribute of the currently focused cell of the calendar. The parameters available for the template are: current - The current focused date.; valueType - The focused item value type - month, year and etc. or text - A text representing the focused value..
aria-template-view IHtmlContent Specifies a template used to populate value of the aria-label attribute of the currently focused cell of the calendar. The parameters available for the template are: current - The current focused date.; valueType - The focused item value type - month, year and etc. or text - A text representing the focused value..
as-child-component Boolean
component-type String Specifies the component type of the widget. "classic" - Uses the standard rendering of the widget. or "modern" - Uses new rendering with a fresh and modern look and feel..
culture String Specifies the culture info used by the widget.
date-input Boolean Specifies if the DateTimePicker will use DateInput for editing value
depth CalendarView Specifies the navigation depth.
disable-dates DateTime[] An array or function that will be used to determine which dates to be disabled for selection by the widget.
end-time DateTime If set, specifies the latest time the TimeView can show.
footer String The template which renders the footer of the calendar. If false, the footer will not be rendered.
format String Specifies the format, which is used to format the value of the DateTimePicker displayed in the input. The format also will be used to parse the input.For more information on date and time formats please refer to Date Formatting.
is-in-client-template Boolean When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
disable-dates-handler String Thue function that will be used to determine which dates to be disabled in the calendar.
deferred Boolean Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
fill-mode FillMode Sets a value controlling how the color is applied.
for ModelExpression An expression to be evaluated against the current model.
has-client-component Boolean
interval Double Specifies the interval, between values in the popup list, in minutes.
max DateTime Specifies the maximum date, which the calendar can show.
min DateTime Specifies the minimum date that the calendar can show.
on-change String Triggered when the underlying value of a DateTimePicker is changed.
on-close String Fires when the calendar or the time drop-down list is closed
on-open String Fires when the calendar or the time drop-down list is opened
parse-formats String[] Specifies the formats, which are used to parse the value set with value() method or by direct input. If not set the value of the options.format and options.timeFormat will be used. Note that value of the format option is always used. The timeFormat value also will be used if defined.
rounded Rounded Sets a value controlling the border radius.
sanitize-id Boolean
size ComponentSize Sets the size of the component.
start CalendarView If set, specifies the earliset time the TimeView can show.
start-time DateTime If set, specifies the earliset time the TimeView can show.
time-format String Specifies the format, which is used to format the values in the time drop-down list.
value DateTime Specifies the selected value.
week-number Boolean If set to true a week of the year will be shown on the left side of the calendar. It is possible to define a template in order to customize what will be displayed.
In this article
Not finding the help you need?