GloDate/Time Picker
Glo Custom Date/Time Picker is a versatile and deeply customizable replacement for the standard date input, built on the powerful Flatpickr.js library. It gives you full control over the picker's appearance and functionality, allowing for a seamless integration with your app's design.

Main Features:

1. Select a date, or a date and time together.
2. Fully customize the display format (e.g., dd/mm/yyyy HH:MM).
3. Block specific days of the week (e.g., disable all Sundays).
4. Dynamically block a list of dates from your Bubble database.
5. Set minimum and maximum selectable dates.
6. Multi-language support.
7. Extensive color customization for a perfect visual fit.
8. "Today" and "Clear" buttons for better user experience.


General Configuration
1. Date Only: Check this box if you want to disable the time selection part of the picker.
2. Placeholder: The text that appears when the input is empty.
3. Initial Date: Set a default date that will be pre-selected when the picker is loaded.
4. Disabled: Check this to make the input non-interactive.


Custom Date Format
This field allows you to define exactly how the date and time are displayed. The plugin uses a specific syntax for formatting. Please use the following tokens in the Custom

Format field:
-yyyy - Year (e.g., 2025)
-yy - Two-digit year (e.g., 25)
-mm - Month (e.g., 09)
-dd - Day (e.g., 22)
-HH - Hour (24-hour format)
-MM - Minute
-ss - Second

Example: To get a format like 22/09/2025 14:30, you would enter dd/mm/yyyy HH:MM into the field.
Blocking Dates

1. Block Days of the Week: Simply check the boxes for the days you wish to disable (e.g., Block Sundays, Block Saturdays).
2. Blocked Dates (dynamic): Provide a list of dates from your database to this field. The plugin will automatically disable them in the calendar.
3. Min Date / Max Date: Set the earliest and latest dates that can be selected.

Custom Styling
You have full control over the picker's colors to match your app's theme.

1. Calendar BG: The main background color of the calendar popup.
2. Header Background Color: The background color for the month and year navigation bar at the top.
3. Selected Color: The background color for the currently selected date.
4. Hover Color: The background color for a date when the user hovers over it.
5. Disabled BG: The background color for dates that are disabled.
6. Time Hover Color: The background color for the time input fields on hover.

Language
Set the language for the calendar (month names, days of the week).
Available Languages:
-pl (Polish)
-de (German)
-es (Spanish)
-fr (French)
-default (or leave empty for English)

Exposed States
You can access the picker's data in your Bubble workflows using these states.

1. value (Type: date). The selected date as a standard Bubble date object. Use this for saving to the database or for date calculations.
2. formatted_value (Type: text). The selected date as a text string, formatted exactly as you defined in the Custom Format field. Use this for display purposes.
3. is_empty (Type: yes/no). Returns 'yes' if no date is currently selected, and 'no' otherwise.

Events
The plugin triggers an event that you can use to run workflows.

1. A date has been changed This event is triggered whenever a new date is selected or the input is cleared.