Calendar

Example

Razor
<kendo-calendar>
    <messages />
    <month></month>
    <range />
</kendo-calendar>

ChildTags

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
allow-reverseBooleanEnables the user to select an end date that is before the start date. This option is available only when the selectable configuration is set to range.
century-cells-formatCenturyCellsFormatsDefines the century cell format.
component-typeStringSpecifies 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..
cultureStringSpecifies the culture info used by the widget.
datesDateTime[]Specifies a list of dates, which will be passed to the month template.
depthCalendarViewSpecifies the navigation depth. The following settings are available for the depth value: "month" - Shows the days of the month.; "year" - Shows the months of the year.; "decade" - Shows the years of the decade. or "century" - Shows the decades from the century..
disable-datesDateTime[]An array or function that will be used to determine which dates to be disabled in the calendar.
disable-dates-handlerStringThue function that will be used to determine which dates to be disabled in the calendar.
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
as-moduleBoolean
footerStringThe template which renders the footer. If false, the footer will not be rendered.
footer-handlerStringThe template which renders the footer. If false, the footer will not be rendered.
formatStringSpecifies the format, which is used to parse value set with value() method.
minDateTimeSpecifies the minimum date, which the calendar can show.
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
has-client-componentBoolean
maxDateTimeSpecifies the maximum date, which the calendar can show.
on-changeStringFires when the selected date is changed.
on-navigateStringFires when calendar navigates.
sanitize-idBoolean
script-attributesIDictionary<String,Object>
selectableStringBy default user is able to select a single date. The property can also be set to multiple or range. More information about the different selection modes can be found in the Selection article.
select-datesDateTime[]Specifies which dates to be selected when the calendar is initialized.
show-other-month-daysBooleanWhen this configuration is enabled, the calendar will render days from the previous and next months in the current view.
startCalendarViewSpecifies the start view. The following settings are available for the start value: "month" - Shows the days of the month.; "year" - Shows the months of the year.; "decade" - Shows the years of the decade. or "century" - Shows the decades from the century..
valueDateTimeSpecifies the selected date.
week-numberBooleanIf set to true a week of the year will be shown on the left side of the calendar.
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support