Show outside date range as X

2 posts, 0 answers
  1. Matt
    Matt avatar
    11 posts
    Member since:
    Apr 2013

    Posted 08 May 2013 Link to this post

    Is there any sample that shows how we can disable calendar dates that falls outside certain date range(Min-Max) with X marker or grayed out as shown in attachment?
  2. Iliana Nikolova
    Iliana Nikolova avatar
    2622 posts

    Posted 10 May 2013 Link to this post

    Hello Matt,

    I am afraid this is not supported at present by Kendo UI Calendar. Actually this idea has been already submitted as a feature request, so if you wish you may case a vote, leave a comment or monitor the community's interest in it here. The more votes the suggestion collects, the higher priority will have. 

    Meanwhile as a possible workaround I can suggest you to attach a handler to the Calendar's change event and prevent it if the selected date is out of some range. Also you should apply custom CSS in order to get "disabled" outcome for the aforementioned dates.

    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top