The Smart Time Formatter plugin allows users to input a time in any format (e.g., "830AM", "20:45", or "12:60 PM") and automatically converts it into a properly formatted 12-hour (HH:MM AM/PM) time. This plugin is perfect for applications that require time input with automatic correction, ensuring clean and consistent time values in your workflows.
✨ Features & Benefits

✅ Auto-Format User Input

Converts various time formats (e.g., "945pm", "0930", or "22:10") into HH:MM AM/PM format.
Ensures minutes never exceed 59 (e.g., "06:60 AM" is corrected to "07:00 AM").

✅ Real-Time Validation

Instantly corrects invalid inputs upon field blur (when the user clicks away).
Prevents invalid hour/minute combinations.

✅ Bubble-Compatible Actions & States

Returns the formatted time as text for use in workflows.
Also provides a Date object when combined with a selected date.

✅ Timezone Flexibility

Works independently of timezones—what the user enters is what they get.
Can be extended with external workflows for timezone-based conversion.

✅ Simple & Lightweight

No external dependencies—works natively within Bubble.io.

📌 How to Use

1️⃣ Add the plugin element to your page.
2️⃣ Link it to an input field where users enter a time.
3️⃣ Use the "formatted_time" state to get the correctly formatted time.
4️⃣ Use the "Convert Text to Time" action (if needed) to create a Bubble Date object.

https://29495587bd3d3f3eb24b904006118a17.cdn.bubble.io/f1741162729536x342740211990589100/Frame%201%20%2813%29.png?_gl=1*qxagwp*_gcl_au*MTAzNjE0MDA4OS4xNzQwODc0NDkw*_ga*MTMzNDk5MDU4OS4xNzMzMDk1Njg0*_ga_BFPVR2DEE2*MTc0MTE1NzQ4MS43OS4xLjE3NDExNjI3MjUuMTguMC4w" />

📖 FAQ

❓ What happens if a user enters an invalid time like "26:45 PM"?
✔️ The plugin automatically corrects this—adjusting "26:45 PM" to "02:45 PM".

❓ Can I return the formatted time as a Bubble Date object?
✔️ Yes! The plugin provides an action to convert formatted times into a Date object.

❓ Will this plugin modify timezones?
✔️ No, the plugin only formats the time—it does not apply timezone shifts.

❓ Can I disable automatic corrections?
✔️ No, the core functionality is to ensure that all time inputs are valid. However, you can customize behavior using Bubble workflows.

🎯 Ideal Use Cases

🔹 Appointment Scheduling Systems
🔹 Booking & Reservation Forms
🔹 Event Planning Apps
🔹 Time Tracking Apps
🔹 Custom Workflows with Time Formatting


💬 Support & Feedback

If you have any questions, need help, or have feature requests, feel free to reach out!

🚀 Try the Smart Time Formatter today and ensure accurate time input in your Bubble app!