DatePickerTagHelper

Example

Razor

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

ChildTags

Tag Name	Details
animation	DatePickerAnimationSettingsTagHelper
label	DatePickerLabelSettingsTagHelper
messages	DatePickerMessagesSettingsTagHelper
month-template
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-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.
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.
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.
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.
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.
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.
has-client-component	Boolean
input-mode	String	Specifies the inputmode attribute of the inner <input /> element. It is used to specify the type of on-screen keyboard that should be displayed when the user focuses the input.
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	Object	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.