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 += ``;
+ }
+
+ if (descending) {
+ for (var i = to; i >= from; i--) {
+ html += ``;
+ }
+ } else {
+ for (var i = from; i <= to; i++) {
+ html += ``;
+ }
+ }
+
+ 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 += ``;
+ }
+
+ if (shorthand) {
+ html += `
+
+
+
+
+
+
+
+
+
+
+
+
+ `;
+ } else {
+ html += `
+
+
+
+
+
+
+
+
+
+
+
+
+ `;
+ }
+
+ 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 += ``;
+ }
+
+ if (descending) {
+ for (var i = to; i >= from; i--) {
+ html += ``;
+ }
+ } else {
+ for (var i = from; i <= to; i++) {
+ html += ``;
+ }
+ }
+
+ return this.innerHTML(html);
+}
\ No newline at end of file