2 files changed, 20 insertions, 0 deletions
diff --git a/static/widgets/month-select/index.css b/static/widgets/month-select/index.css
index 95a87b0..25ed5d2 100644
--- a/static/widgets/month-select/index.css
+++ b/static/widgets/month-select/index.css
@@ -56,6 +56,10 @@
 	position: relative;
 }
 
+.month-item.none {
+	font-style: italic;
+}
+
 .month-item:before {
 	content: '';
 	display: block;
@@ -84,6 +88,11 @@
 	height: 27px;
 }
 
+.month-item.none:before {
+	top: 0;
+	height: 20px;
+}
+
 .month-item:hover {
 	background: var(--primary);
 	color: var(--fg-primary);
diff --git a/static/widgets/month-select/index.js b/static/widgets/month-select/index.js
index 6ffbac2..63caf70 100644
--- a/static/widgets/month-select/index.js
+++ b/static/widgets/month-select/index.js
@@ -70,5 +70,16 @@ export default class MonthSelect extends sfw.element.Container {
 
 			last = month;
 		}
+
+		this.#month_container.append(
+			Div.new({
+				className: 'month-item none',
+				innerText: 'No Date',
+				onclick: () => {
+					this.hide();
+					this.onmonth(null);
+				}
+			})
+		);
 	}
 }