Skip to content

RTL layout support and locale-aware date/time formatting #68

Description

@PAMulligan

Summary

Make the widget render correctly under right-to-left scripts (Arabic, Hebrew, Persian, Urdu) and format dates/times according to the active locale.

Motivation

Without RTL support, the widget is unusable for Arabic-speaking small businesses, which is a meaningful share of the global market. Locale-aware formatting also avoids the embarrassing "12/04/2026" ambiguity for users outside the US.

Acceptance Criteria

  • CSS uses logical properties (margin-inline-start, padding-block, etc.) throughout
  • dir="rtl" toggle on the widget root via prop or auto-detected from <html dir>
  • Mirrored layout: input area, send button, chat bubble alignment, scroll indicators
  • Date/time strings rendered via Intl.DateTimeFormat with the active locale
  • Storybook stories for ar, he to catch regressions
  • Accessibility audit confirms RTL layout passes screen-reader checks

Metadata

Metadata

Assignees

Labels

accessibilityAccessibility and WCAG complianceenhancementNew feature or requestwidgetChat widget UI and embed functionality

Projects

Status
In Progress

Relationships

None yet

Development

No branches or pull requests

Issue actions