I am building a form where staff can input the dates and times they worked in a certain location.

From a Calendar they click on their "Start Date" and from a Dropdown they click on their "Start Time". From a second set of Calendar and Dropdown, they then click on their "End Date" and "End Time". The staff usually work plus or minus eight hours.

I need to restrict the dates in the second calendar, so that the staff can only click on a date beginning from the Start Date. Using the Date Modifier in the first Calendar so that "Selected date becomes minimum date" in the second Calendar does not really do the job for me. Let's say I picked 02 May 2015 in the first Calendar. In the second calendar, I see that I cannot click on 02 May; I can only pick a date AFTER and not FROM 02 May.

I need the second Calendar to have 02 May still selectable, because the staff finished their work also on the same date, of course at a later time in the day.

Does anyone know how to do this? The input from the first calendar is inherited in the second calendar as its minimum date.

Issue resolved:

In order to use the "Date modifier" and also be able to select the same date in the second calendar you will require a slight source code modification. Please try going to components\com_rsform\assets\calendar\ and editing the cal.js file by searching for:

var minDate = new Date(theDate.getFullYear(), theDate.getMonth(), theDate.getDate()+1);

and replacing this with

var minDate = new Date(theDate.getFullYear(), theDate.getMonth(), theDate.getDate());