tp-elements/tp-date-picker
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add part definition for navigation icons

Browse Source
This commit is contained in:
trading_peter 2025-02-06 22:29:02 +01:00
parent fd011d239f
commit 00a36e0b35
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{
"name": "@tp/tp-date-picker",
"version": "2.1.0",
"version": "2.2.0",
"description": "",
"main": "tp-date-picker.js",
"scripts": {

8
tp-date-picker.js
View File

@ -156,20 +156,20 @@ class TpDatePicker extends FormElement(LitElement) {
<div class="header">
<div>
<div>
<tp-icon .icon=${TpDatePicker.iconPrev} @click=${() => this.previousMonth()}></tp-icon>
<tp-icon part="nav-icon" .icon=${TpDatePicker.iconPrev} @click=${() => this.previousMonth()}></tp-icon>
</div>
<div>${this.monthNames[month]}</div>
<div class="right">
<tp-icon .icon=${TpDatePicker.iconNext} @click=${() => this.nextMonth()}></tp-icon>
<tp-icon part="nav-icon" .icon=${TpDatePicker.iconNext} @click=${() => this.nextMonth()}></tp-icon>
</div>
</div>
<div>
<div>
<tp-icon .icon=${TpDatePicker.iconPrev} @click=${() => this.previousYear()}></tp-icon>
<tp-icon part="nav-icon" .icon=${TpDatePicker.iconPrev} @click=${() => this.previousYear()}></tp-icon>
</div>
<div class="pointer" @click=${this.showYearOverlay}>${year}</div>
<div class="right">
<tp-icon .icon=${TpDatePicker.iconNext} @click=${() => this.nextYear()}></tp-icon>
<tp-icon part="nav-icon" .icon=${TpDatePicker.iconNext} @click=${() => this.nextYear()}></tp-icon>
</div>
</div>
</div>