Date Range Picker (for flows)

This article provides a comprehensive guide on using and configuring the Date Range Picker component for flows. It enhances the GoMeddo booking screen by offering an intuitive and visual way to select date ranges, improving user experience and efficiency.

The Date Range Picker allows the user to select a date range which can then be used in the flow, to find time slots using the Time Slot Picker (for flows) or to assign a start and end time to a reservation to be created.

A sample flow using this component could look like this:

The Date Range Picker is located in Start/End Date Selection and can be used along other components such as the Record Picker.

Configuration Options

The Date Range Picker has the following configuration options for admins:

Field	Input/output	Required/optional	Description

Field	Input/output	Required/optional	Description
Label	Input	Optional	The label to be displayed above the Date Range Picker. Leave blank to hide the label.
Placeholder text	Input	Optional	The text that will be displayed inside the Date Range Picker’s input.
Help text	Input	Optional	The help text to be displayed when hovering the help icon. Leave blank to hide the help icon.
Minimum Selection Date	Input	Optional	The date from which the user can begin their selection. Any days before this date will be disabled and unavailable for selection.
Maximum Selection Dare	Input	Optional	The date up to which the user can make a selection. Any days after this date will be disabled and unavailable for selection.
Start Time of Selected Range	Input	Optional	The time (HH:mm) to append to the start date of the user’s selected range. For example, if the user’s selected start date is 09-12-2024 and this field is set to 15:00, the resulting date and time will be 09-12-2024 15:00. Leave this field blank to default to the start of the day (00:00).
End Time of Selected Range	Input	Optional	The time (HH:mm) to append to the end date of the user’s selected range. For example, if the user’s selected start date is 25-12-2024 and this field is set to 15:00, the resulting date and time will be 25-12-2024 15:00. Leave this field blank to default to the start of the day (00:00).
Selection required	Input	Optional	Whether selecting a date range is required.
startDateTime	Output	N/A	Represents the start date and time of the user’s selected range, including the Start Time specified for the range.
endDateTime	Output	N/A	Represents the end date and time of the user’s selected range, including the End Time specified for the range.