calendar simple example pages and index.json-ld

_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,

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>

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>

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"
+			}
+		]
+	}
+}