diff --git a/packages/calendar/src/LionCalendar.js b/packages/calendar/src/LionCalendar.js
index 56294c666..4028f1f5a 100644
--- a/packages/calendar/src/LionCalendar.js
+++ b/packages/calendar/src/LionCalendar.js
@@ -257,18 +257,30 @@ export class LionCalendar extends LocalizeMixin(LitElement) {
__renderHeader() {
const month = getMonthNames({ locale: this.__getLocale() })[this.centralDate.getMonth()];
const year = this.centralDate.getFullYear();
+ const nextMonth =
+ this.centralDate.getMonth() === 11
+ ? getMonthNames({ locale: this.__getLocale() })[0]
+ : getMonthNames({ locale: this.__getLocale() })[this.centralDate.getMonth() + 1];
+ const previousMonth =
+ this.centralDate.getMonth() === 0
+ ? getMonthNames({ locale: this.__getLocale() })[11]
+ : getMonthNames({ locale: this.__getLocale() })[this.centralDate.getMonth() - 1];
+ const nextYear =
+ this.centralDate.getMonth() === 11
+ ? this.centralDate.getFullYear() + 1
+ : this.centralDate.getFullYear();
+ const previousYear =
+ this.centralDate.getMonth() === 0
+ ? this.centralDate.getFullYear() - 1
+ : this.centralDate.getFullYear();
+
return html`
`;
}
@@ -290,12 +302,16 @@ export class LionCalendar extends LocalizeMixin(LitElement) {
});
}
- __renderPreviousButton() {
+ __renderPreviousButton(previousMonth, previousYear) {
+ const previousButtonTitle = `${this.msgLit(
+ 'lion-calendar:previousMonth',
+ )}, ${previousMonth} ${previousYear}`;
+
return html`