Hiding the DatePicker TextBox

3 posts, 0 answers
  1. Matthias
    Matthias avatar
    5 posts
    Member since:
    Oct 2013

    Posted 09 Feb 2015 Link to this post


    is is possible to hide the input TextBox of the Kendo UI DatePicker to only show the button which opens the date selection?

    Best regard
  2. Georgi Krustev
    Georgi Krustev avatar
    3725 posts

    Posted 11 Feb 2015 Link to this post

    Hello Matthias,

    In general, there is no built-in way to hide the input element of the DatePicker widget. The options are either hide it using CSS or implement a stand-alone widget that shows Kendo UI Calendar widget in a popup.

    Georgi Krustev
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Vaibhav
    Vaibhav avatar
    1 posts
    Member since:
    Jun 2014

    Posted 29 Jul 2015 Link to this post

    One possible way to hide it is to put it under an empty div with 0px width , height and set overflow;"hidden"

     Also have separate button and onclick open the datepicker programmatically. 

    <div style="width:0px; height:0px; overflow:hidden;">put datepicker control here</div>​

Back to Top