# Extensions Bulma utilisées dans VIIZIA

Document introduit lors du premier ajout d’extension (voir [ui-bulma.md](ui-bulma.md)).

| Extension | Version | Source | Écrans |
|---|---|---|---|
| **bulma-calendar** | 6.1.18 (CDN jsDelivr) | [npm](https://www.npmjs.com/package/bulma-calendar), `dist/` précompilés | Liste admin **Transactions** et **tableau de bord** (`/`) : barre d’onglets (7j …) puis **sur la ligne du dessous** le champ **« Période précise »** — plage Du–Au, écrit dans `date_from` / `date_to` puis `preset=custom` (*champs reliés au formulaire filtres via `form=` HTML5*)

**Raison :** même composant que prévu dans les guidelines ([ui-bulma.md](ui-bulma.md) — ligne *bulma-calendar — date pickers (E05 filtres, …)*) pour un calendrier cohérent avec l’écosystème Bulma Neoloop / VIIZIA.

**Assets chargés:** `bulma-calendar.min.css` et `bulma-calendar.min.js` ; initialisation dans `transaction-filters-datepicker.js`, calquée sur Neoloop (`script_date_picker.php`) : `displayMode: default`, `color: dark`, `dateFormat: dd/MM/yyyy`, dates init en **ISO `Y-m-d`** sur `data-cal-start` / `data-cal-end` (pour éviter toute lecture ambiguë `m/d/Y` dans le navigateur), soumission au 2ᵉ `select` en plage (+ `save`).

**Shell responsive (navbar + menu latéral tiroir, portage Neoloop) :** [shell-navbar-sidebar-responsive-neoloop.md](shell-navbar-sidebar-responsive-neoloop.md).