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

WebForms DateInput Overview

RadDateInput is an input control that formats and validates DateTime values, and and has 'smart' parsing engine which recognizes whether the user entry can be converted to DateTime format or not. It shares the common properties of all RadInput controls, including support for skins, styles for different states, empty message support, conditional postback on date change, labels, and so on. RadDateInput assists the user in date and time entry by accepting various date and time formats and tries to recognize them and convert them into valid dates. If the entry is successfully recognized, it is formatted according to the current DateFormat and DisplayDateFormat property settings and displayed to the user.

About RadDateInput for ASP.NET AJAX

When you need flexible date entry control combined with strict validation, Telerik DateInput control for ASP.NET AJAX is the perfect match. RadDateInput allows you to enter date values and automatically restrict the values users can enter to that type.

RadDateInput and 120+ other controls are part of UI for ASP.NET AJAX, a comprehensive toolset taking care of the common functionality of your application, while leaving you with more time to work on its business logic.

Key Features

  • Rich client-side API
  • Keyboard and mouse wheel support.
  • The ability to add labels and buttons that are associated with the input control.
  • Empty message support.
  • Client/Server side data validation.
  • Advanced Skinning - The visual appearance of the Input control can be easily customized through skins

  • DefaultCS.aspx
<%@ Page Language="c#" AutoEventWireup="true" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-containers">
        <div class="demo-container" runat="server" id="demoContainer">
            <telerik:RadLabel runat="server" ID="RadLabel1" AssociatedControlID="RadDateInput1" Text="Date:"></telerik:RadLabel>
            <telerik:RadDateInput RenderMode="Lightweight" ID="RadDateInput1" runat="server" LabelWidth="50px" Width="300px" Culture="en-US" EmptyMessage="Enter valid date"
                InvalidStyleDuration="100" >
            </telerik:RadDateInput>
        </div>
    </div>

    </form>
</body>
</html>

Support & Learning Resources

Find Assistance