# XWUIHrShiftScheduler

Standalone HR widget for shift scheduling. Unlike the HR `*Page` classes it extends `XWUIComponent` directly (not a shell page), so it mounts as an embeddable block rather than a full page: `setupDOM()` builds a `xwui-hr--shift-scheduler` root (with `data-component="XWUIHrShiftScheduler"`) and `mountContent()` currently renders placeholder text ("HR data" / "بيانات HR"). It ships its own `XWUIHrShiftScheduler.css` and projects state through `projectHrShiftSchedulerView`. Configuration is minimal - `conf_comp.className` to extend the root class and `conf_comp.locale` (`'en'` | `'ar'`, default `'en'`) for language; `data` is open-ended (`additionalProperties: true`) pending the scheduling grid implementation.

## Basic Usage

Instantiates the scheduler widget on `#app` with empty data and `locale: 'en'`, rendering the placeholder shift-scheduler root.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Mounts the standalone XWUIHrShiftScheduler widget with default English locale and empty data.
```

## Arabic Locale

Renders the widget in Arabic by setting `locale: 'ar'`.

```example
file: examples/ArabicLocale.ts
html: examples/ArabicLocale.html
title: Arabic Locale
description: Sets locale to ar so the shift scheduler renders its labels in Arabic, right-to-left.
```

## Custom Class

Adds a custom class to the widget root via the `className` config.

```example
file: examples/CustomClass.ts
html: examples/CustomClass.html
title: Custom Class
description: Passes className 'my-hr-widget' so callers can scope their own styles to the widget root.
```

```api
```