@tylertech/forge 3.8.2-dev.0 → 3.9.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/custom-elements.json +10454 -10067
  2. package/dist/lib.js +18 -18
  3. package/dist/lib.js.map +3 -3
  4. package/dist/toolbar/forge-toolbar.css +1 -0
  5. package/dist/vscode.css-custom-data.json +946 -946
  6. package/dist/vscode.html-custom-data.json +618 -558
  7. package/esm/calendar/calendar-adapter.d.ts +24 -0
  8. package/esm/calendar/calendar-adapter.js +67 -1
  9. package/esm/calendar/calendar-constants.d.ts +34 -0
  10. package/esm/calendar/calendar-constants.js +33 -0
  11. package/esm/calendar/calendar-core.d.ts +60 -0
  12. package/esm/calendar/calendar-core.js +220 -2
  13. package/esm/calendar/calendar-dom-utils.d.ts +6 -0
  14. package/esm/calendar/calendar-dom-utils.js +36 -0
  15. package/esm/calendar/calendar.d.ts +40 -1
  16. package/esm/calendar/calendar.js +80 -2
  17. package/esm/calendar/core/calendar-base.d.ts +3 -0
  18. package/esm/calendar/core/date-range.d.ts +2 -0
  19. package/esm/calendar/core/date-range.js +1 -0
  20. package/esm/date-picker/base/base-date-picker-adapter.js +0 -3
  21. package/esm/date-picker/base/base-date-picker-constants.d.ts +3 -0
  22. package/esm/date-picker/base/base-date-picker-constants.js +3 -0
  23. package/esm/date-picker/base/base-date-picker-core.d.ts +15 -0
  24. package/esm/date-picker/base/base-date-picker-core.js +30 -0
  25. package/esm/date-picker/base/base-date-picker.d.ts +12 -0
  26. package/esm/date-picker/base/base-date-picker.js +24 -0
  27. package/esm/date-picker/date-picker-core.d.ts +3 -0
  28. package/esm/date-picker/date-picker-core.js +20 -0
  29. package/esm/date-range-picker/date-range-picker-constants.d.ts +3 -0
  30. package/esm/date-range-picker/date-range-picker-constants.js +1 -0
  31. package/esm/date-range-picker/date-range-picker-core.d.ts +3 -0
  32. package/esm/date-range-picker/date-range-picker-core.js +62 -2
  33. package/esm/date-range-picker/date-range-picker.d.ts +3 -0
  34. package/esm/date-range-picker/date-range-picker.js +3 -0
  35. package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
  36. package/esm/tabs/tab-bar/tab-bar-core.d.ts +1 -0
  37. package/esm/tabs/tab-bar/tab-bar-core.js +27 -30
  38. package/esm/toolbar/toolbar.js +1 -1
  39. package/package.json +1 -1
  40. package/sass/calendar/_mixins.scss +3 -2
  41. package/sass/toolbar/_core.scss +5 -0
  42. package/sass/toolbar/toolbar.scss +4 -0
@@ -27,11 +27,17 @@ export interface ICalendarAdapter extends IBaseAdapter {
27
27
  registerPreventFocusListener(listener: (evt: Event) => void): void;
28
28
  registerPreviousButtonListener(listener: (evt: Event) => void): void;
29
29
  registerTodayButtonListener(listener: (evt: Event) => void): void;
30
+ registerYesterdayButtonListener(listener: (evt: Event) => void): void;
31
+ registerLastSevenDaysButtonListener(listener: (evt: Event) => void): void;
32
+ registerLastThirtyDaysButtonListener(listener: (evt: Event) => void): void;
30
33
  registerYearButtonListener(listener: (evt: Event) => void): void;
31
34
  removeClearButton(): void;
32
35
  removeFooter(): void;
33
36
  removeHeader(): void;
34
37
  removeTodayButton(): void;
38
+ removeYesterdayButton(): void;
39
+ removeLastSevenDaysButton(): void;
40
+ removeLastThirtyDaysButton(): void;
35
41
  replaceDate(date: ICalendarDateConfig, options?: ICalendarDateOptions): void;
36
42
  replaceDateWithSpacer(date: Date): void;
37
43
  selectFocusedMenuItem(): void;
@@ -63,6 +69,9 @@ export interface ICalendarAdapter extends IBaseAdapter {
63
69
  setRangeStart(date: Date | null): void;
64
70
  setActiveDate(date: Date, setFocus: boolean, preventFocus?: boolean): void;
65
71
  setTodayButton(): void;
72
+ setYesterdayButton(): void;
73
+ setLastSevenDaysButton(): void;
74
+ setLastThirtyDaysButton(): void;
66
75
  setWeekend(date: Date, value: boolean): void;
67
76
  setYear(year: number, locale?: string): void;
68
77
  setYearButtonPressed(value: boolean): void;
@@ -77,6 +86,9 @@ export interface ICalendarAdapter extends IBaseAdapter {
77
86
  unregisterPreventFocusListener(listener: (evt: Event) => void): void;
78
87
  unregisterPreviousButtonListener(listener: (evt: Event) => void): void;
79
88
  unregisterTodayButtonListener(listener: (evt: Event) => void): void;
89
+ unregisterYesterdayButtonListener(listener: (evt: Event) => void): void;
90
+ unregisterLastSevenDaysButtonListener(listener: (evt: Event) => void): void;
91
+ unregisterLastThirtyDaysButtonListener(listener: (evt: Event) => void): void;
80
92
  unregisterYearButtonListener(listener: (evt: Event) => void): void;
81
93
  }
82
94
  export declare class CalendarAdapter extends BaseAdapter<ICalendarComponent> implements ICalendarAdapter {
@@ -103,6 +115,12 @@ export declare class CalendarAdapter extends BaseAdapter<ICalendarComponent> imp
103
115
  unregisterClearButtonListener(listener: (evt: Event) => void): void;
104
116
  registerTodayButtonListener(listener: (evt: Event) => void): void;
105
117
  unregisterTodayButtonListener(listener: (evt: Event) => void): void;
118
+ registerYesterdayButtonListener(listener: (evt: Event) => void): void;
119
+ unregisterYesterdayButtonListener(listener: (evt: Event) => void): void;
120
+ registerLastSevenDaysButtonListener(listener: (evt: Event) => void): void;
121
+ unregisterLastSevenDaysButtonListener(listener: (evt: Event) => void): void;
122
+ registerLastThirtyDaysButtonListener(listener: (evt: Event) => void): void;
123
+ unregisterLastThirtyDaysButtonListener(listener: (evt: Event) => void): void;
106
124
  registerDateClickListener(listener: (evt: Event) => void): void;
107
125
  unregisterDateClickListener(listener: (evt: Event) => void): void;
108
126
  registerKeydownListener(listener: (evt: KeyboardEvent) => void): void;
@@ -127,6 +145,12 @@ export declare class CalendarAdapter extends BaseAdapter<ICalendarComponent> imp
127
145
  removeClearButton(): void;
128
146
  setTodayButton(): void;
129
147
  removeTodayButton(): void;
148
+ setYesterdayButton(): void;
149
+ removeYesterdayButton(): void;
150
+ setLastSevenDaysButton(): void;
151
+ removeLastSevenDaysButton(): void;
152
+ setLastThirtyDaysButton(): void;
153
+ removeLastThirtyDaysButton(): void;
130
154
  setDays(days: DayOfWeek[], options?: ICalendarDayOptions): void;
131
155
  setDates(dates: ICalendarDateConfig[], options?: ICalendarDateOptions): void;
132
156
  replaceDate(date: ICalendarDateConfig, options?: ICalendarDateOptions): void;
@@ -6,7 +6,7 @@
6
6
  import { appendToAttribute, getShadowElement, removeAllChildren, toggleAttribute, toggleOnAttribute } from '@tylertech/forge-core';
7
7
  import { BaseAdapter } from '../core/base';
8
8
  import { CALENDAR_CONSTANTS } from './calendar-constants';
9
- import { getAccessibleHeader, getClearButton, getDateElement, getDateId, getDateRow, getDateSpacerElement, getDayElement, getEventElement, getEventWrapperElement, getEventWrapperId, getFooter, getHeader, getMonthButtonContent, getTodayButton, getTooltip, getYearButtonContent, setTabindexOnElement } from './calendar-dom-utils';
9
+ import { getAccessibleHeader, getClearButton, getDateElement, getDateId, getDateRow, getDateSpacerElement, getDayElement, getEventElement, getEventWrapperElement, getEventWrapperId, getFooter, getHeader, getMonthButtonContent, getTodayButton, getYesterdayButton, getLastSevenDaysButton, getLastThirtyDaysButton, getTooltip, getYearButtonContent, setTabindexOnElement } from './calendar-dom-utils';
10
10
  import { getLocalizedMonth, getLocalizedYear } from './calendar-locale-utils';
11
11
  import { CALENDAR_MENU_CONSTANTS } from './calendar-menu';
12
12
  import { splitIntoWeeks } from './calendar-utils';
@@ -82,6 +82,30 @@ export class CalendarAdapter extends BaseAdapter {
82
82
  const todayButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.TODAY_BUTTON);
83
83
  todayButton?.removeEventListener('click', listener);
84
84
  }
85
+ registerYesterdayButtonListener(listener) {
86
+ const yesterdayButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.YESTERDAY_BUTTON);
87
+ yesterdayButton?.addEventListener('click', listener);
88
+ }
89
+ unregisterYesterdayButtonListener(listener) {
90
+ const yesterdayButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.YESTERDAY_BUTTON);
91
+ yesterdayButton?.removeEventListener('click', listener);
92
+ }
93
+ registerLastSevenDaysButtonListener(listener) {
94
+ const lastSevenDaysButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.LAST_SEVEN_DAYS_BUTTON);
95
+ lastSevenDaysButton?.addEventListener('click', listener);
96
+ }
97
+ unregisterLastSevenDaysButtonListener(listener) {
98
+ const lastSevenDaysButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.LAST_SEVEN_DAYS_BUTTON);
99
+ lastSevenDaysButton?.removeEventListener('click', listener);
100
+ }
101
+ registerLastThirtyDaysButtonListener(listener) {
102
+ const lastThirtyDaysButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.LAST_THIRTY_DAYS_BUTTON);
103
+ lastThirtyDaysButton?.addEventListener('click', listener);
104
+ }
105
+ unregisterLastThirtyDaysButtonListener(listener) {
106
+ const lastThirtyDaysButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.LAST_THIRTY_DAYS_BUTTON);
107
+ lastThirtyDaysButton?.removeEventListener('click', listener);
108
+ }
85
109
  registerDateClickListener(listener) {
86
110
  this._dateGrid.addEventListener('click', listener);
87
111
  }
@@ -262,6 +286,48 @@ export class CalendarAdapter extends BaseAdapter {
262
286
  const todayButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.TODAY_BUTTON);
263
287
  todayButton?.parentNode?.removeChild(todayButton);
264
288
  }
289
+ setYesterdayButton() {
290
+ const footer = this._container.querySelector(CALENDAR_CONSTANTS.selectors.FOOTER);
291
+ if (!footer) {
292
+ return;
293
+ }
294
+ const yesterdayButton = footer.querySelector(CALENDAR_CONSTANTS.selectors.YESTERDAY_BUTTON);
295
+ if (!yesterdayButton) {
296
+ footer.appendChild(getYesterdayButton());
297
+ }
298
+ }
299
+ removeYesterdayButton() {
300
+ const yesterdayButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.YESTERDAY_BUTTON);
301
+ yesterdayButton?.parentNode?.removeChild(yesterdayButton);
302
+ }
303
+ setLastSevenDaysButton() {
304
+ const footer = this._container.querySelector(CALENDAR_CONSTANTS.selectors.FOOTER);
305
+ if (!footer) {
306
+ return;
307
+ }
308
+ const lastSevenDaysButton = footer.querySelector(CALENDAR_CONSTANTS.selectors.LAST_SEVEN_DAYS_BUTTON);
309
+ if (!lastSevenDaysButton) {
310
+ footer.appendChild(getLastSevenDaysButton());
311
+ }
312
+ }
313
+ removeLastSevenDaysButton() {
314
+ const lastSevenDaysButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.LAST_SEVEN_DAYS_BUTTON);
315
+ lastSevenDaysButton?.parentNode?.removeChild(lastSevenDaysButton);
316
+ }
317
+ setLastThirtyDaysButton() {
318
+ const footer = this._container.querySelector(CALENDAR_CONSTANTS.selectors.FOOTER);
319
+ if (!footer) {
320
+ return;
321
+ }
322
+ const lastThirtyDaysButton = footer.querySelector(CALENDAR_CONSTANTS.selectors.LAST_THIRTY_DAYS_BUTTON);
323
+ if (!lastThirtyDaysButton) {
324
+ footer.appendChild(getLastThirtyDaysButton());
325
+ }
326
+ }
327
+ removeLastThirtyDaysButton() {
328
+ const lastThirtyDaysButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.LAST_THIRTY_DAYS_BUTTON);
329
+ lastThirtyDaysButton?.parentNode?.removeChild(lastThirtyDaysButton);
330
+ }
265
331
  setDays(days, options) {
266
332
  removeAllChildren(this._dayRow);
267
333
  days.forEach(d => {
@@ -29,6 +29,12 @@ export declare const CALENDAR_CONSTANTS: {
29
29
  SHOW_OTHER_MONTHS: string;
30
30
  SHOW_TODAY: string;
31
31
  TODAY_BUTTON: string;
32
+ SHOW_YESTERDAY: string;
33
+ YESTERDAY_BUTTON: string;
34
+ SHOW_LAST_SEVEN_DAYS: string;
35
+ LAST_SEVEN_DAYS_BUTTON: string;
36
+ SHOW_LAST_THIRTY_DAYS: string;
37
+ LAST_THIRTY_DAYS_BUTTON: string;
32
38
  VIEW: string;
33
39
  YEAR: string;
34
40
  YEAR_RANGE: string;
@@ -42,6 +48,7 @@ export declare const CALENDAR_CONSTANTS: {
42
48
  DATE_SPACER: string;
43
49
  DATE_SELECTED: string;
44
50
  DATE_TODAY: string;
51
+ DATE_YESTERDAY: string;
45
52
  DATE_VIEW: string;
46
53
  DATE_VIEW_ROW: string;
47
54
  DATE_WRAPPER: string;
@@ -58,10 +65,15 @@ export declare const CALENDAR_CONSTANTS: {
58
65
  RANGE_END: string;
59
66
  RANGE_START: string;
60
67
  RANGE_TARGET: string;
68
+ RANGE_LAST_SEVEN_DAYS: string;
69
+ RANGE_LAST_THIRTY_DAYS: string;
61
70
  READONLY: string;
62
71
  RTL: string;
63
72
  SHOW_OTHER_MONTHS: string;
64
73
  SHOW_TODAY: string;
74
+ SHOW_YESTERDAY: string;
75
+ SHOW_LAST_SEVEN_DAYS: string;
76
+ SHOW_LAST_THIRTY_DAYS: string;
65
77
  VIEW: string;
66
78
  YEAR_MENU_OPEN: string;
67
79
  };
@@ -82,6 +94,9 @@ export declare const CALENDAR_CONSTANTS: {
82
94
  PREVIOUS_BUTTON: string;
83
95
  PREVIOUS_BUTTON_TOOLTIP: string;
84
96
  TODAY_BUTTON: string;
97
+ YESTERDAY_BUTTON: string;
98
+ LAST_SEVEN_DAYS_BUTTON: string;
99
+ LAST_THIRTY_DAYS_BUTTON: string;
85
100
  YEAR_BUTTON: string;
86
101
  };
87
102
  slots: {
@@ -92,6 +107,9 @@ export declare const CALENDAR_CONSTANTS: {
92
107
  PREVIOUS_YEARS_BUTTON_TEXT: string;
93
108
  NEXT_YEARS_BUTTON_TEXT: string;
94
109
  TODAY_BUTTON_TEXT: string;
110
+ YESTERDAY_BUTTON_TEXT: string;
111
+ LAST_SEVEN_DAYS_BUTTON_TEXT: string;
112
+ LAST_THIRTY_DAYS_BUTTON_TEXT: string;
95
113
  CLEAR_BUTTON_TEXT: string;
96
114
  };
97
115
  parts: {
@@ -114,6 +132,12 @@ export declare const CALENDAR_CONSTANTS: {
114
132
  RANGE_START: string;
115
133
  TODAY: string;
116
134
  TODAY_BUTTON: string;
135
+ YESTERDAY: string;
136
+ YESTERDAY_BUTTON: string;
137
+ LAST_SEVEN_DAYS: string;
138
+ LAST_SEVEN_DAYS_BUTTON: string;
139
+ LAST_THIRTY_DAYS: string;
140
+ LAST_THIRTY_DAYS_BUTTON: string;
117
141
  WEEKEND: string;
118
142
  YEAR_BUTTON: string;
119
143
  YEAR_BUTTON_ELEMENT: string;
@@ -138,6 +162,7 @@ export declare const CALENDAR_CONSTANTS: {
138
162
  DATE_SPACER: string;
139
163
  DATE_SELECTED: string;
140
164
  DATE_TODAY: string;
165
+ DATE_YESTERDAY: string;
141
166
  DATE_VIEW: string;
142
167
  DATE_WRAPPER: string;
143
168
  DAY_ROW: string;
@@ -153,7 +178,12 @@ export declare const CALENDAR_CONSTANTS: {
153
178
  RANGE: string;
154
179
  RANGE_END: string;
155
180
  RANGE_START: string;
181
+ RANGE_LAST_SEVEN_DAYS: string;
182
+ RANGE_LAST_THIRTY_DAYS: string;
156
183
  TODAY_BUTTON: string;
184
+ YESTERDAY_BUTTON: string;
185
+ LAST_SEVEN_DAYS_BUTTON: string;
186
+ LAST_THIRTY_DAYS_BUTTON: string;
157
187
  TOOLTIP: "forge-tooltip";
158
188
  VIEW: string;
159
189
  YEAR_BUTTON: string;
@@ -172,6 +202,9 @@ export declare const CALENDAR_CONSTANTS: {
172
202
  DEFAULT_PREVIOUS_YEARS_BUTTON_TEXT: string;
173
203
  DEFAULT_NEXT_YEARS_BUTTON_TEXT: string;
174
204
  DEFAULT_TODAY_BUTTON_TEXT: string;
205
+ DEFAULT_YESTERDAY_BUTTON_TEXT: string;
206
+ DEFAULT_LAST_SEVEN_DAYS_BUTTON_TEXT: string;
207
+ DEFAULT_LAST_THIRTY_DAYS_BUTTON_TEXT: string;
175
208
  DEFAULT_CLEAR_BUTTON_TEXT: string;
176
209
  };
177
210
  numbers: {
@@ -226,6 +259,7 @@ export interface ICalendarDateSelectEventData {
226
259
  range?: DateRange;
227
260
  rangeSelectionState?: RangeSelectionState;
228
261
  type: CalendarView;
262
+ rangeName?: string;
229
263
  }
230
264
  export interface ICalendarMonthChangeEventData {
231
265
  month: number;
@@ -27,6 +27,12 @@ const observedAttributes = {
27
27
  SHOW_OTHER_MONTHS: 'show-other-months',
28
28
  SHOW_TODAY: 'show-today',
29
29
  TODAY_BUTTON: 'today-button',
30
+ SHOW_YESTERDAY: 'show-yesterday',
31
+ YESTERDAY_BUTTON: 'yesterday-button',
32
+ SHOW_LAST_SEVEN_DAYS: 'show-last-seven-days',
33
+ LAST_SEVEN_DAYS_BUTTON: 'last-seven-days-button',
34
+ SHOW_LAST_THIRTY_DAYS: 'show-last-thirty-days',
35
+ LAST_THIRTY_DAYS_BUTTON: 'last-thirty-days-button',
30
36
  VIEW: 'view',
31
37
  YEAR: 'year',
32
38
  YEAR_RANGE: 'year-range'
@@ -46,6 +52,7 @@ const classes = {
46
52
  DATE_SPACER: 'forge-calendar__date-spacer',
47
53
  DATE_SELECTED: 'forge-calendar__date--selected',
48
54
  DATE_TODAY: 'forge-calendar__date--today',
55
+ DATE_YESTERDAY: 'forge-calendar__date--yesterday',
49
56
  DATE_VIEW: 'forge-calendar__date-view',
50
57
  DATE_VIEW_ROW: 'forge-calendar__date-view__row',
51
58
  DATE_WRAPPER: 'forge-calendar__date-wrapper',
@@ -62,10 +69,15 @@ const classes = {
62
69
  RANGE_END: 'forge-calendar__range--end',
63
70
  RANGE_START: 'forge-calendar__range--start',
64
71
  RANGE_TARGET: 'forge-calendar__range__target',
72
+ RANGE_LAST_SEVEN_DAYS: 'forge-calendar__range__last-seven-days',
73
+ RANGE_LAST_THIRTY_DAYS: 'forge-calendar__range__last-thirty-days',
65
74
  READONLY: 'forge-calendar--readonly',
66
75
  RTL: 'forge-calendar--rtl',
67
76
  SHOW_OTHER_MONTHS: 'forge-calendar--show-other-months',
68
77
  SHOW_TODAY: 'forge-calendar--show-today',
78
+ SHOW_YESTERDAY: 'forge-calendar--show-yesterday',
79
+ SHOW_LAST_SEVEN_DAYS: 'forge-calendar--show-last-seven-days',
80
+ SHOW_LAST_THIRTY_DAYS: 'forge-calendar--show-last-thirty-days',
69
81
  VIEW: 'forge-calendar__view',
70
82
  YEAR_MENU_OPEN: 'forge-calendar--year-menu-open'
71
83
  };
@@ -86,6 +98,9 @@ const ids = {
86
98
  PREVIOUS_BUTTON: 'previous-button',
87
99
  PREVIOUS_BUTTON_TOOLTIP: 'previous-button-tooltip',
88
100
  TODAY_BUTTON: 'today-button',
101
+ YESTERDAY_BUTTON: 'yesterday-button',
102
+ LAST_SEVEN_DAYS_BUTTON: 'last-seven-days-button',
103
+ LAST_THIRTY_DAYS_BUTTON: 'last-thirty-days-button',
89
104
  YEAR_BUTTON: 'year-button'
90
105
  };
91
106
  const slots = {
@@ -96,6 +111,9 @@ const slots = {
96
111
  PREVIOUS_YEARS_BUTTON_TEXT: 'previous-years-button-text',
97
112
  NEXT_YEARS_BUTTON_TEXT: 'next-years-button-text',
98
113
  TODAY_BUTTON_TEXT: 'today-button-text',
114
+ YESTERDAY_BUTTON_TEXT: 'yesterday-button-text',
115
+ LAST_SEVEN_DAYS_BUTTON_TEXT: 'last-seven-days-button-text',
116
+ LAST_THIRTY_DAYS_BUTTON_TEXT: 'last-thirty-days-button-text',
99
117
  CLEAR_BUTTON_TEXT: 'clear-button-text'
100
118
  };
101
119
  const weekdayParts = {
@@ -128,6 +146,12 @@ const parts = {
128
146
  RANGE_START: 'range-start',
129
147
  TODAY: 'today',
130
148
  TODAY_BUTTON: 'today-button',
149
+ YESTERDAY: 'yesterday',
150
+ YESTERDAY_BUTTON: 'yesterday-button',
151
+ LAST_SEVEN_DAYS: 'last-seven-days',
152
+ LAST_SEVEN_DAYS_BUTTON: 'last-seven-days-button',
153
+ LAST_THIRTY_DAYS: 'last-thirty-days',
154
+ LAST_THIRTY_DAYS_BUTTON: 'last-thirty-days-button',
131
155
  WEEKEND: 'weekend',
132
156
  YEAR_BUTTON: 'year-button',
133
157
  YEAR_BUTTON_ELEMENT: 'year-button-element'
@@ -145,6 +169,7 @@ const selectors = {
145
169
  DATE_SPACER: `.${classes.DATE_SPACER}`,
146
170
  DATE_SELECTED: `.${classes.DATE_SELECTED}`,
147
171
  DATE_TODAY: `.${classes.DATE_TODAY}`,
172
+ DATE_YESTERDAY: `.${classes.DATE_YESTERDAY}`,
148
173
  DATE_VIEW: `#${ids.DATE_VIEW}`,
149
174
  DATE_WRAPPER: `.${classes.DATE_WRAPPER}`,
150
175
  DAY_ROW: `#${ids.DAY_ROW}`,
@@ -160,7 +185,12 @@ const selectors = {
160
185
  RANGE: `.${classes.RANGE}`,
161
186
  RANGE_END: `.${classes.RANGE_END}`,
162
187
  RANGE_START: `.${classes.RANGE_START}`,
188
+ RANGE_LAST_SEVEN_DAYS: `.${classes.RANGE_LAST_SEVEN_DAYS}`,
189
+ RANGE_LAST_THIRTY_DAYS: `.${classes.RANGE_LAST_THIRTY_DAYS}`,
163
190
  TODAY_BUTTON: `#${ids.TODAY_BUTTON}`,
191
+ YESTERDAY_BUTTON: `#${ids.YESTERDAY_BUTTON}`,
192
+ LAST_SEVEN_DAYS_BUTTON: `#${ids.LAST_SEVEN_DAYS_BUTTON}`,
193
+ LAST_THIRTY_DAYS_BUTTON: `#${ids.LAST_THIRTY_DAYS_BUTTON}`,
164
194
  TOOLTIP: TOOLTIP_CONSTANTS.elementName,
165
195
  VIEW: '#view',
166
196
  YEAR_BUTTON: `#${ids.YEAR_BUTTON}`
@@ -179,6 +209,9 @@ const strings = {
179
209
  DEFAULT_PREVIOUS_YEARS_BUTTON_TEXT: 'Previous years',
180
210
  DEFAULT_NEXT_YEARS_BUTTON_TEXT: 'Next years',
181
211
  DEFAULT_TODAY_BUTTON_TEXT: 'Today',
212
+ DEFAULT_YESTERDAY_BUTTON_TEXT: 'Yesterday',
213
+ DEFAULT_LAST_SEVEN_DAYS_BUTTON_TEXT: 'Last 7 days',
214
+ DEFAULT_LAST_THIRTY_DAYS_BUTTON_TEXT: 'Last 30 days',
182
215
  DEFAULT_CLEAR_BUTTON_TEXT: 'Clear'
183
216
  };
184
217
  const numbers = {
@@ -17,11 +17,20 @@ export interface ICalendarCore extends ICalendarBase {
17
17
  menuAnimation: CalendarMenuAnimationType;
18
18
  clearButton: boolean;
19
19
  todayButton: boolean;
20
+ yesterdayButton: boolean;
21
+ lastSevenDaysButton: boolean;
22
+ lastThirtyDaysButton: boolean;
20
23
  clearCallback: (() => void) | undefined;
21
24
  todayCallback: (() => void) | undefined;
25
+ yesterdayCallback: (() => void) | undefined;
26
+ lastSevenDaysCallback: (() => void) | undefined;
27
+ lastThirtyDaysCallback: (() => void) | undefined;
22
28
  tooltipBuilder: CalendarTooltipBuilder | undefined;
23
29
  clear(): void;
24
30
  today(): void;
31
+ yesterday(): void;
32
+ lastSevenDays(): void;
33
+ lastThirtyDays(): void;
25
34
  selectDate(date: Date, setFocus?: boolean): void;
26
35
  deselectDate(date: Date, setFocus?: boolean): void;
27
36
  toggleDate(date: Date, force?: boolean): void;
@@ -37,6 +46,9 @@ export declare class CalendarCore implements ICalendarCore {
37
46
  private _year;
38
47
  private _focusedDate;
39
48
  private _showToday;
49
+ private _showYesterday;
50
+ private _showLastSevenDays;
51
+ private _showLastThirtyDays;
40
52
  private _showOtherMonths;
41
53
  private _fixedHeight;
42
54
  private _events;
@@ -63,8 +75,14 @@ export declare class CalendarCore implements ICalendarCore {
63
75
  private _showHeader;
64
76
  private _clearButton;
65
77
  private _todayButton;
78
+ private _yesterdayButton;
79
+ private _lastSevenDaysButton;
80
+ private _lastThirtyDaysButton;
66
81
  private _clearCallback;
67
82
  private _todayCallback;
83
+ private _yesterdayCallback;
84
+ private _lastSevenDaysCallback;
85
+ private _lastThirtyDaysCallback;
68
86
  private _view;
69
87
  private _menuAnimation;
70
88
  private _menuYear;
@@ -93,6 +111,9 @@ export declare class CalendarCore implements ICalendarCore {
93
111
  private _preventFocusListener;
94
112
  private _previousButtonListener;
95
113
  private _todayButtonListener;
114
+ private _yesterdayButtonListener;
115
+ private _lastSevenDaysButtonListener;
116
+ private _lastThirtyDaysButtonListener;
96
117
  private _yearButtonListener;
97
118
  constructor(_adapter: ICalendarAdapter);
98
119
  initialize(): void;
@@ -126,6 +147,9 @@ export declare class CalendarCore implements ICalendarCore {
126
147
  private _onYearSelected;
127
148
  private _onClearClicked;
128
149
  private _onTodayClicked;
150
+ private _onYesterdayClicked;
151
+ private _onLastSevenDaysClicked;
152
+ private _onLastThirtyDaysClicked;
129
153
  /** Attempts to the month and year of the value in single mode, then emits a selection event */
130
154
  private _trySetValueMonthAndYear;
131
155
  /** Sets initial date tabindex and focus to today or the first enabled date in view */
@@ -414,6 +438,12 @@ export declare class CalendarCore implements ICalendarCore {
414
438
  private _applyShowOtherMonths;
415
439
  private _applyShowToday;
416
440
  private _applyTodayButton;
441
+ private _applyShowYesterday;
442
+ private _applyYesterdayButton;
443
+ private _applyShowLastSevenDays;
444
+ private _applyLastSevenDaysButton;
445
+ private _applyShowLastThirtyDays;
446
+ private _applyLastThirtyDaysButton;
417
447
  private _applyTooltipBuilder;
418
448
  private _applyWeekendDays;
419
449
  private _applyValue;
@@ -507,6 +537,30 @@ export declare class CalendarCore implements ICalendarCore {
507
537
  set todayButton(value: boolean);
508
538
  get todayCallback(): (() => void) | undefined;
509
539
  set todayCallback(value: (() => void) | undefined);
540
+ /** Get/set show yesterday */
541
+ get showYesterday(): boolean;
542
+ set showYesterday(value: boolean);
543
+ /** Get/set whether to show the yesterday button */
544
+ get yesterdayButton(): boolean;
545
+ set yesterdayButton(value: boolean);
546
+ get yesterdayCallback(): (() => void) | undefined;
547
+ set yesterdayCallback(value: (() => void) | undefined);
548
+ /** Get/set show last seven days */
549
+ get showLastSevenDays(): boolean;
550
+ set showLastSevenDays(value: boolean);
551
+ /** Get/set whether to show the last seven days button */
552
+ get lastSevenDaysButton(): boolean;
553
+ set lastSevenDaysButton(value: boolean);
554
+ get lastSevenDaysCallback(): (() => void) | undefined;
555
+ set lastSevenDaysCallback(value: (() => void) | undefined);
556
+ /** Get/set show last thirty days */
557
+ get showLastThirtyDays(): boolean;
558
+ set showLastThirtyDays(value: boolean);
559
+ /** Get/set whether to show the last thirty days button */
560
+ get lastThirtyDaysButton(): boolean;
561
+ set lastThirtyDaysButton(value: boolean);
562
+ get lastThirtyDaysCallback(): (() => void) | undefined;
563
+ set lastThirtyDaysCallback(value: (() => void) | undefined);
510
564
  /** Get/set the tooltip builder */
511
565
  get tooltipBuilder(): CalendarTooltipBuilder | undefined;
512
566
  set tooltipBuilder(value: CalendarTooltipBuilder | undefined);
@@ -541,6 +595,12 @@ export declare class CalendarCore implements ICalendarCore {
541
595
  setActiveDate(date: Date, setFocus?: boolean): boolean;
542
596
  /** Go to today */
543
597
  today(): void;
598
+ /** Go to yesterday */
599
+ yesterday(): void;
600
+ /** Go to last seven days */
601
+ lastSevenDays(): void;
602
+ /** Go to last thirty days */
603
+ lastThirtyDays(): void;
544
604
  /** Toggles a date selected or unselected */
545
605
  toggleDate(date: Date, force?: boolean): void;
546
606
  }