Issue #567: Datepicker - Green Theme Bug

IHK-GfI · Jan 9, 2025 · 03b91c7 · 03b91c7
1 parent 993c6fa
commit 03b91c7
Show file tree

Hide file tree

Showing 3 changed files with 47 additions and 10 deletions.
diff --git a/...epicker-ac/lux-datepicker-ac-custom-header/lux-datepicker-ac-custom-header.component.html b/...epicker-ac/lux-datepicker-ac-custom-header/lux-datepicker-ac-custom-header.component.html
@@ -1,12 +1,19 @@
 <div class="lux-datepicker-custom-header-component">
-  <button type="button" class="mat-calendar-previous-button mat-icon-button" (click)="previousClicked('month')"></button>
-  <button
-    mat-button
-    type="button"
-    class="mat-calendar-period-button mat-button mat-button-base"
-    (click)="currentPeriodClicked()"
-  >
-      <span>{{ periodLabel }}</span>
-  </button>
-  <button type="button" class="mat-calendar-next-button mat-icon-button" (click)="nextClicked('month')"></button>
+  <lux-button
+    luxLabel="&lt;"
+    [luxThrottleTime]="1"
+    class="lux-datepicker-prev-month"
+    (luxClicked)="previousClicked('month')"
+    luxAriaLabel="vorheriger Monat"
+    i18n-luxAriaLabel="@@luxc.datepicker.prev.month.arialabel"
+  ></lux-button>
+  <lux-button luxLabel="{{ periodLabel }}" class="lux-datepicker-year" (luxClicked)="currentPeriodClicked()"> </lux-button>
+  <lux-button
+    luxLabel="&gt;"
+    [luxThrottleTime]="1"
+    class="lux-datepicker-next-month"
+    (luxClicked)="nextClicked('month')"
+    luxAriaLabel="nächster Monat"
+    i18n-luxAriaLabel="@@luxc.datepicker.next.month.arialabel"
+  ></lux-button>
 </div>
diff --git a/src/locale/messages.en.xlf b/src/locale/messages.en.xlf
@@ -374,6 +374,22 @@
           <context context-type="linenumber">82</context>
         </context-group>
       </trans-unit>
+      <trans-unit id="luxc.datepicker.prev.month.arialabel" datatype="html">
+        <source>vorheriger Monat</source>
+        <target>previous month</target>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/modules/lux-form/lux-datepicker-ac/lux-datepicker-ac-custom-header/lux-datepicker-ac-custom-header.component.html</context>
+          <context context-type="linenumber">6</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="luxc.datepicker.next.month.arialabel" datatype="html">
+        <source>nächster Monat</source>
+        <target>next month</target>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/modules/lux-form/lux-datepicker-ac/lux-datepicker-ac-custom-header/lux-datepicker-ac-custom-header.component.html</context>
+          <context context-type="linenumber">14</context>
+        </context-group>
+      </trans-unit>
       <trans-unit id="luxc.datepicker.error_message.min" datatype="html">
         <source>Das Datum unterschreitet den Minimalwert</source>
         <target>Below the minimum value</target>

diff --git a/src/locale/messages.xlf b/src/locale/messages.xlf
@@ -329,6 +329,20 @@
           <context context-type="linenumber">82</context>
         </context-group>
       </trans-unit>
+      <trans-unit id="luxc.datepicker.prev.month.arialabel" datatype="html">
+        <source>vorheriger Monat</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/modules/lux-form/lux-datepicker-ac/lux-datepicker-ac-custom-header/lux-datepicker-ac-custom-header.component.html</context>
+          <context context-type="linenumber">7</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="luxc.datepicker.next.month.arialabel" datatype="html">
+        <source>nächster Monat</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/modules/lux-form/lux-datepicker-ac/lux-datepicker-ac-custom-header/lux-datepicker-ac-custom-header.component.html</context>
+          <context context-type="linenumber">16</context>
+        </context-group>
+      </trans-unit>
       <trans-unit id="luxc.datepicker.error_message.min" datatype="html">
         <source>Das Datum unterschreitet den Minimalwert</source>
         <context-group purpose="location">