Selecting date range with RadDatePicker?

2 posts, 0 answers
  1. Martin Sherene
    Martin Sherene avatar
    3 posts
    Member since:
    Dec 2008

    Posted 30 Oct 2013 Link to this post

    Is it possible to enable date range selection within the RadDatePicker control by setting the Calendar-RangeSelectionMode property to either ConsecutiveClicks or OnKeyHold?  I was hoping for a sort of "out of the box" functionality, without the need for additional client-side scripting.  I know I can enable this functionality by using the RadCalendar control, which would cause the calendar to permanently display on the page, however I like the associated [format friendly] input field of the RadDatePicker along with the optional RadCalendar popup; however when using the following code, upon selecting my first/"start" date, the calendar dialog closes before I am able to select my second/"end" date.

    <telerik:RadDatePicker runat="server" ID="MyDatePicker" Calendar-RangeSelectionMode="ConsecutiveClicks" />


  2. Viktor Tachev
    Viktor Tachev avatar
    1768 posts

    Posted 04 Nov 2013 Link to this post

    Hello Martin,

    Thank you for contacting Telerik support.

    The RadDatePicker control is intended to select only one date from the Calendar. If you would like to have date range there are couple of options.

    The first option is to use two RadDatePicker controls - one for start date and one for end date. Similar approach is illustrated in this online demo.

    Another approach would be to use RadCalendar control placed in a popup container. This way the RadCalendar will not be always visible on the page.

    I hope this information would be helpful to you.

    Viktor Tachev
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top