`air-datepicker` init

package-lock.json

@@ -71,6 +71,7 @@
         "url": "https://github.com/sponsors/codecalm"
       },
       "peerDependencies": {
+        "air-datepicker": "^3.3.0",
         "apexcharts": "^3.35.5",
         "autosize": "^5.0.1",
         "choices.js": "^10.1.0",
@@ -88,6 +89,9 @@
         "tom-select": "^2.2.2"
       },
       "peerDependenciesMeta": {
+        "air-datepicker": {
+          "optional": true
+        },
         "apexcharts": {
           "optional": true
         },
@@ -2437,6 +2441,13 @@
         "node": ">= 6.0.0"
       }
     },
+    "node_modules/air-datepicker": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/air-datepicker/-/air-datepicker-3.3.0.tgz",
+      "integrity": "sha512-QrvZ3JIDkMcPT09SV1arvvm71KC/IdxDoEfcKJ1cmk8bAzAdrLp7RaJ449JbbUnEy0xSoMeYhBpMa3cUh8IiSw==",
+      "optional": true,
+      "peer": true
+    },
     "node_modules/ansi-align": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz",
@@ -15721,6 +15732,13 @@
         "debug": "4"
       }
     },
+    "air-datepicker": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/air-datepicker/-/air-datepicker-3.3.0.tgz",
+      "integrity": "sha512-QrvZ3JIDkMcPT09SV1arvvm71KC/IdxDoEfcKJ1cmk8bAzAdrLp7RaJ449JbbUnEy0xSoMeYhBpMa3cUh8IiSw==",
+      "optional": true,
+      "peer": true
+    },
     "ansi-align": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz",

package.json

@@ -172,6 +172,7 @@
     "bootstrap": "~5.2.2"
   },
   "peerDependencies": {
+    "air-datepicker": "^3.3.0",
     "apexcharts": "^3.35.5",
     "autosize": "^5.0.1",
     "choices.js": "^10.1.0",
@@ -189,6 +190,9 @@
     "tom-select": "^2.2.2"
   },
   "peerDependenciesMeta": {
+    "air-datepicker": {
+      "optional": true
+    },
     "apexcharts": {
       "optional": true
     },

src/pages/_data/libs.json

@@ -22,12 +22,17 @@
     "fslightbox": "fslightbox/index.js",
     "tinymce" :"tinymce/tinymce.min.js",
     "plyr": "plyr/dist/plyr.min.js",
-    "dropzone": "dropzone/dist/dropzone-min.js"
+    "dropzone": "dropzone/dist/dropzone-min.js",
+    "airdatepicker": [
+      "air-datepicker/air-datepicker.js",
+      "air-datepicker/locale/en.js"
+    ]
   },
   "css": {
     "mapbox": "https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css",
     "dropzone": "dropzone/dist/dropzone.css",
-    "plyr": "plyr/dist/plyr.css"
+    "plyr": "plyr/dist/plyr.css",
+    "airdatepicker": "air-datepicker/air-datepicker.css"
   },
   "js-copy": {
     "tinymce" :"tinymce/*"

src/pages/_includes/ui/datepicker.html

-{% assign value = include.value | default: '2020-06-20' %}
+{% assign default = "now" | date: "%Y" | append: '-06-20' %}
+{% assign value = include.value | default: default %}
 {% assign placeholder = include.placeholder | default: 'Select a date' %}
 {% assign id = include.id %}
 
@@ -33,15 +34,9 @@
 		window.tabler_datepicker = window.tabler_datepicker || {};
 		{% endif %}
 
-		window.Litepicker && ({% if jekyll.environment == 'development' %}window.tabler_datepicker["datepicker-{{ id }}"] = {% endif %}new Litepicker({
-			element: document.getElementById('datepicker-{{ id }}'),
-			buttonText: {
-				previousMonth: `{% capture icon %}{% include ui/icon.html icon="chevron-left" %}{% endcapture %}{{ icon | strip }}`,
-				nextMonth: `{% capture icon %}{% include ui/icon.html icon="chevron-right" %}{% endcapture %}{{ icon | strip }}`,
-			},
-			{% if include.inline %}inlineMode: true,{% endif %}
+		window.AirDatepicker && ({% if jekyll.environment == 'development' %}window.tabler_datepicker["datepicker-{{ id }}"] = {% endif %}new AirDatepicker('#datepicker-{{ id }}', {
+			{% if include.inline %}inline: true,{% endif %}
 		}));
-
 	});
 	// @formatter:on
 </script>