Two hours time period should display in input fields

I need to show time period with 2 hours in two input fields, and also when i enter/selected time in first field then in the second field automatically should display time with 2 hours gap
For example: I entered 10:00 AM in first field in the second field i should get 12:00 PM

Hi @kiran.marikukala :slight_smile: Are you using standard input elements, or the date and time picker elements?

First field was time and date picker and second field was just an input field.
Suggest the best possible way for my requirement

Oh cool! :slight_smile: It’s probably easiest to use two date and time picker elements. This way you can set the initial content of the second datepicker to be "datepicker A's value +hours:2, shown here:

If you want the User to only be able to change the first datepicker’s time, you can check “this input is disabled” on the second datepicker:

So in preview mode it looks like this:

That should do it! :slight_smile:

1 Like

Thanks a lot fayewatson for you suggestion

1 Like

No problem at all! :slight_smile:

This topic was automatically closed after 70 days. New replies are no longer allowed.