/bubble-tutorials

How to work with time zones in Bubble

Learn how to handle time zones in Bubble with clear steps and best practices to ensure accurate scheduling, timestamps, and user‑friendly apps.

Matt Graham, CEO of Rapid Developers

Book a call with an Expert

Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.

Book a Free Consultation

How to work with time zones in Bubble

Bubble always stores dates in UTC internally, but automatically displays them in the user’s local time zone on the page. To work with time zones correctly, you save everything as a Date type, and when you need a specific zone (like “convert this to PST”), you use “:format as text” with a custom timezone or you manually shift dates using “:+hours”. Backend workflows also run in UTC, so always remember to adjust inside the workflow if the logic depends on the user’s local time.

 

What Bubble Actually Does With Time Zones

 

Bubble has only one real storage format for dates: UTC. That means:

  • The database column “Date” is always UTC.
  • A user viewing a Date sees it automatically converted to their browser’s local time.
  • Backend workflows run in UTC and do not know the user’s timezone unless you pass it in.

This explains why something looks “wrong” when testing with users in different countries: the stored value is the same, but what you see is shifted.

 

How to Display Dates in a Specific Time Zone

 

If you need to show a date in a fixed zone (ex: always PST), use “format as text” and choose a timezone:

Current date/time:format as text  
Timezone: America/Los_Angeles  
Format: MM/DD/YYYY hh:mm a  

 

How to Save the User’s Local Time

 

If a user selects a Date/Time from a date picker, Bubble automatically gives you a UTC version. If you need their timezone too (for future calculations), store both:

  • Store the selected Date (UTC).
  • Store the user’s timezone using “Current user’s timezone”.

 

Working With Backend Workflows

 

Backend workflows run in UTC, so if you schedule something “at 9 AM local time,” you must convert before scheduling. Example: user wants a reminder at 9 AM in their zone:

User's date :change hours 9  
Timezone from field: user's timezone  
// Convert this to UTC before scheduling if needed

 

Manual Time Shifting

 

If you just need simple shifts (like “+3 hours”), Bubble provides arithmetic:

Date:+hours 3  
Date:+days 1  

This does not change timezone — only the clock value — which is sometimes exactly what you need.

Explore More Valuable No-Code Resources

How to integrate Bubble.io with Git?

Learn how to seamlessly integrate Bubble.io with Git through our comprehensive step-by-step guide. Perfect for beginners and professionals.

Explore

How to integrate Bubble.io with Reddit Ads?

Learn how to seamlessly integrate Bubble.io with Reddit Ads using our easy step-by-step guide. Boost your ad management today!

Explore

How to integrate Bubble.io with AWS S3?

Explore our step-by-step guide on integrating Bubble.io with AWS S3, making your app development process more efficient and secure.

Explore

How to integrate Bubble.io with Lucidchart?

Follow our step-by-step guide to seamlessly integrate Bubble.io with Lucidchart, enhancing your workflow & productivity.

Explore

How to integrate Bubble.io with Kentico?

Learn how to seamlessly integrate Bubble.io and Kentico with our comprehensive, easy to follow step-by-step guide.

Explore

How to integrate Bubble.io with Box?

Discover easy-to-follow steps for integrating Bubble.io with Box. Boost your workflow and secure your files seamlessly today.

Explore

Stuck in Bubble.io? We’re here to help!

Fix broken workflows | Optimize logic | Boost performance | Scale with confidence

4.9
Clutch rating 🌟
600+
Happy partners
17+
Countries served
190+
Team members

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences