Using timepicker with time range and midnight as max time

Question

Hi,i'm using the TimePicker control with a time range and i need to fulfill this requirement:- Start time = 22:00 (min = Sat Apr 09 2022 22:00:00)- End time = 00:00 of the next day (max = Sun Apr 10 2022 00:00:00)(The values I expect are 22:00, 23:00, 00:00)With this behaviour the control doesn't work because the start time must be less than the end time and your control natively shows times between 00:00 and 23:59How can I do that?Thanks in advance.Marco Rizzato

Sureshkumar P · Answer

In our time picker component, support time ranges from one day only. If you want to set the time ranges in-between multiple days, we suggest you use our datetimepicker component to achieve your requirement.

To know more about our datetimepicker component-time ranges. Please refer to the below documentation and the online demo.

Online demo: https://ej2.syncfusion.com/vue/demos/#/bootstrap5/datetimepicker/date-time-range.html

Documentation link: https://ej2.syncfusion.com/vue/documentation/datetimepicker/date-time-range/

Marco Rizzato · Answer

Hi Sureshkumar,thanks for the reply. I resolved by using a custom dropdown as a TimePicker.Thanks again and have a good day.Marco.

Prince Oliver · Answer

Hi Marco,Most welcome, we are glad to assist you.Regards,Prince