Working Hours Highlighter

WHAT IT DOES

Working Hours Highlighter is a browser extension that scans any webpage for dates and times and visually highlights them based on whether they fall within your defined working hours. Dates and times within working hours are highlighted in green, while those outside working hours are highlighted in red or orange. You can set your working hours start and end times, select which days of the week are working days, and specify your timezone offset. The tool supports multiple date and time formats, including ISO (YYYY-MM-DD HH:MM), US (MM/DD/YYYY), European (DD/MM/YYYY), and simple HH:MM with AM/PM. The tool is ideal for remote workers, project managers, support teams, and anyone who needs to quickly identify whether a scheduled meeting, deadline, or event falls within business hours.

WHERE IT RUNS

Working Hours Highlighter works on any webpage that contains text with dates and times. It runs locally in your browser as a lightweight userscript, scanning text nodes across the entire page while avoiding script tags, style blocks, and form inputs. It works on calendar pages, project management tools, email clients, documentation pages, dashboards, and any other page that displays date or time information. The tool handles static pages, dynamically loaded content via AJAX, and single-page applications where content updates without page reloads. All processing occurs entirely in your browser—no text is ever sent to any server.

HOW TO USE

After installation, open the floating panel by clicking the extension icon. Configure your working hours by setting the start and end times (0-23 hours), selecting your working days from the checkboxes (Monday-Friday by default), and adjusting the UTC offset if needed. Click "Apply & Rescan" to save your settings and highlight all dates and times on the current page. Use the "Rescan Page" button to manually refresh highlights after content changes, and "Clear Highlights" to remove all highlighting without disabling the feature. Toggle the "Enable highlighting" switch to turn the feature on or off without losing your settings. Hover over any highlighted date or time to see a tooltip showing the day, date, time, and whether it falls within working hours. The tool automatically rescans the page when content changes, keeping highlights up to date.

REAL MECHANISM — WHY THIS WORKS

Most date/time detection tools rely on simple string matching or regular expressions that produce many false positives and cannot distinguish between dates and other numeric content. Working Hours Highlighter uses a multi-pattern date/time parser that applies a series of detection strategies with fallback logic. The engine first tokenizes text and attempts to match against several common date/time formats using carefully constructed regular expressions that capture the full date and time components. For each match, the engine extracts the date components (year, month, day) and time components (hour, minute, optional second, AM/PM indicator) and constructs a JavaScript Date object. The engine then checks if the parsed date is valid and adjusts for the user's timezone offset. Once the date and time are validated, the engine determines the day of the week and compares the time against the working hours range. The result is a boolean flag: working or non-working. The engine wraps the matched text in a span with a CSS class that applies the appropriate background color and underline. This approach ensures accurate, comprehensive detection of dates and times without false positives, and preserves the original text content and surrounding context.

THE PANEL

The floating panel is fully draggable and remembers its position per site, snapping to the edges of the viewport when dragged near them. You can collapse the panel to a small icon to minimize screen distraction and expand it back with a single click. The panel is resizable from the bottom-right corner, giving you more space to view controls and settings. Press the Escape key to close the panel instantly. The panel remains open across page navigation within the same domain, maintaining your current view state. All preferences—panel position, working hours settings, working days, timezone offset, and highlight toggle—are saved per domain for a seamless experience.

PLEASE NOTE

Working Hours Highlighter requires the free BotGentz extension to be installed and enabled, as it relies on the cross-extension messaging API provided by BotGentz for DOM access permissions. The date/time parser supports common formats but may not detect every possible format variation. If a date is not highlighted as expected, you may need to use a supported format or manually identify it. All processing occurs entirely in your browser. No page content, date/time data, or analysis results are ever sent to any server. The extension does not read, store, or transmit any personal information. It only reads the DOM of the pages you choose to interact with and applies visual highlights at your request.