Generic time slot picker (for flows)

The generic time slot picker screen flow component takes a list of time slots from elsewhere in the flow, and displays them to the user.

The user can select a slot by clicking on it, and then clicking the flow’s ‘next’ button. The component will then output the selected slot with all its data (usually reservations that are possible during that slot).

The user can click the left or right arrows to navigate to the next ‘page’ of slots. When the user navigates beyond the range of populated slots, the component will move to the next flow element without the selected slot property populated, but instead with a userNavNext or userNavPrev boolean flag populated (depending on which arrow they clicked).