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

Razor Page

This article demonstrates how to set up the DateInput component in a Razor Pages scenario and how to configure it for Globalization.

See the implementation details in the example below. For the full project with Razor Pages examples, visit our GitHub repository.

@model Telerik.Examples.RazorPages.Pages.DateInput.DateInputGlobalizationModel
    ViewData["Title"] = "DateInputGlobalization";

@using System.Globalization

    // Set the server culture.
    var culture = CultureInfo.DefaultThreadCurrentCulture = new CultureInfo("de-DE");

/* Add the culture script from your local folder or the Kendo CDN. Use the culture variable from above to make sure the server and client cultures match. */
<script src="@Url.Content("" + culture + ".min.js")"></script>

<script type="text/javascript">
    // Set the client culture.

    <h4>Enter a date</h4>


    div {
        text-align: center;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;

namespace Telerik.Examples.RazorPages.Pages.DateInput
    public class DateInputGlobalizationModel : PageModel
        public void OnGet()
In this article