because we have custom created our Timepicker React Hook form -> context and useForm currently do not successfully work with our time picker
Problem:
any changes to the time picker is not correctly passing values to react hook form - we cannot add this data into the payload to append the DateTime of our calendar event.
This blocks a lot of other functionality required to reach feature parity with Google Calendar e.g. cannot adjust time within a form- we will not be able to EDIT the calendar even tin a patch request (using the same form component), we cannot CREATE a calendar event and have it reflect the correct time
currently we need to implement dragging of event cards - need to map out how to best implement different functions and at what level of our component tree do we implement this
Questions:
can we useContext hook to help us pass data up and down the virtual DOM
do we use Event_ids to help us to identify which 'event card' is active at any given time?
how do we ensure that only 1 event is draggable at any given time, how do we deselect an event card?
we cannot input time value via text input - currently only supports 'time selection from dropdown'
we do not have any supporting logic for typing. So it doesn't verify if this is a valid time - because the available times are hard coded into a list
Features to be built:
allow text input for Timepicker
create business logic which validates whether input is a valid time
we will need future logic for end times (display duration if it is an endtime timepicker - it will also show whether the end time is before the starttime)