From 5e53cfe87e12355b4a63058193b8068c3cd82296 Mon Sep 17 00:00:00 2001
From: SBsudo <sebastian@ipf-mail.com>
Date: Fri, 9 Aug 2024 09:32:09 -0400
Subject: [PATCH] calendar simple example pages and index.json-ld

---
 _data/wet-boew.json                | 34 ++++++++++++++++++++++++++++++
 wet-boew/calendar/calendar-en.html | 23 ++++++++++++++++++++
 wet-boew/calendar/calendar-fr.html | 21 ++++++++++++++++++
 wet-boew/calendar/index.json-ld    | 34 ++++++++++++++++++++++++++++++
 4 files changed, 112 insertions(+)
 create mode 100644 wet-boew/calendar/calendar-en.html
 create mode 100644 wet-boew/calendar/calendar-fr.html
 create mode 100644 wet-boew/calendar/index.json-ld

diff --git a/_data/wet-boew.json b/_data/wet-boew.json
index d0e56f906..8f0cea157 100644
--- a/_data/wet-boew.json
+++ b/_data/wet-boew.json
@@ -137,6 +137,40 @@
 		]
 	}
 }
+,{
+	"@context": {
+		"@version": 1.1,
+		"dct": "http://purl.org/dc/terms/",
+		"title": { "@id": "dct:title", "@container": "@language" },
+		"description": { "@id": "dct:description", "@container": "@language" },
+		"modified": "dct:modified"
+	},
+		"title": {
+		"en": "Calendar",
+		"fr": "Calendrier"
+	},
+	"description": {
+		"en": "Handles date-related functionalities like displaying calendars and picking dates.",
+		"fr": "Gère les fonctionnalités liées aux dates, telles que l'affichage de calendriers et la sélection de dates."
+	},
+	"modified": "2024-08-09",
+	"componentName": "calendar",
+	"status": "stable",
+	"pages": {
+		"examples": [
+			{
+				"title": "Calendar",
+				"language": "en",
+				"path": "./calendar-en.html"
+			},
+			{
+				"title": "Calendrier",
+				"language": "fr",
+				"path": "./calendar-fr.html"
+			}
+		]
+	}
+}
 ,{
 	"@context": {
 		"@version": 1.1,
diff --git a/wet-boew/calendar/calendar-en.html b/wet-boew/calendar/calendar-en.html
new file mode 100644
index 000000000..fffebe11f
--- /dev/null
+++ b/wet-boew/calendar/calendar-en.html
@@ -0,0 +1,23 @@
+{
+	"title": "calendar.js",
+	"language": "en",
+	"description": "Handles date-related functionalities like displaying calendars and picking dates.",
+	"altLangPage": "calendar-fr.html",
+	"dateModified": "2024-08-01"
+}
+
+<ul class="list-inline">
+	<li><a class="btn btn-primary" href="https://github.com/wet-boew/GCWeb/issues/new?title=Calendar">Questions or comments?</a></li>
+</ul>
+<p>The <code>calendar.js</code> component in WET-BOEW provides date-related functionalities such as displaying calendars, enabling date selection, and supporting multiple date formats. The component is designed to handle date input efficiently across various browsers and use cases.</p>
+<p>The component includes the following features:</p>
+<ul class="list-inline">
+	<li><strong>.wb-clndr:</strong> Triggered to initiate an Ajax request based on the provided options. It is responsible for generating and navigating the calendar, allowing users to select dates and view different months and years.</li>
+</ul>
+<p>The <code>.wb-clndr</code> class is integral to the <code>cal-events</code> component, where it manages the display and navigation of the event calendar. When an event with this class is triggered, it handles updating the calendar interface, including switching months and years, and adjusting the displayed dates accordingly.</p>
+<p>It is used in the following components:</p>
+
+<ul class="list-inline">
+	<li><a href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/cal-events/cal-events-en.html">Calendar of Events</a></li>
+	<li><a href="https://wet-boew.github.io/wet-boew/demos/datepicker/datepicker-en.html">Input type="date" polyfill (date picker)</a></li>
+</ul>
diff --git a/wet-boew/calendar/calendar-fr.html b/wet-boew/calendar/calendar-fr.html
new file mode 100644
index 000000000..2f1111a83
--- /dev/null
+++ b/wet-boew/calendar/calendar-fr.html
@@ -0,0 +1,21 @@
+{
+	"title": "calendar.js",
+	"language": "fr",
+	"description": "Gère les fonctionnalités liées aux dates, telles que l'affichage de calendriers et la sélection de dates.",
+	"altLangPage": "calendar-en.html",
+	"dateModified": "2024-08-01"
+}
+<ul class="list-inline">
+	<li><a class="btn btn-primary" href="https://github.com/wet-boew/GCWeb/issues/new?title=Calendrier">Questions ou commentaires?</a></li>
+</ul>
+<p>Le composant <code>calendar.js</code> de WET-BOEW fournit des fonctionnalités liées aux dates, telles que l'affichage de calendriers, la sélection de dates et la prise en charge de plusieurs formats de dates. Le composant est conçu pour gérer efficacement les entrées de dates sur divers navigateurs et cas d'utilisation.</p>
+<p>Le composant inclut les fonctionnalités suivantes :</p>
+<ul class="list-inline">
+	<li><strong>.wb-clndr :</strong> Déclenché pour initier une requête Ajax en fonction des options fournies.</li>
+</ul>
+<p>Il est utilisé dans les composants suivants :</p>
+
+<ul class="list-inline">
+	<li><a href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/cal-events/cal-events-fr.html">Calendrier d'événements</a></li>
+	<li><a href="https://wet-boew.github.io/wet-boew/demos/datepicker/datepicker-fr.html">Correctif « input type="date" » (sélecteur de date)</a></li>
+</ul>
diff --git a/wet-boew/calendar/index.json-ld b/wet-boew/calendar/index.json-ld
new file mode 100644
index 000000000..48426355d
--- /dev/null
+++ b/wet-boew/calendar/index.json-ld
@@ -0,0 +1,34 @@
+{
+	"@context": {
+		"@version": 1.1,
+		"dct": "http://purl.org/dc/terms/",
+		"title": { "@id": "dct:title", "@container": "@language" },
+		"description": { "@id": "dct:description", "@container": "@language" },
+		"modified": "dct:modified"
+	},
+		"title": {
+		"en": "Calendar",
+		"fr": "Calendrier"
+	},
+	"description": {
+		"en": "Handles date-related functionalities like displaying calendars and picking dates.",
+		"fr": "Gère les fonctionnalités liées aux dates, telles que l'affichage de calendriers et la sélection de dates."
+	},
+	"modified": "2024-08-09",
+	"componentName": "calendar",
+	"status": "stable",
+	"pages": {
+		"examples": [
+			{
+				"title": "Calendar",
+				"language": "en",
+				"path": "./calendar-en.html"
+			},
+			{
+				"title": "Calendrier",
+				"language": "fr",
+				"path": "./calendar-fr.html"
+			}
+		]
+	}
+}