Idara Business Hours

Idara Business Hours is a focused, single-purpose Gutenberg block that shows your weekly opening hours in a clean, accessible table — with a live “Open now / Closed” status pill that updates in the visitor’s browser against your business timezone, so it never goes stale behind page caching.

It also emits optional LocalBusiness schema.org markup (JSON-LD) so search engines can show your hours directly in results.

Idara (إدارة) is the Arabic word for “administration” or “management”. Idara Studio is a one-person studio building a growing family of carefully crafted, single-purpose Gutenberg blocks.

Browse the full catalogue, live demos and per-block documentation at idara.studio.

Why this and not a full block suite?

Most block plugins ship 30+ blocks you’ll never use, slowing your editor and your frontend. Idara plugins are deliberately small. This one loads its CSS and JavaScript only on pages where the block is present — never globally.

Features

• Weekly hours editor (Monday–Sunday), each day open or closed
• Split shifts — multiple time ranges per day (e.g. 9:00–12:00 and 14:00–18:00 for a lunch break)
• Live “Open now / Closed” status, computed in the browser against your business timezone (cache-safe via the WordPress Interactivity API)
• “Opens at…” / “Closes at…” hint next to the status
• Special / holiday hours — date-specific overrides (e.g. closed Dec 25)
• Optional LocalBusiness JSON-LD schema (name, address, phone, opening hours) for local SEO
• 12-hour or 24-hour time display
• Highlights the current day in the table
• Per-block timezone control (defaults to your site timezone)
• Inherits theme color and typography via block supports
• Full Site Editing (FSE) compatible — works inside block templates and template parts
• Semantic, accessible markup with ARIA labels
• No tracking, no external requests, no third-party services
• Translation-ready

Use cases

• Restaurants, cafés, and shops showing when they’re open
• Clinics and professional services with split (morning/afternoon) hours
• Any local business that wants accurate hours in search results via schema

Development

Source code and build tools are available on GitHub:
https://github.com/sajid-ansari-65/idara-business-hours

The src/ directory contains the unminified JavaScript (ES modules, JSX) and SCSS. Run npm install && npm run build to compile.