This plugin provides a customizable date and time range picker. It allows you to set your own colors for the background, text, selected dates, and other elements to match your app's design.

Loom Walkthrough: https://www.loom.com/share/1b402d8082324e358fd7bc9a46580302

How to use:

Prerequisite:
Before you start, make sure you have enabled ID attributes in your app.
Go to Settings > General and check the box for "Expose the option to add an ID attribute to HTML elements".

Instructions:
Step 1: Add the element.
Step 2: Add the element_id. This will be the id attribute.
Step 3: Add an element (button, group, etc.) and add the same element_id as above in the ID attribute of this element.
Step 4: On preview, click the element (step 3) to open the date range picker.
Result:  Get the start date and end date as the state of the plugin element.

Key Features
Multiple Instances: You can add the same element multiple times to the same page, and it will work perfectly.
White-Label Ready: This plugin is ideal for use in your white-labeled applications.