DateTimePicker

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.
as-child-component	Boolean
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.
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..
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.
disable-dates-handler	String	Thue function that will be used to determine which dates to be disabled in the calendar.
fill-mode	FillMode	Sets a value controlling how the color is applied.
footer	String	The template which renders the footer of the calendar. If false, the footer will not be rendered.
for	ModelExpression	An expression to be evaluated against the current model.
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.
interval	Double	Specifies the interval, between values in the popup list, in minutes.
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.
size	ComponentSize	Sets the size of the component.
start	CalendarView	Specifies the start view of the calendar.
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.
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
max	DateTime	Specifies the maximum date, which the calendar can show.