background

UI for ASP.NET Core

ASP.NET Core DatePicker

  • Use the ASP.NET Core DatePicker component to let users easily select a date or multiple dates from a calendar. Take advantage of its various features, including disabled dates, week column, RTL support, keyboard navigation and more.
  • Part of the Telerik UI for ASP.NET Core library along with 110+ professionally designed UI components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
Telerik UI for ASP.NET Core Suite
  • Overview

    The Telerik UI for ASP.NET Core DatePicker allows users to select a date or multiple dates from a calendar. The component can be implemented in any ASP.NET Core applications, including booking scenarios. It can be customized by adding templates, disabling dates, adding a week column and more. It is accessible for all users and supports keyboard navigation and RTL adaptation. 

    See the Telerik UI for ASP.NET Core DatePicker in action
    Telerik UI for ASP.NET Core DatePicker - Overview
  • Component Types

    The component features two types – modern with a sleek calendar view tailored to fit the newest applications, and classic for those of you who might feel nostalgic and want to keep the traditional authentic feeling in their applications. 
    Telerik UI for ASP.NET Core DatePicker Component Type
  • Templates

    The ASP.NET Core DatePicker offers multiple template options, such as: 
    • Month View Template – renders icons for specific days (birthdays, holidays etc.)
    • Footer Template – displays the current date
    • Week Column Template – rendering a week column on the left side of the calendar

    Check them all out in the Telerik UI for ASP.NET Core DatePicker Templates demo

    Telerik UI for ASP.NET Core DatePicker Templates
  • Start View and Selection Depth

    The Telerik UI for ASP.NET Core DatePicker component allows you to set the initial view it shows (month, year, decade, century) and define the navigation depth of the views.

    See more in our documentation
  • Range Selection

    There are several ways a user can select a range of dates. One option would be to use the Telerik UI for ASP.NET Core DateRangePicker, however, you can also provide two separate Date Pickers and allow users to specify the Start and End date.  

    See more in the ASP.NET Core DatePicker Range Selection demo
    Telerik UI for ASP.NET Core DatePicker Range Selection
  • Date and Time Picker

    In case your project requires a component that can be more time specific, such as setting dentist appointments or booking a session with a tutor, you can implement the Telerik UI for ASP.NET Core DateTimePicker and specify the exact date and time using a single component. 
    Telerik UI for ASP.NET Core DateTimePicker - Basic Usage
  • Disabled Dates

    Implementing a calendar is always done for the sake of planning, and we know that in many cases every day is not an option. For example, most companies do not work during the weekend or on national holidays, that is why the ASP.NET Core DatePicker allows you to disable the dates that don’t work for you and let the users choose only from the acceptable options.  


    Telerik UI for ASP.NET Core DatePicker Disabled Dates
  • API

    The component offers several API functions including set/get a value, open/close the calendar or configure its states. For a full list of events fired by the ASP.NET Core DatePicker visit our documentation.  
    Telerik UI for ASP.NET Core Rich API
  • Customization of DateInput Messages

    With the Messages option in the DateInput UI component, you can now effortlessly personalize the message placeholder for the date input in the Date & Time Picker components. The component also offers the .Format() feature, which can be utilized to establish the date format that will be utilized to parse and format the machine date.

  • Globalization

    The ASP.NET Core DatePicker supports Globalization as a feature and is designed to work in different cultures and respond to their requirements for date and time formatting, week and month names. You can define the culture through the kendo.culture() method. 
    Globalization Localization
  • RTL Support

    The DatePicker component supports RTL configuration. The RTL functionality is supported my most of our components to respond to users who communicate through a right-to-left language such as Arabic or Hebrew. 

    Check out the ASP.NET Core DatePicker RTL Support demo
    Telerik UI for ASP.NET Core RTL Support
  • HTML and Tag Helpers

    Telerik UI for ASP.NET Core offers two options for declaring UI components – through HTML or Tag Helpers. You can choose which approach to use for the DatePicker component based on preference, technology background or team development practice. Both HTML and Tag helpers allow you to lay out the components and their configuration with a simple and easy-to-read HTML-like syntax.   
    Telerik UI for ASP.NET Core HTML and Tag Helpers
  • Accessibility

    Accessibility can be a large concern in any application. Thanks to the Telerik UI for ASP.NET Core DatePicker component being Section 508 and WCAG 2.1 guidelines compliant, you can rest assured when adding the component to your application. 
    Accessibility
  • Keyboard Navigation

    The ASP.NET Core DatePicker allows users to open/close the popup and select/deselect dates by using the arrows or a combination of ctrl and arrows to navigate the months of the year. For a full list of supported keys and user actions visit the DatePicker Keyboard Navigation demo
    Keyboard navigation
  • DatePicker Theming

    You can Style the DatePicker component with one of 20+ built-in themes and swatches. You can easily customize any of out-of-the-box themes with a few lines of CSS, or create new themes to match your colors and branding by using the Progress SASS ThemeBuilder application. 

All ASP.NET Core Components

Next Steps