This is a migrated thread and some comments may be shown as answers.

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

6 Answers 622 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Vedad
Top achievements
Rank 2
Bronze
Bronze
Veteran
Vedad asked on 08 Oct 2018, 10:08 AM

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

6 Answers, 1 is accepted

Sort by
0
Viktor Tachev
Telerik team
answered on 09 Oct 2018, 11:04 AM
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.
0
Vedad
Top achievements
Rank 2
Bronze
Bronze
Veteran
answered on 09 Oct 2018, 12:22 PM

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

0
Accepted
Viktor Tachev
Telerik team
answered on 10 Oct 2018, 12:46 PM
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.
0
Vedad
Top achievements
Rank 2
Bronze
Bronze
Veteran
answered on 11 Oct 2018, 02:07 PM

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

0
Viktor Tachev
Telerik team
answered on 12 Oct 2018, 12:45 PM
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.
0
Vedad
Top achievements
Rank 2
Bronze
Bronze
Veteran
answered on 02 Nov 2018, 03:11 PM

Hi Viktor, 

Thanks a lot for a help, this approach worked out after some minor tuning.

Regards,

Vedad

Tags
Calendar
Asked by
Vedad
Top achievements
Rank 2
Bronze
Bronze
Veteran
Answers by
Viktor Tachev
Telerik team
Vedad
Top achievements
Rank 2
Bronze
Bronze
Veteran
Share this question
or