From d8a563df8215865099912d2309b0603421a7a741 Mon Sep 17 00:00:00 2001
From: Matt Mo <matt@montoyatech.com>
Date: Tue, 27 Jul 2021 17:52:01 -0700
Subject: [PATCH] First commit for this plugin.

---
 ignite-html-select.js | 110 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 110 insertions(+)
 create mode 100644 ignite-html-select.js

diff --git a/ignite-html-select.js b/ignite-html-select.js
new file mode 100644
index 0000000..2476635
--- /dev/null
+++ b/ignite-html-select.js
@@ -0,0 +1,110 @@
+import { IgniteTemplate } from "../ignite-html/ignite-template.js";
+
+/**
+ * Generates a series of years from the starting to the ending point.
+ * @param {Number} from Starting year.
+ * @param {Number} to Ending year.
+ * @param {String} placeholder The placeholder option, it's value will be 0, if set this text will be shown.
+ * @param {Boolean} descending Whether or not the to year is first and the from year is last.
+ * @returns This ignite template.
+ * 
+ * @example
+ * .years(1950, 2021, true) //Generates a select descending, 2021, 2020, 2019.. ect.
+ */
+IgniteTemplate.prototype.years = function (from, to, placeholder = null, descending = false) {
+    //Generate html and populate the template with it.
+    var html = '';
+
+    if (placeholder) {
+        html += `<option value='0'>${placeholder}</option>`;
+    }
+
+    if (descending) {
+        for (var i = to; i >= from; i--) {
+            html += `<option value='${i}'>${i}</option>`;
+        }
+    } else {
+        for (var i = from; i <= to; i++) {
+            html += `<option value='${i}'>${i}</option>`;
+        }
+    }
+
+    return this.innerHTML(html);
+};
+
+/**
+ * Generates a series of months.
+ * @param {String} placeholder The placeholder option, it's value will be 0, if set this text will be shown.
+ * @param {Boolean} shorthand If true the option text will be the shorthand version of the month.
+ * @returns This ignite template.
+ */
+IgniteTemplate.prototype.months = function (placeholder = null, shorthand = true) {
+    //Generate html and populate the template with it.
+    var html = '';
+
+    if (placeholder) {
+        html += `<option value='0'>${placeholder}</option>`;
+    }
+
+    if (shorthand) {
+        html += `
+        <option value='1'>Jan</option>
+        <option value='2'>Feb</option>
+        <option value='3'>Mar</option>
+        <option value='4'>Apr</option>
+        <option value='5'>May</option>
+        <option value='6'>Jun</option>
+        <option value='7'>Jul</option>
+        <option value='8'>Aug</option>
+        <option value='9'>Sep</option>
+        <option value='10'>Oct</option>
+        <option value='11'>Nov</option>
+        <option value='12'>Dec</option>
+    `;
+    } else {
+        html += `
+        <option value='1'>January</option>
+        <option value='2'>February</option>
+        <option value='3'>March</option>
+        <option value='4'>April</option>
+        <option value='5'>May</option>
+        <option value='6'>June</option>
+        <option value='7'>July</option>
+        <option value='8'>August</option>
+        <option value='9'>September</option>
+        <option value='10'>October</option>
+        <option value='11'>November</option>
+        <option value='12'>December</option>
+    `;
+    }
+
+    return this.innerHTML(html);
+}
+
+/**
+ * 
+ * @param {Number} from The starting day.
+ * @param {Number} to The ending day.
+ * @param {String} placeholder The placeholder option if set, it's value will be 0, this will be the text displayed.
+ * @param {Boolean} descending Whether or not the to day is first and the from year is last.
+ */
+IgniteTemplate.prototype.days = function (from = 1, to = 31, placeholder = null, descending = false) {
+    //Generate html and populate the template with it.
+    var html = '';
+
+    if (placeholder) {
+        html += `<option value='0'>${placeholder}</option>`;
+    }
+
+    if (descending) {
+        for (var i = to; i >= from; i--) {
+            html += `<option value='${i}'>${i}</option>`;
+        }
+    } else {
+        for (var i = from; i <= to; i++) {
+            html += `<option value='${i}'>${i}</option>`;
+        }
+    }
+
+    return this.innerHTML(html);
+}
\ No newline at end of file