Display Calendar widget on click (like date picker) or enable date picker to select range

6 posts, 0 answers
  1. Vedad
    Vedad avatar
    24 posts
    Member since:
    Jun 2018

    Posted 08 Oct Link to this post

    Hello, 

     

    I have a specific request - enable user to display and select date range when click on the single button or on text box. Behavior of date picker suits fine, but unfortunately it lacks ability to select date range. On the other side, calendar widget has ability to select date range, but I cannot figure out how to bind it to the text box and show - hide on demand.

     

    Is there any way to achieve this?

     

    Thank you in advance.

    Regards,

    Vedad

  2. Viktor Tachev
    Admin
    Viktor Tachev avatar
    2048 posts

    Posted 09 Oct Link to this post

    Hello Vedad,

    By design the DatePicker component allows selecting single date only. Having a range selection in the widget is not available out of the box. Currently selecting a range of dates requires two DatePicker widgets for start and end date like in the example below.


    With that said, our roadmap for R1 2019 release includes a DateRangePicker component that will enable the users to select range of dates from a single component.


    Regards,
    Viktor Tachev
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
  3. Vedad
    Vedad avatar
    24 posts
    Member since:
    Jun 2018

    Posted 09 Oct in reply to Viktor Tachev Link to this post

    Hi Viktor, 

    thank you for your response. Unfortunately, having two pick boxes is not an option for us at the moment. 

    I was thinking of using calendar widget and try to bring it up on click and destroy on close. Would that be feasible and any suggestions how? 

    Thanks a lot,

    Vedad

  4. Viktor Tachev
    Admin
    Viktor Tachev avatar
    2048 posts

    Posted 10 Oct Link to this post

    Hello Vedad,

    I have prepared a small sample that illustrates how similar functionality can be implemented. You can use it as a starting point and adjust it based on your specific requirements.



    Regards,
    Viktor Tachev
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
  5. Vedad
    Vedad avatar
    24 posts
    Member since:
    Jun 2018

    Posted 4 days and 22 hours ago in reply to Viktor Tachev Link to this post

    Hi Viktor, 

    Thank you for proposal, I will take a look and see if we can use it. Looks like something I had in mind, but I didn't remember to try to put it into tooltip. (nicely done!:)

    I will let you know how it ended up.

    Thanks again,

    Vedad

  6. Viktor Tachev
    Admin
    Viktor Tachev avatar
    2048 posts

    Posted 4 days ago Link to this post

    Hello Vedad,

    I am glad that you like the suggested approach. Try it out and see how it works out in your scenario. 

    In case you have additional queries please let us know.


    Regards,
    Viktor Tachev
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top