📌 Instructions to Install the Plugin
1️⃣ Add the Plugin to Your Application
🔍 Go to the Plugins tab in your Bubble editor.
🛒 Search for "Bookit Calendar Pro" in the marketplace.
✅ Click Install to add the plugin to your application.
2️⃣ Add the Calendar Element

🎨 Navigate to your Design tab.
📅 Drag and drop the Calendar-Grid element onto your page.

⚙️ Configuration
🟢 Step 1: Define Day Availability
⏰ Starting Time: Enter the starting time for each day (e.g., Monday Start: Date object).
⏳ Ending Time: Enter the ending time for each day (e.g., Monday End: Date object).
❌ If no start or end time is provided, the day will be considered unavailable for booking.

📅 Step 2: Set Slot Ranges and Intervals
🕒 Slot Range: Define the duration of each slot (e.g., 30 for 30 minutes).
🔁 Slot Interval: Specify the interval between two consecutive slots (e.g., 10 if you want 10-minute gaps).

🎨 Step 3: Configure Booking and Slot Colors
🟩 Selectable Days Color: Choose the color for available days.
🟥 Non-Selectable Days Color: Choose the color for unavailable days.
🟦 Booked Slots (Other Users): Choose the color for slots booked by other users.
🟨 Booked Slots (Current User): Choose the color for slots booked by you.

📌 Step 4: Set Slot Booking Details
📆 Current User Booked Slots Field: Provide an array of Dates containing:

🕒 Starting time of the slot (Date object).
⏳ Ending time of the slot (Date object).
📆 Booked Slots Field: Provide the same structure for slots booked by other users.

📅 Step 5: Specify the Booking Range
📌 Last Date for Booking: Set a maximum booking date relative to today.
🚫 Days beyond this date will be considered unavailable.

📆 Step 6: Define Starting Day of the Week
🗓️ Starting Day of the Week: Enter a number to specify the first day of the calendar week:

0️⃣: Sunday
1️⃣: Monday
6️⃣: Saturday

❓ FAQ's
🔹 Q1: What is Bookit Calendar Pro?
🗓️ Bookit Calendar Pro is a scheduling plugin for Salesforce that helps users manage real-time appointment bookings efficiently.

🔹 Q2: Who can use this plugin?
👨‍💻 Salesforce users who need an easy-to-use scheduling solution for:
✔️ Sales pipelines
✔️ Client bookings
✔️ Resource management

🔹 Q3: Does Bookit Calendar Pro support different time zones?
🌍 Yes! The plugin follows the date and time format set in your Bubble.io application, ensuring consistency across time zones.

🛠️ Installation & Setup
🔹 Q4: How do I install the plugin?
🛒 Go to Plugins → Search "Bookit Calendar Pro" → Click Install ✅

🔹 Q5: How do I add the calendar to my page?
🖥️ Go to Design Tab → Drag & Drop the Calendar-Grid element 🏗️

📅 Calendar and Slot Management
🔹 Q6: How can I set available booking days?
📆 Define a Starting Time and Ending Time for each day.
🚫 If not set, the day will be unavailable for booking.

🔹 Q7: Can I customize the slot duration and intervals?
✅ Yes! You can set:
🕒 Slot Range (e.g., 30 for 30-minute slots)
🔁 Slot Interval (e.g., 10 for 10-minute gaps)

🔹 Q8: How are booked slots displayed?
🟦 Other users' bookings → One color
🟨 Your bookings → Different color

🔹 Q9: What happens when I select a booked slot?
🚫 If booked by another user → Non-interactive
✅ If booked by you → Cancel option available

🎨 Customization & Configuration
🔹 Q10: Can I change slot colors?
🎨 Yes! Customize:
🟩 Selectable Days
🟥 Non-Selectable Days
🟦 Booked Slots (Other Users)
🟨 Booked Slots (Your Bookings)


🔗 Editor Link: 👉 Click Here https://bubble.io/page?id=bookitcalendarpro&tab=Design&name=index&type=page
🔗 Demo Link: 🚀 Try the Demo https://bookitcalendarpro.bubbleapps.io/version-test?debug_mode=true
📖 Plugin Documentation: 📜 Read Here https://doc.clickup.com/9018214782/d/h/8cre2by-17558/84edd6a6a7b8c79

💬 Support: If you need help configuring the plugin or encounter any issues, feel free to reach out to us at 📧 [email protected]