Custom Datepicker for Connection Date Value

Overview

The Custom Datepicker for Connection Date Value Plugin replaces a connection dropdown with a calendar-based input, allowing users to select a date from predefined options. Only valid dates from the original dropdown are shown. When a date is selected, the matching connection value is automatically set in the form. This plugin enhances form usability by providing a cleaner and more intuitive interface for date-based connection selections.

Use Cases

• This plugin is ideal when your connection field contains date-based values (e.g., booking dates, event slots, scheduled sessions) and you want to streamline selection through a visual calendar.

Installing the plugin

Prerequisites:

1. The page must have a form component
2. The form must have a connection field
3. Javascript must be enabled (applicable if your're on trial account)

Step-by-Step Installation:

1. Navigate to the page with this form, this can be a parent or child page. 
2. Click on the Plugins
3. Find the Custom Datepicker for Connection Date Value plugin
4. Select the form 
5. Select the connection field

Removing the Plugin

To remove the plugin, find the Javascript code that is surrounted with a comment for the plugin name and delete the code. Do the same for the CSS as well.