From f4505cc916259f73d0173e4e2a15a241ad6d81e3 Mon Sep 17 00:00:00 2001
From: pk <pk@codeblob.work>
Date: Tue, 7 Jan 2025 23:32:48 +0100
Subject: [PATCH] Define yearly-overlay part for styling access

---
 package.json      | 2 +-
 tp-date-picker.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 2748f4b..d097ddf 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tp/tp-date-picker",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "",
   "main": "tp-date-picker.js",
   "scripts": {
diff --git a/tp-date-picker.js b/tp-date-picker.js
index d06b9fc..a5f6493 100644
--- a/tp-date-picker.js
+++ b/tp-date-picker.js
@@ -164,7 +164,7 @@ class TpDatePicker extends FormElement(LitElement) {
           `
         })}
       </div>
-      <div class="year-overlay" ?visible=${this.showYearSelector} @click=${this.selectYear}>
+      <div class="year-overlay" part="year-overlay" ?visible=${this.showYearSelector} @click=${this.selectYear}>
         ${years.map(y => html`
           <div .value=${y}>${y}</div>
         `)}