background

UI for ASP.NET MVC

ASP.NET MVC DateInput

  • Enter date and time values with the ASP.NET MVC DateInput component. Featuring separate sections for day, month, year, hours and minutes along with keyboard navigation and RTL support for a seamless user experience.
  • Part of the Telerik UI for ASP.NET MVC library along with 110+ professionally designed UI components.
  • Includes support, documentation, demos, virtual classrooms and more!
Telerik UI for ASP.NET MVC Suite
  • Overview

    The ASP.NET MVC DateInput component lets users input data, conforming to the specific format, culture, min and max settings. It provides separate sections for days, months, years, hours and minutes.

    Telerik UI for ASP.NET MVC DateInput - Overview
  • Customization of DateInput Messages

    It is now possible to effortlessly personalize the message placeholder for the date input in the Date & Time Picker elements by utilizing the Messages feature found in the DateInput user interface component. Additionally, the component includes a .Format() feature that can be utilized to specify the date format for parsing and formatting the machine date.

  • Floating Label

    Saving form space without losing the context of the form field is a breeze with the ASP.NET MVC DateInput floating label. Ensure a smoother and more efficient user experience by adding a label that floats above the input upon clicking.

    See the ASP.NET MVC DateInput Floating Label demo

    Telerik UI for ASP.NET MVC DateInput Floating Label
  • Date Editing

    Leverage the date editing options in the Telerik UI for ASP.NET MVC DateInput to easily configure the behavior of the component while editing the date. These configuration options include: 

    • AutoSwitchParts results in automatic move to the next segment after a valid value is entered.
    • AutoSwitchKeys configures a custom key that triggers the move to the next segment.
    • EnableMouseWheel increases or decreases segment values with the use of a mouse wheel.
    • AutoCorrect automatically corrects the value if it is out of range.
    • Steps configures the steps for incrementing and decrementing the various available date segments.
    Telerik UI for ASP.NET MVC DateInput Editing
  • DateInput Integration

    You can seamlessly integrate the ASP.NET MVC DateInput with other components, such as DatePicker, TimePicker and DateTimePicker. To achieve this behavior, simply enable the DateInput property of the respective component. Refer to the documentation article to learn more.

    DatePicker - Overview
  • Globalization

    The DateInput component automatically translates culture-specific formats to the user’s locale. Simply set the culture and the correct date formats will be inherited from it, adjusting the input data.

    Telerik UI for ASP.NET MVC Globalization Localization
  • RTL Support

    Right-to-left support is available for languages like Arabic and Hebrew, in which users read from right to left. You can satisfy any cultural preference with the ASP.NET MVC DateInput control by toggling between left-to-right and right-to-left alignment with only a few settings.

    Telerik UI for ASP.NET Core RTL Support
  • Keyboard Navigation

    The DateInput provides keyboard navigation, making your apps usable by anyone. Refer to the demo page and find out how you can open the popup, highlight parts, clear, increase and decrease dates by using just your keyboard.


    See how Keyboard Navigation works in ASP.NET MVC DateInput
    Telerik UI for ASP.NET Core Keyboard navigation

All ASP.NET MVC Components

Next Steps