# Business Hours for Elements

**URL:** https://forums.realmacsoftware.com/t/business-hours-for-elements/56814
**Category:** Elements Store
**Created:** [June 25, 2026, 9:53pm UTC](https://forums.realmacsoftware.com/t/business-hours-for-elements/56814 "2026-06-25T21:53:56Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![barz-stacks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/barz-stacks/32/3644_2.png) [@barz-stacks](https://forums.realmacsoftware.com/u/barz-stacks)
#### Post date: [June 25, 2026, 9:53pm UTC](https://forums.realmacsoftware.com/t/business-hours-for-elements/56814/1 "2026-06-25T21:53:56Z")

</div>

Hi everyone,

I’d like to introduce **Business Hours** , a new component for **Elements**.

 ![business-hours-thumbnail](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/f/ef4c325cc4dd9169aa85fa72df92909c43e84e97.jpeg)  
**Business Hours** lets you display weekly opening hours in a clean and flexible way. It is designed for shops, restaurants, offices, studios, agencies, local businesses, service providers, and anyone who wants to show regular availability on an Elements website.

The component can also show an optional live status, so visitors can immediately see whether the business is currently:

**Open now**  
**Closing soon**  
**Closed now**

The live status is calculated based on a selected reference time zone and updates automatically in the browser.

### **Main Features**

- Weekly schedule for all seven days
- Optional live status display
- Configurable time zone
- “Closing soon” threshold
- Today highlight
- List or card layout
- Closed days
- 24-hour days
- Optional second time range per day
- Overnight opening hours
- Custom labels
- Optional notice text
- Theme-aware colors
- Padding, gap, and radius controls
- Editor preview options for status and current day

### **Notes**

Business Hours is made for recurring weekly schedules. It does not currently support holiday rules or special exception dates.

Overnight hours are supported. For example, if an end time is earlier than the start time, the range continues into the next day and is shown with a “+1” indicator.

### **Product Page**

[https://www.barz-stacks.eu/elements/business-hours](https://www.barz-stacks.eu/elements/business-hours)

### **Marketplace**

[https://store.elementsapp.io/components/business-hours](https://store.elementsapp.io/components/business-hours)

### **Demo Page**

[https://elements.barz-stacks.eu/business-hours/](https://elements.barz-stacks.eu/business-hours/)

Best regards,  
Maik

 ![business-hours-marketing](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/6/4/64334d3b30b3d805d7f82fac29ac2b2100c8a128.jpeg)

---

<div class="post-metadata">

### Author: ![MultiThemes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/multithemes/32/25117_2.png) [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)
#### Post date: [June 25, 2026, 10:26pm UTC](https://forums.realmacsoftware.com/t/business-hours-for-elements/56814/2 "2026-06-25T22:26:19Z")

</div>

Another **very useful** component, you are giving Elements tools to be used in **a professional setting.**

Maik well done!

---

<div class="post-metadata">

### Author: ![barz-stacks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/barz-stacks/32/3644_2.png) [@barz-stacks](https://forums.realmacsoftware.com/u/barz-stacks)
#### Post date: [June 26, 2026, 4:44am UTC](https://forums.realmacsoftware.com/t/business-hours-for-elements/56814/3 "2026-06-26T04:44:09Z")

</div>

Thank you 🤩

---

<div class="post-metadata">

### Author: ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)
#### Post date: [June 26, 2026, 5:53am UTC](https://forums.realmacsoftware.com/t/business-hours-for-elements/56814/4 "2026-06-26T05:53:14Z")

</div>

Does the component work together with the ECMS?

In other words: if I add the opening hours as frontmatter data, will they be displayed accordingly?

---

<div class="post-metadata">

### Author: ![Fuellemann](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/fuellemann/32/22871_2.png) [@Fuellemann](https://forums.realmacsoftware.com/u/Fuellemann)
#### Post date: [June 26, 2026, 7:16am UTC](https://forums.realmacsoftware.com/t/business-hours-for-elements/56814/5 "2026-06-26T07:16:55Z")

</div>

Instant purchase! Thank you.

---

<div class="post-metadata">

### Author: ![barz-stacks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/barz-stacks/32/3644_2.png) [@barz-stacks](https://forums.realmacsoftware.com/u/barz-stacks)
#### Post date: [June 26, 2026, 8:32am UTC](https://forums.realmacsoftware.com/t/business-hours-for-elements/56814/6 "2026-06-26T08:32:27Z")

</div>

Hi,  
not yet.  
Can you tell me, how you would like to use it?

---

<div class="post-metadata">

### Author: ![pumpkin](https://avatars.discourse-cdn.com/v4/letter/p/ccd318/32.png) [@pumpkin](https://forums.realmacsoftware.com/u/pumpkin)
#### Post date: [June 26, 2026, 8:22pm UTC](https://forums.realmacsoftware.com/t/business-hours-for-elements/56814/7 "2026-06-26T20:22:01Z")

</div>

@barz-stacks Maik, you might want to adjust the text color in dark mode:

 ![Screenshot 2026-06-26 at 22.20.43](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/9/2/9225a2697dbf1163570d5e99c75afa52f682cc0c.png)

---

<div class="post-metadata">

### Author: ![barz-stacks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/barz-stacks/32/3644_2.png) [@barz-stacks](https://forums.realmacsoftware.com/u/barz-stacks)
#### Post date: [June 26, 2026, 8:43pm UTC](https://forums.realmacsoftware.com/t/business-hours-for-elements/56814/8 "2026-06-26T20:43:40Z")

</div>

You’re absolutely right, thank you. Fixed 🙂

---

<div class="post-metadata">

### Author: ![barz-stacks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/barz-stacks/32/3644_2.png) [@barz-stacks](https://forums.realmacsoftware.com/u/barz-stacks)
#### Post date: [June 26, 2026, 9:43pm UTC](https://forums.realmacsoftware.com/t/business-hours-for-elements/56814/9 "2026-06-26T21:43:32Z")

</div>

New version is now able to get data from CMS 🙂

---

<div class="post-metadata">

### Author: ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)
#### Post date: [June 27, 2026, 7:31am UTC](https://forums.realmacsoftware.com/t/business-hours-for-elements/56814/10 "2026-06-27T07:31:00Z")

</div>

Hey Maik,

It’s great that you implemented the suggestion with the CMS data so quickly.

That was also the reason why I just bought the component.

I only had time to take a quick look at your component, but I immediately noticed something important.

Would it be possible to add breakpoint settings for your component under **Layout and Style**?

It would be useful to be able to choose a different number of card columns for different breakpoints. At the moment, this only seems to be possible with one global setting.

Other than that, thank you for the quick implementation of the CMS data. I’ll test it more thoroughly next week.

Thanks and best regards,

BTW: Is the live status also displayed when the data is provided through the CMS?

---

<div class="post-metadata">

### Author: ![barz-stacks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/barz-stacks/32/3644_2.png) [@barz-stacks](https://forums.realmacsoftware.com/u/barz-stacks)
#### Post date: [June 27, 2026, 9:45am UTC](https://forums.realmacsoftware.com/t/business-hours-for-elements/56814/11 "2026-06-27T09:45:12Z")

</div>

Thank you for feedback and ideas. Will Look at it the next days.  
I think column selection will respect in which view (mobile/tablet/desktop) you set the count.

---

<div class="post-metadata">

### Author: ![AnasHyeee](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/anashyeee/32/27982_2.png) [@AnasHyeee](https://forums.realmacsoftware.com/u/AnasHyeee)
#### Post date: [June 27, 2026, 5:50pm UTC](https://forums.realmacsoftware.com/t/business-hours-for-elements/56814/12 "2026-06-27T17:50:52Z")

</div>

New great component with useful 👏🏻👏🏻👏🏻

---

<div class="post-metadata">

### Author: ![barz-stacks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/barz-stacks/32/3644_2.png) [@barz-stacks](https://forums.realmacsoftware.com/u/barz-stacks)
#### Post date: [June 27, 2026, 8:58pm UTC](https://forums.realmacsoftware.com/t/business-hours-for-elements/56814/13 "2026-06-27T20:58:41Z")

</div>

> [@Pegasus](#):
>
> Would it be possible to add breakpoint settings for your component under **Layout and Style**?
> 
> It would be useful to be able to choose a different number of card columns for different breakpoints. At the moment, this only seems to be possible with one global setting.

Done in Build (3)

> [@Pegasus](#):
>
> BTW: Is the live status also displayed when the data is provided through the CMS?

Yes, as this is calculated from the other data
