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

DatePickerTagHelper

Example

<kendo-datepicker>
    <animation></animation>
    <label />
    <messages />
    <month-template />
    <popup></popup>
</kendo-datepicker>

ChildTags

Tag Name Details
animation DatePickerAnimationSettingsTagHelper
label DatePickerLabelSettingsTagHelper
messages DatePickerMessagesSettingsTagHelper
month-template DatePickerMonthSettingsTagHelper
popup DatePickerPopupSettingsTagHelper

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 the 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 the 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 the 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 the 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
as-module Boolean
auto-adjust Boolean If this property is enabled and you have configured min and/or max values, and the user enters a value that falls out of that range, the value will automatically be set to either the minimum or maximum allowed value. This property has effect only when the dateInput of the component is enabled.
auto-correct-parts Boolean Sets a value that indicates whether to automatically correct the segment when out of range. In order to work, dateInput prop should be set to true.
auto-fill Boolean When enabled, the DatePicker will autofill the rest of the date to the current date when the component loses focus. For example, entering only the date, month or year portion of the date and blurring the component, the missing sections will be automatically completed. Requires a DateInput for editing the 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 DatePicker will use DateInput for editing value
dates DateTime[] Specifies a list of dates, which will be passed to the month content.
depth CalendarView Specifies the navigation depth.
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.
footer-handler 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 DatePicker 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.
disable-dates DateTime[] An array or function that will be used to determine which dates to be disabled for selection by the widget.
for ModelExpression An expression to be evaluated against the current model.
has-client-component Boolean
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 Fires when the selected date is changed
on-close String Fires when the calendar is closed
on-open String Fires when the calendar is opened
parse-formats String[] Specifies a list of date formats used to parse the value set with value() method or by direct user input. If not set the value of the format will be used. Note that the format option is always used during parsing.
rounded Rounded Sets a value controlling the border radius.
sanitize-id Boolean
script-attributes IDictionary<String,Object>
size ComponentSize Sets the size of the component.
start CalendarView Specifies the start view of the calendar.
value DateTime Specifies the selected date.
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?