@transferwise/components 0.0.0-experimental-a68e05d → 0.0.0-experimental-5428517

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 (180) hide show
  1. package/build/calendarInput/CalendarInput.js +154 -0
  2. package/build/calendarInput/CalendarInput.js.map +1 -0
  3. package/build/{dateLookup/DateLookup.messages.js → calendarInput/CalendarInput.messages.js} +1 -1
  4. package/build/calendarInput/CalendarInput.messages.js.map +1 -0
  5. package/build/{dateLookup/DateLookup.messages.mjs → calendarInput/CalendarInput.messages.mjs} +1 -1
  6. package/build/calendarInput/CalendarInput.messages.mjs.map +1 -0
  7. package/build/calendarInput/CalendarInput.mjs +150 -0
  8. package/build/calendarInput/CalendarInput.mjs.map +1 -0
  9. package/build/{dateLookup → calendarInput}/dateHeader/DateHeader.js +4 -4
  10. package/build/calendarInput/dateHeader/DateHeader.js.map +1 -0
  11. package/build/{dateLookup → calendarInput}/dateHeader/DateHeader.mjs +1 -1
  12. package/build/calendarInput/dateHeader/DateHeader.mjs.map +1 -0
  13. package/build/{dateLookup → calendarInput}/dayCalendar/DayCalendar.js +2 -2
  14. package/build/calendarInput/dayCalendar/DayCalendar.js.map +1 -0
  15. package/build/{dateLookup → calendarInput}/dayCalendar/DayCalendar.mjs +1 -1
  16. package/build/calendarInput/dayCalendar/DayCalendar.mjs.map +1 -0
  17. package/build/calendarInput/dayCalendar/table/DayCalendarTable.js.map +1 -0
  18. package/build/calendarInput/dayCalendar/table/DayCalendarTable.mjs.map +1 -0
  19. package/build/calendarInput/getFocusableTime/getFocusableTime.js.map +1 -0
  20. package/build/calendarInput/getFocusableTime/getFocusableTime.mjs.map +1 -0
  21. package/build/calendarInput/getStartOfDay/getStartOfDay.js.map +1 -0
  22. package/build/calendarInput/getStartOfDay/getStartOfDay.mjs.map +1 -0
  23. package/build/{dateLookup → calendarInput}/monthCalendar/MonthCalendar.js +2 -2
  24. package/build/calendarInput/monthCalendar/MonthCalendar.js.map +1 -0
  25. package/build/{dateLookup → calendarInput}/monthCalendar/MonthCalendar.mjs +1 -1
  26. package/build/calendarInput/monthCalendar/MonthCalendar.mjs.map +1 -0
  27. package/build/calendarInput/monthCalendar/table/MonthCalendarTable.js.map +1 -0
  28. package/build/calendarInput/monthCalendar/table/MonthCalendarTable.mjs.map +1 -0
  29. package/build/{dateLookup → calendarInput}/tableLink/TableLink.js +2 -2
  30. package/build/calendarInput/tableLink/TableLink.js.map +1 -0
  31. package/build/{dateLookup → calendarInput}/tableLink/TableLink.mjs +1 -1
  32. package/build/calendarInput/tableLink/TableLink.mjs.map +1 -0
  33. package/build/{dateLookup → calendarInput}/yearCalendar/YearCalendar.js +2 -2
  34. package/build/calendarInput/yearCalendar/YearCalendar.js.map +1 -0
  35. package/build/{dateLookup → calendarInput}/yearCalendar/YearCalendar.mjs +1 -1
  36. package/build/calendarInput/yearCalendar/YearCalendar.mjs.map +1 -0
  37. package/build/calendarInput/yearCalendar/table/YearCalendarTable.js.map +1 -0
  38. package/build/calendarInput/yearCalendar/table/YearCalendarTable.mjs.map +1 -0
  39. package/build/dateLookup/DateLookup.js +26 -165
  40. package/build/dateLookup/DateLookup.js.map +1 -1
  41. package/build/dateLookup/DateLookup.mjs +27 -166
  42. package/build/dateLookup/DateLookup.mjs.map +1 -1
  43. package/build/index.js +2 -0
  44. package/build/index.js.map +1 -1
  45. package/build/index.mjs +1 -0
  46. package/build/index.mjs.map +1 -1
  47. package/build/types/calendarInput/CalendarInput.d.ts +12 -0
  48. package/build/types/calendarInput/CalendarInput.d.ts.map +1 -0
  49. package/build/types/{dateLookup/DateLookup.messages.d.ts → calendarInput/CalendarInput.messages.d.ts} +1 -1
  50. package/build/types/calendarInput/CalendarInput.messages.d.ts.map +1 -0
  51. package/build/types/calendarInput/dateHeader/DateHeader.d.ts.map +1 -0
  52. package/build/types/calendarInput/dateHeader/index.d.ts.map +1 -0
  53. package/build/types/calendarInput/dayCalendar/DayCalendar.d.ts.map +1 -0
  54. package/build/types/calendarInput/dayCalendar/index.d.ts.map +1 -0
  55. package/build/types/calendarInput/dayCalendar/table/DayCalendarTable.d.ts.map +1 -0
  56. package/build/types/calendarInput/dayCalendar/table/index.d.ts.map +1 -0
  57. package/build/types/calendarInput/getFocusableTime/getFocusableTime.d.ts.map +1 -0
  58. package/build/types/calendarInput/getStartOfDay/getStartOfDay.d.ts.map +1 -0
  59. package/build/types/calendarInput/getStartOfDay/index.d.ts.map +1 -0
  60. package/build/types/calendarInput/index.d.ts +3 -0
  61. package/build/types/calendarInput/index.d.ts.map +1 -0
  62. package/build/types/calendarInput/monthCalendar/MonthCalendar.d.ts.map +1 -0
  63. package/build/types/calendarInput/monthCalendar/index.d.ts.map +1 -0
  64. package/build/types/calendarInput/monthCalendar/table/MonthCalendarTable.d.ts.map +1 -0
  65. package/build/types/calendarInput/monthCalendar/table/index.d.ts.map +1 -0
  66. package/build/types/calendarInput/tableLink/TableLink.d.ts.map +1 -0
  67. package/build/types/calendarInput/tableLink/index.d.ts.map +1 -0
  68. package/build/types/calendarInput/yearCalendar/YearCalendar.d.ts.map +1 -0
  69. package/build/types/calendarInput/yearCalendar/index.d.ts.map +1 -0
  70. package/build/types/calendarInput/yearCalendar/table/YearCalendarTable.d.ts.map +1 -0
  71. package/build/types/calendarInput/yearCalendar/table/index.d.ts.map +1 -0
  72. package/build/types/dateLookup/DateLookup.d.ts +2 -25
  73. package/build/types/dateLookup/DateLookup.d.ts.map +1 -1
  74. package/build/types/flowNavigation/index.d.ts +3 -0
  75. package/build/types/flowNavigation/index.d.ts.map +1 -0
  76. package/build/types/iconButton/IconButton.d.ts +1 -1
  77. package/build/types/index.d.ts +5 -1
  78. package/build/types/index.d.ts.map +1 -1
  79. package/build/types/logo/index.d.ts +1 -0
  80. package/build/types/logo/index.d.ts.map +1 -1
  81. package/package.json +3 -3
  82. package/src/calendarInput/CalendarInput.tsx +163 -0
  83. package/src/{dateLookup → calendarInput}/dateHeader/DateHeader.tsx +1 -1
  84. package/src/{dateLookup → calendarInput}/dayCalendar/DayCalendar.tsx +1 -1
  85. package/src/calendarInput/index.ts +2 -0
  86. package/src/{dateLookup → calendarInput}/monthCalendar/MonthCalendar.tsx +1 -1
  87. package/src/{dateLookup → calendarInput}/tableLink/TableLink.tsx +1 -1
  88. package/src/{dateLookup → calendarInput}/yearCalendar/YearCalendar.tsx +1 -1
  89. package/src/dateLookup/DateLookup.tsx +30 -157
  90. package/src/flowNavigation/index.ts +2 -0
  91. package/src/index.ts +5 -1
  92. package/src/logo/index.ts +1 -0
  93. package/build/dateLookup/DateLookup.messages.js.map +0 -1
  94. package/build/dateLookup/DateLookup.messages.mjs.map +0 -1
  95. package/build/dateLookup/dateHeader/DateHeader.js.map +0 -1
  96. package/build/dateLookup/dateHeader/DateHeader.mjs.map +0 -1
  97. package/build/dateLookup/dayCalendar/DayCalendar.js.map +0 -1
  98. package/build/dateLookup/dayCalendar/DayCalendar.mjs.map +0 -1
  99. package/build/dateLookup/dayCalendar/table/DayCalendarTable.js.map +0 -1
  100. package/build/dateLookup/dayCalendar/table/DayCalendarTable.mjs.map +0 -1
  101. package/build/dateLookup/getFocusableTime/getFocusableTime.js.map +0 -1
  102. package/build/dateLookup/getFocusableTime/getFocusableTime.mjs.map +0 -1
  103. package/build/dateLookup/getStartOfDay/getStartOfDay.js.map +0 -1
  104. package/build/dateLookup/getStartOfDay/getStartOfDay.mjs.map +0 -1
  105. package/build/dateLookup/monthCalendar/MonthCalendar.js.map +0 -1
  106. package/build/dateLookup/monthCalendar/MonthCalendar.mjs.map +0 -1
  107. package/build/dateLookup/monthCalendar/table/MonthCalendarTable.js.map +0 -1
  108. package/build/dateLookup/monthCalendar/table/MonthCalendarTable.mjs.map +0 -1
  109. package/build/dateLookup/tableLink/TableLink.js.map +0 -1
  110. package/build/dateLookup/tableLink/TableLink.mjs.map +0 -1
  111. package/build/dateLookup/yearCalendar/YearCalendar.js.map +0 -1
  112. package/build/dateLookup/yearCalendar/YearCalendar.mjs.map +0 -1
  113. package/build/dateLookup/yearCalendar/table/YearCalendarTable.js.map +0 -1
  114. package/build/dateLookup/yearCalendar/table/YearCalendarTable.mjs.map +0 -1
  115. package/build/types/dateLookup/DateLookup.messages.d.ts.map +0 -1
  116. package/build/types/dateLookup/dateHeader/DateHeader.d.ts.map +0 -1
  117. package/build/types/dateLookup/dateHeader/index.d.ts.map +0 -1
  118. package/build/types/dateLookup/dayCalendar/DayCalendar.d.ts.map +0 -1
  119. package/build/types/dateLookup/dayCalendar/index.d.ts.map +0 -1
  120. package/build/types/dateLookup/dayCalendar/table/DayCalendarTable.d.ts.map +0 -1
  121. package/build/types/dateLookup/dayCalendar/table/index.d.ts.map +0 -1
  122. package/build/types/dateLookup/getFocusableTime/getFocusableTime.d.ts.map +0 -1
  123. package/build/types/dateLookup/getStartOfDay/getStartOfDay.d.ts.map +0 -1
  124. package/build/types/dateLookup/getStartOfDay/index.d.ts.map +0 -1
  125. package/build/types/dateLookup/monthCalendar/MonthCalendar.d.ts.map +0 -1
  126. package/build/types/dateLookup/monthCalendar/index.d.ts.map +0 -1
  127. package/build/types/dateLookup/monthCalendar/table/MonthCalendarTable.d.ts.map +0 -1
  128. package/build/types/dateLookup/monthCalendar/table/index.d.ts.map +0 -1
  129. package/build/types/dateLookup/tableLink/TableLink.d.ts.map +0 -1
  130. package/build/types/dateLookup/tableLink/index.d.ts.map +0 -1
  131. package/build/types/dateLookup/yearCalendar/YearCalendar.d.ts.map +0 -1
  132. package/build/types/dateLookup/yearCalendar/index.d.ts.map +0 -1
  133. package/build/types/dateLookup/yearCalendar/table/YearCalendarTable.d.ts.map +0 -1
  134. package/build/types/dateLookup/yearCalendar/table/index.d.ts.map +0 -1
  135. /package/build/{dateLookup → calendarInput}/dayCalendar/table/DayCalendarTable.js +0 -0
  136. /package/build/{dateLookup → calendarInput}/dayCalendar/table/DayCalendarTable.mjs +0 -0
  137. /package/build/{dateLookup → calendarInput}/getFocusableTime/getFocusableTime.js +0 -0
  138. /package/build/{dateLookup → calendarInput}/getFocusableTime/getFocusableTime.mjs +0 -0
  139. /package/build/{dateLookup → calendarInput}/getStartOfDay/getStartOfDay.js +0 -0
  140. /package/build/{dateLookup → calendarInput}/getStartOfDay/getStartOfDay.mjs +0 -0
  141. /package/build/{dateLookup → calendarInput}/monthCalendar/table/MonthCalendarTable.js +0 -0
  142. /package/build/{dateLookup → calendarInput}/monthCalendar/table/MonthCalendarTable.mjs +0 -0
  143. /package/build/{dateLookup → calendarInput}/yearCalendar/table/YearCalendarTable.js +0 -0
  144. /package/build/{dateLookup → calendarInput}/yearCalendar/table/YearCalendarTable.mjs +0 -0
  145. /package/build/types/{dateLookup → calendarInput}/dateHeader/DateHeader.d.ts +0 -0
  146. /package/build/types/{dateLookup → calendarInput}/dateHeader/index.d.ts +0 -0
  147. /package/build/types/{dateLookup → calendarInput}/dayCalendar/DayCalendar.d.ts +0 -0
  148. /package/build/types/{dateLookup → calendarInput}/dayCalendar/index.d.ts +0 -0
  149. /package/build/types/{dateLookup → calendarInput}/dayCalendar/table/DayCalendarTable.d.ts +0 -0
  150. /package/build/types/{dateLookup → calendarInput}/dayCalendar/table/index.d.ts +0 -0
  151. /package/build/types/{dateLookup → calendarInput}/getFocusableTime/getFocusableTime.d.ts +0 -0
  152. /package/build/types/{dateLookup → calendarInput}/getStartOfDay/getStartOfDay.d.ts +0 -0
  153. /package/build/types/{dateLookup → calendarInput}/getStartOfDay/index.d.ts +0 -0
  154. /package/build/types/{dateLookup → calendarInput}/monthCalendar/MonthCalendar.d.ts +0 -0
  155. /package/build/types/{dateLookup → calendarInput}/monthCalendar/index.d.ts +0 -0
  156. /package/build/types/{dateLookup → calendarInput}/monthCalendar/table/MonthCalendarTable.d.ts +0 -0
  157. /package/build/types/{dateLookup → calendarInput}/monthCalendar/table/index.d.ts +0 -0
  158. /package/build/types/{dateLookup → calendarInput}/tableLink/TableLink.d.ts +0 -0
  159. /package/build/types/{dateLookup → calendarInput}/tableLink/index.d.ts +0 -0
  160. /package/build/types/{dateLookup → calendarInput}/yearCalendar/YearCalendar.d.ts +0 -0
  161. /package/build/types/{dateLookup → calendarInput}/yearCalendar/index.d.ts +0 -0
  162. /package/build/types/{dateLookup → calendarInput}/yearCalendar/table/YearCalendarTable.d.ts +0 -0
  163. /package/build/types/{dateLookup → calendarInput}/yearCalendar/table/index.d.ts +0 -0
  164. /package/src/{dateLookup/DateLookup.messages.ts → calendarInput/CalendarInput.messages.ts} +0 -0
  165. /package/src/{dateLookup → calendarInput}/dateHeader/index.ts +0 -0
  166. /package/src/{dateLookup → calendarInput}/dayCalendar/index.ts +0 -0
  167. /package/src/{dateLookup → calendarInput}/dayCalendar/table/DayCalendarTable.tsx +0 -0
  168. /package/src/{dateLookup → calendarInput}/dayCalendar/table/index.ts +0 -0
  169. /package/src/{dateLookup → calendarInput}/getFocusableTime/getFocusable.test.ts +0 -0
  170. /package/src/{dateLookup → calendarInput}/getFocusableTime/getFocusableTime.tsx +0 -0
  171. /package/src/{dateLookup → calendarInput}/getStartOfDay/getStartOfDay.test.js +0 -0
  172. /package/src/{dateLookup → calendarInput}/getStartOfDay/getStartOfDay.tsx +0 -0
  173. /package/src/{dateLookup → calendarInput}/getStartOfDay/index.ts +0 -0
  174. /package/src/{dateLookup → calendarInput}/monthCalendar/index.ts +0 -0
  175. /package/src/{dateLookup → calendarInput}/monthCalendar/table/MonthCalendarTable.tsx +0 -0
  176. /package/src/{dateLookup → calendarInput}/monthCalendar/table/index.ts +0 -0
  177. /package/src/{dateLookup → calendarInput}/tableLink/index.ts +0 -0
  178. /package/src/{dateLookup → calendarInput}/yearCalendar/index.ts +0 -0
  179. /package/src/{dateLookup → calendarInput}/yearCalendar/table/YearCalendarTable.tsx +0 -0
  180. /package/src/{dateLookup → calendarInput}/yearCalendar/table/index.ts +0 -0
@@ -0,0 +1,154 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ require('../common/theme.js');
7
+ require('../common/direction.js');
8
+ require('@transferwise/neptune-tokens');
9
+ require('../common/propsValues/control.js');
10
+ require('../common/propsValues/size.js');
11
+ require('../common/propsValues/typography.js');
12
+ require('../common/propsValues/width.js');
13
+ require('../common/propsValues/type.js');
14
+ require('../common/propsValues/dateMode.js');
15
+ var monthFormat = require('../common/propsValues/monthFormat.js');
16
+ require('../common/propsValues/position.js');
17
+ require('../common/propsValues/layouts.js');
18
+ require('../common/propsValues/status.js');
19
+ require('../common/propsValues/sentiment.js');
20
+ require('../common/propsValues/profileType.js');
21
+ require('../common/propsValues/variant.js');
22
+ require('../common/propsValues/scroll.js');
23
+ require('../common/propsValues/markdownNodeType.js');
24
+ require('../common/fileType.js');
25
+ require('@transferwise/formatting');
26
+ require('@transferwise/icons');
27
+ require('clsx');
28
+ require('react-intl');
29
+ require('../common/closeButton/CloseButton.messages.js');
30
+ var jsxRuntime = require('react/jsx-runtime');
31
+ var moveToWithinRange = require('../common/dateUtils/moveToWithinRange/moveToWithinRange.js');
32
+ var isWithinRange = require('../common/dateUtils/isWithinRange/isWithinRange.js');
33
+ var getDateView = require('../common/dateUtils/getDateView/getDateView.js');
34
+ var DayCalendar = require('./dayCalendar/DayCalendar.js');
35
+ var getStartOfDay = require('./getStartOfDay/getStartOfDay.js');
36
+ var MonthCalendar = require('./monthCalendar/MonthCalendar.js');
37
+ var YearCalendar = require('./yearCalendar/YearCalendar.js');
38
+
39
+ const CalendarInput = ({
40
+ value,
41
+ min: minProp = null,
42
+ max: maxProp = null,
43
+ monthFormat: monthFormat$1 = monthFormat.MonthFormat.LONG,
44
+ onChange,
45
+ onSelect
46
+ }) => {
47
+ const selectedDate = getStartOfDay.getStartOfDay(value);
48
+ const min = getStartOfDay.getStartOfDay(minProp);
49
+ const max = getStartOfDay.getStartOfDay(maxProp);
50
+ React.useEffect(() => {
51
+ if (selectedDate && !isWithinRange.isWithinRange(selectedDate, min, max)) {
52
+ onChange(moveToWithinRange.moveToWithinRange(selectedDate, min, max));
53
+ }
54
+ }, [selectedDate?.getTime(), min?.getTime(), max?.getTime(), onChange]); // eslint-disable-line react-hooks/exhaustive-deps
55
+ const dateView = getDateView.returnDateView(selectedDate, min, max);
56
+ const [viewMonth, setViewMonth] = React.useState(dateView.getMonth());
57
+ const [viewYear, setViewYear] = React.useState(dateView.getFullYear());
58
+ const [mode, setMode] = React.useState('day');
59
+ React.useEffect(() => {
60
+ const view = getDateView.returnDateView(selectedDate, min, max);
61
+ // eslint-disable-next-line react-hooks/set-state-in-effect
62
+ setViewMonth(view.getMonth());
63
+ setViewYear(view.getFullYear());
64
+ }, [selectedDate?.getTime(), min?.getTime(), max?.getTime()]); // eslint-disable-line react-hooks/exhaustive-deps
65
+ const handleViewDateUpdate = React.useCallback(
66
+ // eslint-disable-next-line react-hooks/preserve-manual-memoization
67
+ ({
68
+ month,
69
+ year
70
+ }) => {
71
+ if (month !== undefined) setViewMonth(month);
72
+ if (year !== undefined) setViewYear(year);
73
+ }, []);
74
+ const switchToDays = React.useCallback(() => setMode('day'), []);
75
+ const switchToMonths = React.useCallback(() => setMode('month'), []);
76
+ const switchToYears = React.useCallback(() => setMode('year'), []);
77
+ const handleSelectedDateUpdate = React.useCallback(date => {
78
+ if (onSelect) {
79
+ onSelect(date);
80
+ } else {
81
+ onChange(date);
82
+ }
83
+ }, [onChange, onSelect]);
84
+ const adjustDate = React.useCallback((daysToAdd, monthsToAdd, yearsToAdd) => {
85
+ let date;
86
+ if (selectedDate) {
87
+ date = new Date(mode === 'year' ? selectedDate.getFullYear() + yearsToAdd : selectedDate.getFullYear(), mode === 'month' ? selectedDate.getMonth() + monthsToAdd : selectedDate.getMonth(), mode === 'day' ? selectedDate.getDate() + daysToAdd : selectedDate.getDate());
88
+ } else {
89
+ date = getStartOfDay.getStartOfDay(new Date());
90
+ }
91
+ date &&= moveToWithinRange.moveToWithinRange(date, min, max);
92
+ if (date?.getTime() !== selectedDate?.getTime()) {
93
+ onChange(date);
94
+ }
95
+ }, [selectedDate, min, max, mode, onChange]);
96
+ const handleKeyDown = React.useCallback(event => {
97
+ switch (event.key) {
98
+ case 'ArrowLeft':
99
+ adjustDate(-1, -1, -1);
100
+ event.preventDefault();
101
+ break;
102
+ case 'ArrowUp':
103
+ adjustDate(-7, -4, -4);
104
+ event.preventDefault();
105
+ break;
106
+ case 'ArrowRight':
107
+ adjustDate(1, 1, 1);
108
+ event.preventDefault();
109
+ break;
110
+ case 'ArrowDown':
111
+ adjustDate(7, 4, 4);
112
+ event.preventDefault();
113
+ break;
114
+ }
115
+ }, [adjustDate]);
116
+ return (
117
+ /*#__PURE__*/
118
+ // eslint-disable-next-line jsx-a11y/no-static-element-interactions
119
+ jsxRuntime.jsxs("div", {
120
+ onKeyDown: handleKeyDown,
121
+ children: [mode === 'day' && /*#__PURE__*/jsxRuntime.jsx(DayCalendar.default, {
122
+ selectedDate: selectedDate,
123
+ min: min,
124
+ max: max,
125
+ viewMonth: viewMonth,
126
+ viewYear: viewYear,
127
+ monthFormat: monthFormat$1,
128
+ onSelect: handleSelectedDateUpdate,
129
+ onLabelClick: switchToYears,
130
+ onViewDateUpdate: handleViewDateUpdate
131
+ }), mode === 'month' && /*#__PURE__*/jsxRuntime.jsx(MonthCalendar.default, {
132
+ selectedDate: selectedDate,
133
+ min: min,
134
+ max: max,
135
+ viewYear: viewYear,
136
+ placeholder: "",
137
+ onSelect: switchToDays,
138
+ onLabelClick: switchToYears,
139
+ onViewDateUpdate: handleViewDateUpdate
140
+ }), mode === 'year' && /*#__PURE__*/jsxRuntime.jsx(YearCalendar.default, {
141
+ selectedDate: selectedDate,
142
+ min: min,
143
+ max: max,
144
+ viewYear: viewYear,
145
+ placeholder: "",
146
+ onSelect: switchToMonths,
147
+ onViewDateUpdate: handleViewDateUpdate
148
+ })]
149
+ })
150
+ );
151
+ };
152
+
153
+ exports.default = CalendarInput;
154
+ //# sourceMappingURL=CalendarInput.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CalendarInput.js","sources":["../../src/calendarInput/CalendarInput.tsx"],"sourcesContent":["import { useState, useCallback, useEffect, KeyboardEvent } from 'react';\n\nimport { MonthFormat } from '../common';\nimport { isWithinRange, moveToWithinRange, returnDateView } from '../common/dateUtils';\nimport DayCalendar from './dayCalendar';\nimport { getStartOfDay } from './getStartOfDay';\nimport MonthCalendar from './monthCalendar';\nimport YearCalendar from './yearCalendar';\n\nexport interface CalendarInputProps {\n value: Date | null;\n min?: Date | null;\n max?: Date | null;\n monthFormat?: `${MonthFormat}`;\n onChange: (date: Date | null) => void;\n onSelect?: (date: Date) => void;\n}\n\nconst CalendarInput = ({\n value,\n min: minProp = null,\n max: maxProp = null,\n monthFormat = MonthFormat.LONG,\n onChange,\n onSelect,\n}: CalendarInputProps) => {\n const selectedDate = getStartOfDay(value);\n const min = getStartOfDay(minProp);\n const max = getStartOfDay(maxProp);\n\n useEffect(() => {\n if (selectedDate && !isWithinRange(selectedDate, min, max)) {\n onChange(moveToWithinRange(selectedDate, min, max));\n }\n }, [selectedDate?.getTime(), min?.getTime(), max?.getTime(), onChange]); // eslint-disable-line react-hooks/exhaustive-deps\n\n const dateView = returnDateView(selectedDate, min, max);\n const [viewMonth, setViewMonth] = useState(dateView.getMonth());\n const [viewYear, setViewYear] = useState(dateView.getFullYear());\n const [mode, setMode] = useState<'day' | 'month' | 'year'>('day');\n\n useEffect(() => {\n const view = returnDateView(selectedDate, min, max);\n // eslint-disable-next-line react-hooks/set-state-in-effect\n setViewMonth(view.getMonth());\n\n setViewYear(view.getFullYear());\n }, [selectedDate?.getTime(), min?.getTime(), max?.getTime()]); // eslint-disable-line react-hooks/exhaustive-deps\n\n const handleViewDateUpdate = useCallback(\n // eslint-disable-next-line react-hooks/preserve-manual-memoization\n ({ month, year }: { month?: number; year?: number }) => {\n if (month !== undefined) setViewMonth(month);\n if (year !== undefined) setViewYear(year);\n },\n [],\n );\n\n const switchToDays = useCallback(() => setMode('day'), []);\n const switchToMonths = useCallback(() => setMode('month'), []);\n const switchToYears = useCallback(() => setMode('year'), []);\n\n const handleSelectedDateUpdate = useCallback(\n (date: Date) => {\n if (onSelect) {\n onSelect(date);\n } else {\n onChange(date);\n }\n },\n [onChange, onSelect],\n );\n\n const adjustDate = useCallback(\n (daysToAdd: number, monthsToAdd: number, yearsToAdd: number) => {\n let date: Date | null;\n if (selectedDate) {\n date = new Date(\n mode === 'year' ? selectedDate.getFullYear() + yearsToAdd : selectedDate.getFullYear(),\n mode === 'month' ? selectedDate.getMonth() + monthsToAdd : selectedDate.getMonth(),\n mode === 'day' ? selectedDate.getDate() + daysToAdd : selectedDate.getDate(),\n );\n } else {\n date = getStartOfDay(new Date());\n }\n date &&= moveToWithinRange(date, min, max);\n if (date?.getTime() !== selectedDate?.getTime()) {\n onChange(date);\n }\n },\n [selectedDate, min, max, mode, onChange],\n );\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLDivElement>) => {\n switch (event.key) {\n case 'ArrowLeft':\n adjustDate(-1, -1, -1);\n event.preventDefault();\n break;\n case 'ArrowUp':\n adjustDate(-7, -4, -4);\n event.preventDefault();\n break;\n case 'ArrowRight':\n adjustDate(1, 1, 1);\n event.preventDefault();\n break;\n case 'ArrowDown':\n adjustDate(7, 4, 4);\n event.preventDefault();\n break;\n default:\n break;\n }\n },\n [adjustDate],\n );\n\n return (\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n <div onKeyDown={handleKeyDown}>\n {mode === 'day' && (\n <DayCalendar\n selectedDate={selectedDate}\n min={min}\n max={max}\n viewMonth={viewMonth}\n viewYear={viewYear}\n monthFormat={monthFormat}\n onSelect={handleSelectedDateUpdate}\n onLabelClick={switchToYears}\n onViewDateUpdate={handleViewDateUpdate}\n />\n )}\n {mode === 'month' && (\n <MonthCalendar\n selectedDate={selectedDate}\n min={min}\n max={max}\n viewYear={viewYear}\n placeholder=\"\"\n onSelect={switchToDays}\n onLabelClick={switchToYears}\n onViewDateUpdate={handleViewDateUpdate}\n />\n )}\n {mode === 'year' && (\n <YearCalendar\n selectedDate={selectedDate}\n min={min}\n max={max}\n viewYear={viewYear}\n placeholder=\"\"\n onSelect={switchToMonths}\n onViewDateUpdate={handleViewDateUpdate}\n />\n )}\n </div>\n );\n};\n\nexport default CalendarInput;\n"],"names":["CalendarInput","value","min","minProp","max","maxProp","monthFormat","MonthFormat","LONG","onChange","onSelect","selectedDate","getStartOfDay","useEffect","isWithinRange","moveToWithinRange","getTime","dateView","returnDateView","viewMonth","setViewMonth","useState","getMonth","viewYear","setViewYear","getFullYear","mode","setMode","view","handleViewDateUpdate","useCallback","month","year","undefined","switchToDays","switchToMonths","switchToYears","handleSelectedDateUpdate","date","adjustDate","daysToAdd","monthsToAdd","yearsToAdd","Date","getDate","handleKeyDown","event","key","preventDefault","_jsxs","onKeyDown","children","_jsx","DayCalendar","onLabelClick","onViewDateUpdate","MonthCalendar","placeholder","YearCalendar"],"mappings":"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"}
@@ -32,4 +32,4 @@ var messages = reactIntl.defineMessages({
32
32
  });
33
33
 
34
34
  exports.default = messages;
35
- //# sourceMappingURL=DateLookup.messages.js.map
35
+ //# sourceMappingURL=CalendarInput.messages.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CalendarInput.messages.js","sources":["../../src/calendarInput/CalendarInput.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n next: {\n id: 'neptune.DateLookup.next',\n defaultMessage: 'next',\n description: 'Description of next button',\n },\n previous: {\n id: 'neptune.DateLookup.previous',\n defaultMessage: 'previous',\n description: 'Description of previous button',\n },\n day: {\n id: 'neptune.DateLookup.day',\n defaultMessage: 'day',\n description: 'Description of next/previous/selected day button',\n },\n month: {\n id: 'neptune.DateLookup.month',\n defaultMessage: 'month',\n description: 'Description of next/previous/selected month button',\n },\n year: {\n id: 'neptune.DateLookup.year',\n defaultMessage: 'year',\n description: 'Description of next/previous/selected year button',\n },\n twentyYears: {\n id: 'neptune.DateLookup.twentyYears',\n defaultMessage: '20 years',\n description: 'Description of next/previous 20 years button',\n },\n selected: {\n id: 'neptune.DateLookup.selected',\n defaultMessage: 'selected',\n description: 'Description of the selected day/month/year',\n },\n goTo20YearView: {\n id: 'neptune.DateLookup.goTo20YearView',\n defaultMessage: 'Go to 20 year view',\n description: 'Description of the button to go to 20 year view',\n },\n});\n"],"names":["defineMessages","next","id","previous","day","month","year","twentyYears","selected","goTo20YearView"],"mappings":";;;;;;AAEA,eAAeA,wBAAc,CAAC;AAC5BC,EAAAA,IAAI,EAAE;IACJC,EAAE,EAAA;GAGH;AACDC,EAAAA,QAAQ,EAAE;IACRD,EAAE,EAAA;GAGH;AACDE,EAAAA,GAAG,EAAE;IACHF,EAAE,EAAA;GAGH;AACDG,EAAAA,KAAK,EAAE;IACLH,EAAE,EAAA;GAGH;AACDI,EAAAA,IAAI,EAAE;IACJJ,EAAE,EAAA;GAGH;AACDK,EAAAA,WAAW,EAAE;IACXL,EAAE,EAAA;GAGH;AACDM,EAAAA,QAAQ,EAAE;IACRN,EAAE,EAAA;GAGH;AACDO,EAAAA,cAAc,EAAE;IACdP,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;;;"}
@@ -28,4 +28,4 @@ var messages = defineMessages({
28
28
  });
29
29
 
30
30
  export { messages as default };
31
- //# sourceMappingURL=DateLookup.messages.mjs.map
31
+ //# sourceMappingURL=CalendarInput.messages.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CalendarInput.messages.mjs","sources":["../../src/calendarInput/CalendarInput.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n next: {\n id: 'neptune.DateLookup.next',\n defaultMessage: 'next',\n description: 'Description of next button',\n },\n previous: {\n id: 'neptune.DateLookup.previous',\n defaultMessage: 'previous',\n description: 'Description of previous button',\n },\n day: {\n id: 'neptune.DateLookup.day',\n defaultMessage: 'day',\n description: 'Description of next/previous/selected day button',\n },\n month: {\n id: 'neptune.DateLookup.month',\n defaultMessage: 'month',\n description: 'Description of next/previous/selected month button',\n },\n year: {\n id: 'neptune.DateLookup.year',\n defaultMessage: 'year',\n description: 'Description of next/previous/selected year button',\n },\n twentyYears: {\n id: 'neptune.DateLookup.twentyYears',\n defaultMessage: '20 years',\n description: 'Description of next/previous 20 years button',\n },\n selected: {\n id: 'neptune.DateLookup.selected',\n defaultMessage: 'selected',\n description: 'Description of the selected day/month/year',\n },\n goTo20YearView: {\n id: 'neptune.DateLookup.goTo20YearView',\n defaultMessage: 'Go to 20 year view',\n description: 'Description of the button to go to 20 year view',\n },\n});\n"],"names":["defineMessages","next","id","previous","day","month","year","twentyYears","selected","goTo20YearView"],"mappings":";;AAEA,eAAeA,cAAc,CAAC;AAC5BC,EAAAA,IAAI,EAAE;IACJC,EAAE,EAAA;GAGH;AACDC,EAAAA,QAAQ,EAAE;IACRD,EAAE,EAAA;GAGH;AACDE,EAAAA,GAAG,EAAE;IACHF,EAAE,EAAA;GAGH;AACDG,EAAAA,KAAK,EAAE;IACLH,EAAE,EAAA;GAGH;AACDI,EAAAA,IAAI,EAAE;IACJJ,EAAE,EAAA;GAGH;AACDK,EAAAA,WAAW,EAAE;IACXL,EAAE,EAAA;GAGH;AACDM,EAAAA,QAAQ,EAAE;IACRN,EAAE,EAAA;GAGH;AACDO,EAAAA,cAAc,EAAE;IACdP,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;;;"}
@@ -0,0 +1,150 @@
1
+ import { useEffect, useState, useCallback } from 'react';
2
+ import '../common/theme.mjs';
3
+ import '../common/direction.mjs';
4
+ import '@transferwise/neptune-tokens';
5
+ import '../common/propsValues/control.mjs';
6
+ import '../common/propsValues/size.mjs';
7
+ import '../common/propsValues/typography.mjs';
8
+ import '../common/propsValues/width.mjs';
9
+ import '../common/propsValues/type.mjs';
10
+ import '../common/propsValues/dateMode.mjs';
11
+ import { MonthFormat } from '../common/propsValues/monthFormat.mjs';
12
+ import '../common/propsValues/position.mjs';
13
+ import '../common/propsValues/layouts.mjs';
14
+ import '../common/propsValues/status.mjs';
15
+ import '../common/propsValues/sentiment.mjs';
16
+ import '../common/propsValues/profileType.mjs';
17
+ import '../common/propsValues/variant.mjs';
18
+ import '../common/propsValues/scroll.mjs';
19
+ import '../common/propsValues/markdownNodeType.mjs';
20
+ import '../common/fileType.mjs';
21
+ import '@transferwise/formatting';
22
+ import '@transferwise/icons';
23
+ import 'clsx';
24
+ import 'react-intl';
25
+ import '../common/closeButton/CloseButton.messages.mjs';
26
+ import { jsxs, jsx } from 'react/jsx-runtime';
27
+ import { moveToWithinRange } from '../common/dateUtils/moveToWithinRange/moveToWithinRange.mjs';
28
+ import { isWithinRange } from '../common/dateUtils/isWithinRange/isWithinRange.mjs';
29
+ import { returnDateView } from '../common/dateUtils/getDateView/getDateView.mjs';
30
+ import DayCalendar from './dayCalendar/DayCalendar.mjs';
31
+ import { getStartOfDay } from './getStartOfDay/getStartOfDay.mjs';
32
+ import MonthCalendar from './monthCalendar/MonthCalendar.mjs';
33
+ import YearCalendar from './yearCalendar/YearCalendar.mjs';
34
+
35
+ const CalendarInput = ({
36
+ value,
37
+ min: minProp = null,
38
+ max: maxProp = null,
39
+ monthFormat = MonthFormat.LONG,
40
+ onChange,
41
+ onSelect
42
+ }) => {
43
+ const selectedDate = getStartOfDay(value);
44
+ const min = getStartOfDay(minProp);
45
+ const max = getStartOfDay(maxProp);
46
+ useEffect(() => {
47
+ if (selectedDate && !isWithinRange(selectedDate, min, max)) {
48
+ onChange(moveToWithinRange(selectedDate, min, max));
49
+ }
50
+ }, [selectedDate?.getTime(), min?.getTime(), max?.getTime(), onChange]); // eslint-disable-line react-hooks/exhaustive-deps
51
+ const dateView = returnDateView(selectedDate, min, max);
52
+ const [viewMonth, setViewMonth] = useState(dateView.getMonth());
53
+ const [viewYear, setViewYear] = useState(dateView.getFullYear());
54
+ const [mode, setMode] = useState('day');
55
+ useEffect(() => {
56
+ const view = returnDateView(selectedDate, min, max);
57
+ // eslint-disable-next-line react-hooks/set-state-in-effect
58
+ setViewMonth(view.getMonth());
59
+ setViewYear(view.getFullYear());
60
+ }, [selectedDate?.getTime(), min?.getTime(), max?.getTime()]); // eslint-disable-line react-hooks/exhaustive-deps
61
+ const handleViewDateUpdate = useCallback(
62
+ // eslint-disable-next-line react-hooks/preserve-manual-memoization
63
+ ({
64
+ month,
65
+ year
66
+ }) => {
67
+ if (month !== undefined) setViewMonth(month);
68
+ if (year !== undefined) setViewYear(year);
69
+ }, []);
70
+ const switchToDays = useCallback(() => setMode('day'), []);
71
+ const switchToMonths = useCallback(() => setMode('month'), []);
72
+ const switchToYears = useCallback(() => setMode('year'), []);
73
+ const handleSelectedDateUpdate = useCallback(date => {
74
+ if (onSelect) {
75
+ onSelect(date);
76
+ } else {
77
+ onChange(date);
78
+ }
79
+ }, [onChange, onSelect]);
80
+ const adjustDate = useCallback((daysToAdd, monthsToAdd, yearsToAdd) => {
81
+ let date;
82
+ if (selectedDate) {
83
+ date = new Date(mode === 'year' ? selectedDate.getFullYear() + yearsToAdd : selectedDate.getFullYear(), mode === 'month' ? selectedDate.getMonth() + monthsToAdd : selectedDate.getMonth(), mode === 'day' ? selectedDate.getDate() + daysToAdd : selectedDate.getDate());
84
+ } else {
85
+ date = getStartOfDay(new Date());
86
+ }
87
+ date &&= moveToWithinRange(date, min, max);
88
+ if (date?.getTime() !== selectedDate?.getTime()) {
89
+ onChange(date);
90
+ }
91
+ }, [selectedDate, min, max, mode, onChange]);
92
+ const handleKeyDown = useCallback(event => {
93
+ switch (event.key) {
94
+ case 'ArrowLeft':
95
+ adjustDate(-1, -1, -1);
96
+ event.preventDefault();
97
+ break;
98
+ case 'ArrowUp':
99
+ adjustDate(-7, -4, -4);
100
+ event.preventDefault();
101
+ break;
102
+ case 'ArrowRight':
103
+ adjustDate(1, 1, 1);
104
+ event.preventDefault();
105
+ break;
106
+ case 'ArrowDown':
107
+ adjustDate(7, 4, 4);
108
+ event.preventDefault();
109
+ break;
110
+ }
111
+ }, [adjustDate]);
112
+ return (
113
+ /*#__PURE__*/
114
+ // eslint-disable-next-line jsx-a11y/no-static-element-interactions
115
+ jsxs("div", {
116
+ onKeyDown: handleKeyDown,
117
+ children: [mode === 'day' && /*#__PURE__*/jsx(DayCalendar, {
118
+ selectedDate: selectedDate,
119
+ min: min,
120
+ max: max,
121
+ viewMonth: viewMonth,
122
+ viewYear: viewYear,
123
+ monthFormat: monthFormat,
124
+ onSelect: handleSelectedDateUpdate,
125
+ onLabelClick: switchToYears,
126
+ onViewDateUpdate: handleViewDateUpdate
127
+ }), mode === 'month' && /*#__PURE__*/jsx(MonthCalendar, {
128
+ selectedDate: selectedDate,
129
+ min: min,
130
+ max: max,
131
+ viewYear: viewYear,
132
+ placeholder: "",
133
+ onSelect: switchToDays,
134
+ onLabelClick: switchToYears,
135
+ onViewDateUpdate: handleViewDateUpdate
136
+ }), mode === 'year' && /*#__PURE__*/jsx(YearCalendar, {
137
+ selectedDate: selectedDate,
138
+ min: min,
139
+ max: max,
140
+ viewYear: viewYear,
141
+ placeholder: "",
142
+ onSelect: switchToMonths,
143
+ onViewDateUpdate: handleViewDateUpdate
144
+ })]
145
+ })
146
+ );
147
+ };
148
+
149
+ export { CalendarInput as default };
150
+ //# sourceMappingURL=CalendarInput.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CalendarInput.mjs","sources":["../../src/calendarInput/CalendarInput.tsx"],"sourcesContent":["import { useState, useCallback, useEffect, KeyboardEvent } from 'react';\n\nimport { MonthFormat } from '../common';\nimport { isWithinRange, moveToWithinRange, returnDateView } from '../common/dateUtils';\nimport DayCalendar from './dayCalendar';\nimport { getStartOfDay } from './getStartOfDay';\nimport MonthCalendar from './monthCalendar';\nimport YearCalendar from './yearCalendar';\n\nexport interface CalendarInputProps {\n value: Date | null;\n min?: Date | null;\n max?: Date | null;\n monthFormat?: `${MonthFormat}`;\n onChange: (date: Date | null) => void;\n onSelect?: (date: Date) => void;\n}\n\nconst CalendarInput = ({\n value,\n min: minProp = null,\n max: maxProp = null,\n monthFormat = MonthFormat.LONG,\n onChange,\n onSelect,\n}: CalendarInputProps) => {\n const selectedDate = getStartOfDay(value);\n const min = getStartOfDay(minProp);\n const max = getStartOfDay(maxProp);\n\n useEffect(() => {\n if (selectedDate && !isWithinRange(selectedDate, min, max)) {\n onChange(moveToWithinRange(selectedDate, min, max));\n }\n }, [selectedDate?.getTime(), min?.getTime(), max?.getTime(), onChange]); // eslint-disable-line react-hooks/exhaustive-deps\n\n const dateView = returnDateView(selectedDate, min, max);\n const [viewMonth, setViewMonth] = useState(dateView.getMonth());\n const [viewYear, setViewYear] = useState(dateView.getFullYear());\n const [mode, setMode] = useState<'day' | 'month' | 'year'>('day');\n\n useEffect(() => {\n const view = returnDateView(selectedDate, min, max);\n // eslint-disable-next-line react-hooks/set-state-in-effect\n setViewMonth(view.getMonth());\n\n setViewYear(view.getFullYear());\n }, [selectedDate?.getTime(), min?.getTime(), max?.getTime()]); // eslint-disable-line react-hooks/exhaustive-deps\n\n const handleViewDateUpdate = useCallback(\n // eslint-disable-next-line react-hooks/preserve-manual-memoization\n ({ month, year }: { month?: number; year?: number }) => {\n if (month !== undefined) setViewMonth(month);\n if (year !== undefined) setViewYear(year);\n },\n [],\n );\n\n const switchToDays = useCallback(() => setMode('day'), []);\n const switchToMonths = useCallback(() => setMode('month'), []);\n const switchToYears = useCallback(() => setMode('year'), []);\n\n const handleSelectedDateUpdate = useCallback(\n (date: Date) => {\n if (onSelect) {\n onSelect(date);\n } else {\n onChange(date);\n }\n },\n [onChange, onSelect],\n );\n\n const adjustDate = useCallback(\n (daysToAdd: number, monthsToAdd: number, yearsToAdd: number) => {\n let date: Date | null;\n if (selectedDate) {\n date = new Date(\n mode === 'year' ? selectedDate.getFullYear() + yearsToAdd : selectedDate.getFullYear(),\n mode === 'month' ? selectedDate.getMonth() + monthsToAdd : selectedDate.getMonth(),\n mode === 'day' ? selectedDate.getDate() + daysToAdd : selectedDate.getDate(),\n );\n } else {\n date = getStartOfDay(new Date());\n }\n date &&= moveToWithinRange(date, min, max);\n if (date?.getTime() !== selectedDate?.getTime()) {\n onChange(date);\n }\n },\n [selectedDate, min, max, mode, onChange],\n );\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLDivElement>) => {\n switch (event.key) {\n case 'ArrowLeft':\n adjustDate(-1, -1, -1);\n event.preventDefault();\n break;\n case 'ArrowUp':\n adjustDate(-7, -4, -4);\n event.preventDefault();\n break;\n case 'ArrowRight':\n adjustDate(1, 1, 1);\n event.preventDefault();\n break;\n case 'ArrowDown':\n adjustDate(7, 4, 4);\n event.preventDefault();\n break;\n default:\n break;\n }\n },\n [adjustDate],\n );\n\n return (\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n <div onKeyDown={handleKeyDown}>\n {mode === 'day' && (\n <DayCalendar\n selectedDate={selectedDate}\n min={min}\n max={max}\n viewMonth={viewMonth}\n viewYear={viewYear}\n monthFormat={monthFormat}\n onSelect={handleSelectedDateUpdate}\n onLabelClick={switchToYears}\n onViewDateUpdate={handleViewDateUpdate}\n />\n )}\n {mode === 'month' && (\n <MonthCalendar\n selectedDate={selectedDate}\n min={min}\n max={max}\n viewYear={viewYear}\n placeholder=\"\"\n onSelect={switchToDays}\n onLabelClick={switchToYears}\n onViewDateUpdate={handleViewDateUpdate}\n />\n )}\n {mode === 'year' && (\n <YearCalendar\n selectedDate={selectedDate}\n min={min}\n max={max}\n viewYear={viewYear}\n placeholder=\"\"\n onSelect={switchToMonths}\n onViewDateUpdate={handleViewDateUpdate}\n />\n )}\n </div>\n );\n};\n\nexport default CalendarInput;\n"],"names":["CalendarInput","value","min","minProp","max","maxProp","monthFormat","MonthFormat","LONG","onChange","onSelect","selectedDate","getStartOfDay","useEffect","isWithinRange","moveToWithinRange","getTime","dateView","returnDateView","viewMonth","setViewMonth","useState","getMonth","viewYear","setViewYear","getFullYear","mode","setMode","view","handleViewDateUpdate","useCallback","month","year","undefined","switchToDays","switchToMonths","switchToYears","handleSelectedDateUpdate","date","adjustDate","daysToAdd","monthsToAdd","yearsToAdd","Date","getDate","handleKeyDown","event","key","preventDefault","_jsxs","onKeyDown","children","_jsx","DayCalendar","onLabelClick","onViewDateUpdate","MonthCalendar","placeholder","YearCalendar"],"mappings":"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"}
@@ -32,7 +32,7 @@ require('@transferwise/neptune-validation');
32
32
  require('../../provider/direction/DirectionProvider.js');
33
33
  var useLayout = require('../../common/hooks/useLayout/useLayout.js');
34
34
  var Title = require('../../title/Title.js');
35
- var DateLookup_messages = require('../DateLookup.messages.js');
35
+ var CalendarInput_messages = require('../CalendarInput.messages.js');
36
36
  var Button = require('../../button/Button.js');
37
37
  var IconButton = require('../../iconButton/IconButton.js');
38
38
 
@@ -55,7 +55,7 @@ const DateHeader = ({
55
55
  size: 40,
56
56
  priority: "minimal",
57
57
  className: "d-inline-flex",
58
- "aria-label": `${intl.formatMessage(DateLookup_messages.default.previous)} ${dateMode}`,
58
+ "aria-label": `${intl.formatMessage(CalendarInput_messages.default.previous)} ${dateMode}`,
59
59
  onClick: onPreviousClick,
60
60
  children: /*#__PURE__*/jsxRuntime.jsx(icons.ChevronLeft, {
61
61
  className: "left-single-direction"
@@ -70,7 +70,7 @@ const DateHeader = ({
70
70
  type: "button",
71
71
  priority: "tertiary",
72
72
  className: "tw-date-lookup-header-current",
73
- "aria-label": intl.formatMessage(DateLookup_messages.default.goTo20YearView),
73
+ "aria-label": intl.formatMessage(CalendarInput_messages.default.goTo20YearView),
74
74
  addonEnd: {
75
75
  type: 'icon',
76
76
  value: /*#__PURE__*/jsxRuntime.jsx(icons.ChevronDown, {})
@@ -83,7 +83,7 @@ const DateHeader = ({
83
83
  children: /*#__PURE__*/jsxRuntime.jsx(IconButton.default, {
84
84
  size: 40,
85
85
  className: "d-inline-flex",
86
- "aria-label": `${intl.formatMessage(DateLookup_messages.default.next)} ${dateMode}`,
86
+ "aria-label": `${intl.formatMessage(CalendarInput_messages.default.next)} ${dateMode}`,
87
87
  priority: "minimal",
88
88
  onClick: onNextClick,
89
89
  children: /*#__PURE__*/jsxRuntime.jsx(icons.ChevronRight, {
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DateHeader.js","sources":["../../../src/calendarInput/dateHeader/DateHeader.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\n\nimport { Typography } from '../../common';\nimport { useLayout } from '../../common/hooks';\nimport Title from '../../title';\nimport messages from '../CalendarInput.messages';\nimport Button from '../../button/Button';\nimport { ChevronDown, ChevronLeft, ChevronRight } from '@transferwise/icons';\nimport IconButton from '../../iconButton';\n\ninterface DateHeaderProps {\n label?: string;\n onLabelClick?: () => void;\n onPreviousClick: () => void;\n onNextClick: () => void;\n dateMode: string;\n}\n\nconst DateHeader: React.FC<DateHeaderProps> = ({\n label,\n onLabelClick,\n onPreviousClick,\n onNextClick,\n dateMode,\n}) => {\n const intl = useIntl();\n const { isMobile } = useLayout();\n return (\n <div className={clsx('text-xs-center', !isMobile && ['clearfix', 'p-y-1'])}>\n <div className=\"pull-left-single-direction\">\n <IconButton\n size={40}\n priority=\"minimal\"\n className=\"d-inline-flex\"\n aria-label={`${intl.formatMessage(messages.previous)} ${dateMode}`}\n onClick={onPreviousClick}\n >\n <ChevronLeft className=\"left-single-direction\" />\n </IconButton>\n </div>\n {label && (\n <Title type={Typography.TITLE_BODY} className=\"tw-date-lookup-header-current-container\">\n <Button\n v2\n size=\"md\"\n type=\"button\"\n priority=\"tertiary\"\n className=\"tw-date-lookup-header-current\"\n aria-label={intl.formatMessage(messages.goTo20YearView)}\n addonEnd={{ type: 'icon', value: <ChevronDown /> }}\n onClick={onLabelClick}\n >\n {label}\n </Button>\n </Title>\n )}\n <div className=\"pull-right-single-direction\">\n <IconButton\n size={40}\n className=\"d-inline-flex\"\n aria-label={`${intl.formatMessage(messages.next)} ${dateMode}`}\n priority=\"minimal\"\n onClick={onNextClick}\n >\n <ChevronRight className=\"right-single-direction\" />\n </IconButton>\n </div>\n </div>\n );\n};\n\nexport default DateHeader;\n"],"names":["DateHeader","label","onLabelClick","onPreviousClick","onNextClick","dateMode","intl","useIntl","isMobile","useLayout","_jsxs","className","clsx","children","_jsx","IconButton","size","priority","formatMessage","messages","previous","onClick","ChevronLeft","Title","type","Typography","TITLE_BODY","Button","v2","goTo20YearView","addonEnd","value","ChevronDown","next","ChevronRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAMA,UAAU,GAA8BA,CAAC;EAC7CC,KAAK;EACLC,YAAY;EACZC,eAAe;EACfC,WAAW;AACXC,EAAAA;AAAQ,CACT,KAAI;AACH,EAAA,MAAMC,IAAI,GAAGC,iBAAO,EAAE;EACtB,MAAM;AAAEC,IAAAA;GAAU,GAAGC,mBAAS,EAAE;AAChC,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAEC,SAAI,CAAC,gBAAgB,EAAE,CAACJ,QAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAE;AAAAK,IAAAA,QAAA,gBACzEC,cAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,4BAA4B;MAAAE,QAAA,eACzCC,cAAA,CAACC,kBAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTC,QAAAA,QAAQ,EAAC,SAAS;AAClBN,QAAAA,SAAS,EAAC,eAAe;QACzB,YAAA,EAAY,CAAA,EAAGL,IAAI,CAACY,aAAa,CAACC,8BAAQ,CAACC,QAAQ,CAAC,CAAA,CAAA,EAAIf,QAAQ,CAAA,CAAG;AACnEgB,QAAAA,OAAO,EAAElB,eAAgB;QAAAU,QAAA,eAEzBC,cAAA,CAACQ,iBAAW,EAAA;AAACX,UAAAA,SAAS,EAAC;SAAuB;OACpC;AACd,KAAK,CACL,EAACV,KAAK,iBACJa,cAAA,CAACS,aAAK,EAAA;MAACC,IAAI,EAAEC,qBAAU,CAACC,UAAW;AAACf,MAAAA,SAAS,EAAC,yCAAyC;MAAAE,QAAA,eACrFC,cAAA,CAACa,cAAM,EAAA;QACLC,EAAE,EAAA,IAAA;AACFZ,QAAAA,IAAI,EAAC,IAAI;AACTQ,QAAAA,IAAI,EAAC,QAAQ;AACbP,QAAAA,QAAQ,EAAC,UAAU;AACnBN,QAAAA,SAAS,EAAC,+BAA+B;AACzC,QAAA,YAAA,EAAYL,IAAI,CAACY,aAAa,CAACC,8BAAQ,CAACU,cAAc,CAAE;AACxDC,QAAAA,QAAQ,EAAE;AAAEN,UAAAA,IAAI,EAAE,MAAM;AAAEO,UAAAA,KAAK,eAAEjB,cAAA,CAACkB,iBAAW,EAAA,EAAA;SAAM;AACnDX,QAAAA,OAAO,EAAEnB,YAAa;AAAAW,QAAAA,QAAA,EAErBZ;OACK;KACH,CACR,eACDa,cAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,6BAA6B;MAAAE,QAAA,eAC1CC,cAAA,CAACC,kBAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTL,QAAAA,SAAS,EAAC,eAAe;QACzB,YAAA,EAAY,CAAA,EAAGL,IAAI,CAACY,aAAa,CAACC,8BAAQ,CAACc,IAAI,CAAC,CAAA,CAAA,EAAI5B,QAAQ,CAAA,CAAG;AAC/DY,QAAAA,QAAQ,EAAC,SAAS;AAClBI,QAAAA,OAAO,EAAEjB,WAAY;QAAAS,QAAA,eAErBC,cAAA,CAACoB,kBAAY,EAAA;AAACvB,UAAAA,SAAS,EAAC;SAAwB;OACtC;AACd,KAAK,CACP;AAAA,GAAK,CAAC;AAEV;;;;"}
@@ -28,7 +28,7 @@ import '@transferwise/neptune-validation';
28
28
  import '../../provider/direction/DirectionProvider.mjs';
29
29
  import { useLayout } from '../../common/hooks/useLayout/useLayout.mjs';
30
30
  import Title from '../../title/Title.mjs';
31
- import messages from '../DateLookup.messages.mjs';
31
+ import messages from '../CalendarInput.messages.mjs';
32
32
  import Button from '../../button/Button.mjs';
33
33
  import IconButton from '../../iconButton/IconButton.mjs';
34
34
 
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DateHeader.mjs","sources":["../../../src/calendarInput/dateHeader/DateHeader.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\n\nimport { Typography } from '../../common';\nimport { useLayout } from '../../common/hooks';\nimport Title from '../../title';\nimport messages from '../CalendarInput.messages';\nimport Button from '../../button/Button';\nimport { ChevronDown, ChevronLeft, ChevronRight } from '@transferwise/icons';\nimport IconButton from '../../iconButton';\n\ninterface DateHeaderProps {\n label?: string;\n onLabelClick?: () => void;\n onPreviousClick: () => void;\n onNextClick: () => void;\n dateMode: string;\n}\n\nconst DateHeader: React.FC<DateHeaderProps> = ({\n label,\n onLabelClick,\n onPreviousClick,\n onNextClick,\n dateMode,\n}) => {\n const intl = useIntl();\n const { isMobile } = useLayout();\n return (\n <div className={clsx('text-xs-center', !isMobile && ['clearfix', 'p-y-1'])}>\n <div className=\"pull-left-single-direction\">\n <IconButton\n size={40}\n priority=\"minimal\"\n className=\"d-inline-flex\"\n aria-label={`${intl.formatMessage(messages.previous)} ${dateMode}`}\n onClick={onPreviousClick}\n >\n <ChevronLeft className=\"left-single-direction\" />\n </IconButton>\n </div>\n {label && (\n <Title type={Typography.TITLE_BODY} className=\"tw-date-lookup-header-current-container\">\n <Button\n v2\n size=\"md\"\n type=\"button\"\n priority=\"tertiary\"\n className=\"tw-date-lookup-header-current\"\n aria-label={intl.formatMessage(messages.goTo20YearView)}\n addonEnd={{ type: 'icon', value: <ChevronDown /> }}\n onClick={onLabelClick}\n >\n {label}\n </Button>\n </Title>\n )}\n <div className=\"pull-right-single-direction\">\n <IconButton\n size={40}\n className=\"d-inline-flex\"\n aria-label={`${intl.formatMessage(messages.next)} ${dateMode}`}\n priority=\"minimal\"\n onClick={onNextClick}\n >\n <ChevronRight className=\"right-single-direction\" />\n </IconButton>\n </div>\n </div>\n );\n};\n\nexport default DateHeader;\n"],"names":["DateHeader","label","onLabelClick","onPreviousClick","onNextClick","dateMode","intl","useIntl","isMobile","useLayout","_jsxs","className","clsx","children","_jsx","IconButton","size","priority","formatMessage","messages","previous","onClick","ChevronLeft","Title","type","Typography","TITLE_BODY","Button","v2","goTo20YearView","addonEnd","value","ChevronDown","next","ChevronRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAMA,UAAU,GAA8BA,CAAC;EAC7CC,KAAK;EACLC,YAAY;EACZC,eAAe;EACfC,WAAW;AACXC,EAAAA;AAAQ,CACT,KAAI;AACH,EAAA,MAAMC,IAAI,GAAGC,OAAO,EAAE;EACtB,MAAM;AAAEC,IAAAA;GAAU,GAAGC,SAAS,EAAE;AAChC,EAAA,oBACEC,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAEC,IAAI,CAAC,gBAAgB,EAAE,CAACJ,QAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAE;AAAAK,IAAAA,QAAA,gBACzEC,GAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,4BAA4B;MAAAE,QAAA,eACzCC,GAAA,CAACC,UAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTC,QAAAA,QAAQ,EAAC,SAAS;AAClBN,QAAAA,SAAS,EAAC,eAAe;QACzB,YAAA,EAAY,CAAA,EAAGL,IAAI,CAACY,aAAa,CAACC,QAAQ,CAACC,QAAQ,CAAC,CAAA,CAAA,EAAIf,QAAQ,CAAA,CAAG;AACnEgB,QAAAA,OAAO,EAAElB,eAAgB;QAAAU,QAAA,eAEzBC,GAAA,CAACQ,WAAW,EAAA;AAACX,UAAAA,SAAS,EAAC;SAAuB;OACpC;AACd,KAAK,CACL,EAACV,KAAK,iBACJa,GAAA,CAACS,KAAK,EAAA;MAACC,IAAI,EAAEC,UAAU,CAACC,UAAW;AAACf,MAAAA,SAAS,EAAC,yCAAyC;MAAAE,QAAA,eACrFC,GAAA,CAACa,MAAM,EAAA;QACLC,EAAE,EAAA,IAAA;AACFZ,QAAAA,IAAI,EAAC,IAAI;AACTQ,QAAAA,IAAI,EAAC,QAAQ;AACbP,QAAAA,QAAQ,EAAC,UAAU;AACnBN,QAAAA,SAAS,EAAC,+BAA+B;AACzC,QAAA,YAAA,EAAYL,IAAI,CAACY,aAAa,CAACC,QAAQ,CAACU,cAAc,CAAE;AACxDC,QAAAA,QAAQ,EAAE;AAAEN,UAAAA,IAAI,EAAE,MAAM;AAAEO,UAAAA,KAAK,eAAEjB,GAAA,CAACkB,WAAW,EAAA,EAAA;SAAM;AACnDX,QAAAA,OAAO,EAAEnB,YAAa;AAAAW,QAAAA,QAAA,EAErBZ;OACK;KACH,CACR,eACDa,GAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,6BAA6B;MAAAE,QAAA,eAC1CC,GAAA,CAACC,UAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTL,QAAAA,SAAS,EAAC,eAAe;QACzB,YAAA,EAAY,CAAA,EAAGL,IAAI,CAACY,aAAa,CAACC,QAAQ,CAACc,IAAI,CAAC,CAAA,CAAA,EAAI5B,QAAQ,CAAA,CAAG;AAC/DY,QAAAA,QAAQ,EAAC,SAAS;AAClBI,QAAAA,OAAO,EAAEjB,WAAY;QAAAS,QAAA,eAErBC,GAAA,CAACoB,YAAY,EAAA;AAACvB,UAAAA,SAAS,EAAC;SAAwB;OACtC;AACd,KAAK,CACP;AAAA,GAAK,CAAC;AAEV;;;;"}
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var formatting = require('@transferwise/formatting');
6
6
  var React = require('react');
7
7
  var reactIntl = require('react-intl');
8
- var DateLookup_messages = require('../DateLookup.messages.js');
8
+ var CalendarInput_messages = require('../CalendarInput.messages.js');
9
9
  var DateHeader = require('../dateHeader/DateHeader.js');
10
10
  var DayCalendarTable = require('./table/DayCalendarTable.js');
11
11
  var jsxRuntime = require('react/jsx-runtime');
@@ -52,7 +52,7 @@ let DayCalendar$1 = class DayCalendar extends React.PureComponent {
52
52
  month: monthFormat,
53
53
  year: 'numeric'
54
54
  }),
55
- dateMode: formatMessage(DateLookup_messages.default.month),
55
+ dateMode: formatMessage(CalendarInput_messages.default.month),
56
56
  onLabelClick: onLabelClick,
57
57
  onPreviousClick: this.selectPreviousMonth,
58
58
  onNextClick: this.selectNextMonth
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DayCalendar.js","sources":["../../../src/calendarInput/dayCalendar/DayCalendar.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { PureComponent } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport { MonthFormat } from '../../common';\nimport messages from '../CalendarInput.messages';\nimport DateHeader from '../dateHeader';\n\nimport DayCalendarTable from './table';\n\ninterface DayCalendarProps extends WrappedComponentProps {\n selectedDate: Date | null;\n min: Date | null;\n max: Date | null;\n viewMonth: number;\n viewYear: number;\n monthFormat: `${MonthFormat}`;\n onSelect: (date: Date) => void;\n onLabelClick: () => void;\n onViewDateUpdate: (date: { month: number; year: number }) => void;\n}\n\nclass DayCalendar extends PureComponent<DayCalendarProps> {\n selectPreviousMonth = () => {\n const { viewMonth, viewYear } = this.props;\n this.props.onViewDateUpdate({\n month: viewMonth <= 0 ? 11 : viewMonth - 1,\n year: viewMonth <= 0 ? viewYear - 1 : viewYear,\n });\n };\n\n selectNextMonth = () => {\n const { viewMonth, viewYear } = this.props;\n this.props.onViewDateUpdate({\n month: viewMonth >= 11 ? 0 : viewMonth + 1,\n year: viewMonth >= 11 ? viewYear + 1 : viewYear,\n });\n };\n\n render() {\n const {\n selectedDate,\n min,\n max,\n viewMonth,\n viewYear,\n intl: { locale, formatMessage },\n monthFormat,\n onLabelClick,\n onSelect,\n } = this.props;\n return (\n <>\n <DateHeader\n label={formatDate(new Date(viewYear, viewMonth), locale, {\n month: monthFormat,\n year: 'numeric',\n })}\n dateMode={formatMessage(messages.month)}\n onLabelClick={onLabelClick}\n onPreviousClick={this.selectPreviousMonth}\n onNextClick={this.selectNextMonth}\n />\n <DayCalendarTable {...{ selectedDate, min, max, viewMonth, viewYear, onSelect }} />\n </>\n );\n }\n}\n\nexport default injectIntl(DayCalendar);\n"],"names":["DayCalendar","PureComponent","selectPreviousMonth","viewMonth","viewYear","props","onViewDateUpdate","month","year","selectNextMonth","render","selectedDate","min","max","intl","locale","formatMessage","monthFormat","onLabelClick","onSelect","_jsxs","_Fragment","children","_jsx","DateHeader","label","formatDate","Date","dateMode","messages","onPreviousClick","onNextClick","DayCalendarTable","injectIntl"],"mappings":";;;;;;;;;;;;oBAsBA,MAAMA,WAAY,SAAQC,mBAA+B,CAAA;EACvDC,mBAAmB,GAAGA,MAAK;IACzB,MAAM;MAAEC,SAAS;AAAEC,MAAAA;KAAU,GAAG,IAAI,CAACC,KAAK;AAC1C,IAAA,IAAI,CAACA,KAAK,CAACC,gBAAgB,CAAC;MAC1BC,KAAK,EAAEJ,SAAS,IAAI,CAAC,GAAG,EAAE,GAAGA,SAAS,GAAG,CAAC;MAC1CK,IAAI,EAAEL,SAAS,IAAI,CAAC,GAAGC,QAAQ,GAAG,CAAC,GAAGA;AACvC,KAAA,CAAC;EACJ,CAAC;EAEDK,eAAe,GAAGA,MAAK;IACrB,MAAM;MAAEN,SAAS;AAAEC,MAAAA;KAAU,GAAG,IAAI,CAACC,KAAK;AAC1C,IAAA,IAAI,CAACA,KAAK,CAACC,gBAAgB,CAAC;MAC1BC,KAAK,EAAEJ,SAAS,IAAI,EAAE,GAAG,CAAC,GAAGA,SAAS,GAAG,CAAC;MAC1CK,IAAI,EAAEL,SAAS,IAAI,EAAE,GAAGC,QAAQ,GAAG,CAAC,GAAGA;AACxC,KAAA,CAAC;EACJ,CAAC;AAEDM,EAAAA,MAAMA,GAAA;IACJ,MAAM;MACJC,YAAY;MACZC,GAAG;MACHC,GAAG;MACHV,SAAS;MACTC,QAAQ;AACRU,MAAAA,IAAI,EAAE;QAAEC,MAAM;AAAEC,QAAAA;OAAe;MAC/BC,WAAW;MACXC,YAAY;AACZC,MAAAA;KACD,GAAG,IAAI,CAACd,KAAK;IACd,oBACEe,eAAA,CAAAC,mBAAA,EAAA;MAAAC,QAAA,EAAA,cACEC,cAAA,CAACC,kBAAU,EAAA;AACTC,QAAAA,KAAK,EAAEC,qBAAU,CAAC,IAAIC,IAAI,CAACvB,QAAQ,EAAED,SAAS,CAAC,EAAEY,MAAM,EAAE;AACvDR,UAAAA,KAAK,EAAEU,WAAW;AAClBT,UAAAA,IAAI,EAAE;AACP,SAAA,CAAE;AACHoB,QAAAA,QAAQ,EAAEZ,aAAa,CAACa,8BAAQ,CAACtB,KAAK,CAAE;AACxCW,QAAAA,YAAY,EAAEA,YAAa;QAC3BY,eAAe,EAAE,IAAI,CAAC5B,mBAAoB;QAC1C6B,WAAW,EAAE,IAAI,CAACtB;AAAgB,OAAA,CAEpC,eAAAc,cAAA,CAACS,wBAAgB,EAAA;QAAOrB,YAAY;QAAEC,GAAG;QAAEC,GAAG;QAAEV,SAAS;QAAEC,QAAQ;AAAEe,QAAAA;AAAQ,OAAG,CAClF;AAAA,KAAA,CAAG;AAEP,EAAA;AACD;AAED,kBAAec,oBAAU,CAACjC,aAAW,CAAC;;;;"}
@@ -1,7 +1,7 @@
1
1
  import { formatDate } from '@transferwise/formatting';
2
2
  import { PureComponent } from 'react';
3
3
  import { injectIntl } from 'react-intl';
4
- import messages from '../DateLookup.messages.mjs';
4
+ import messages from '../CalendarInput.messages.mjs';
5
5
  import DateHeader from '../dateHeader/DateHeader.mjs';
6
6
  import DayCalendarTable from './table/DayCalendarTable.mjs';
7
7
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DayCalendar.mjs","sources":["../../../src/calendarInput/dayCalendar/DayCalendar.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { PureComponent } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport { MonthFormat } from '../../common';\nimport messages from '../CalendarInput.messages';\nimport DateHeader from '../dateHeader';\n\nimport DayCalendarTable from './table';\n\ninterface DayCalendarProps extends WrappedComponentProps {\n selectedDate: Date | null;\n min: Date | null;\n max: Date | null;\n viewMonth: number;\n viewYear: number;\n monthFormat: `${MonthFormat}`;\n onSelect: (date: Date) => void;\n onLabelClick: () => void;\n onViewDateUpdate: (date: { month: number; year: number }) => void;\n}\n\nclass DayCalendar extends PureComponent<DayCalendarProps> {\n selectPreviousMonth = () => {\n const { viewMonth, viewYear } = this.props;\n this.props.onViewDateUpdate({\n month: viewMonth <= 0 ? 11 : viewMonth - 1,\n year: viewMonth <= 0 ? viewYear - 1 : viewYear,\n });\n };\n\n selectNextMonth = () => {\n const { viewMonth, viewYear } = this.props;\n this.props.onViewDateUpdate({\n month: viewMonth >= 11 ? 0 : viewMonth + 1,\n year: viewMonth >= 11 ? viewYear + 1 : viewYear,\n });\n };\n\n render() {\n const {\n selectedDate,\n min,\n max,\n viewMonth,\n viewYear,\n intl: { locale, formatMessage },\n monthFormat,\n onLabelClick,\n onSelect,\n } = this.props;\n return (\n <>\n <DateHeader\n label={formatDate(new Date(viewYear, viewMonth), locale, {\n month: monthFormat,\n year: 'numeric',\n })}\n dateMode={formatMessage(messages.month)}\n onLabelClick={onLabelClick}\n onPreviousClick={this.selectPreviousMonth}\n onNextClick={this.selectNextMonth}\n />\n <DayCalendarTable {...{ selectedDate, min, max, viewMonth, viewYear, onSelect }} />\n </>\n );\n }\n}\n\nexport default injectIntl(DayCalendar);\n"],"names":["DayCalendar","PureComponent","selectPreviousMonth","viewMonth","viewYear","props","onViewDateUpdate","month","year","selectNextMonth","render","selectedDate","min","max","intl","locale","formatMessage","monthFormat","onLabelClick","onSelect","_jsxs","_Fragment","children","_jsx","DateHeader","label","formatDate","Date","dateMode","messages","onPreviousClick","onNextClick","DayCalendarTable","injectIntl"],"mappings":";;;;;;;;AAsBA,MAAMA,WAAY,SAAQC,aAA+B,CAAA;EACvDC,mBAAmB,GAAGA,MAAK;IACzB,MAAM;MAAEC,SAAS;AAAEC,MAAAA;KAAU,GAAG,IAAI,CAACC,KAAK;AAC1C,IAAA,IAAI,CAACA,KAAK,CAACC,gBAAgB,CAAC;MAC1BC,KAAK,EAAEJ,SAAS,IAAI,CAAC,GAAG,EAAE,GAAGA,SAAS,GAAG,CAAC;MAC1CK,IAAI,EAAEL,SAAS,IAAI,CAAC,GAAGC,QAAQ,GAAG,CAAC,GAAGA;AACvC,KAAA,CAAC;EACJ,CAAC;EAEDK,eAAe,GAAGA,MAAK;IACrB,MAAM;MAAEN,SAAS;AAAEC,MAAAA;KAAU,GAAG,IAAI,CAACC,KAAK;AAC1C,IAAA,IAAI,CAACA,KAAK,CAACC,gBAAgB,CAAC;MAC1BC,KAAK,EAAEJ,SAAS,IAAI,EAAE,GAAG,CAAC,GAAGA,SAAS,GAAG,CAAC;MAC1CK,IAAI,EAAEL,SAAS,IAAI,EAAE,GAAGC,QAAQ,GAAG,CAAC,GAAGA;AACxC,KAAA,CAAC;EACJ,CAAC;AAEDM,EAAAA,MAAMA,GAAA;IACJ,MAAM;MACJC,YAAY;MACZC,GAAG;MACHC,GAAG;MACHV,SAAS;MACTC,QAAQ;AACRU,MAAAA,IAAI,EAAE;QAAEC,MAAM;AAAEC,QAAAA;OAAe;MAC/BC,WAAW;MACXC,YAAY;AACZC,MAAAA;KACD,GAAG,IAAI,CAACd,KAAK;IACd,oBACEe,IAAA,CAAAC,QAAA,EAAA;MAAAC,QAAA,EAAA,cACEC,GAAA,CAACC,UAAU,EAAA;AACTC,QAAAA,KAAK,EAAEC,UAAU,CAAC,IAAIC,IAAI,CAACvB,QAAQ,EAAED,SAAS,CAAC,EAAEY,MAAM,EAAE;AACvDR,UAAAA,KAAK,EAAEU,WAAW;AAClBT,UAAAA,IAAI,EAAE;AACP,SAAA,CAAE;AACHoB,QAAAA,QAAQ,EAAEZ,aAAa,CAACa,QAAQ,CAACtB,KAAK,CAAE;AACxCW,QAAAA,YAAY,EAAEA,YAAa;QAC3BY,eAAe,EAAE,IAAI,CAAC5B,mBAAoB;QAC1C6B,WAAW,EAAE,IAAI,CAACtB;AAAgB,OAAA,CAEpC,eAAAc,GAAA,CAACS,gBAAgB,EAAA;QAAOrB,YAAY;QAAEC,GAAG;QAAEC,GAAG;QAAEV,SAAS;QAAEC,QAAQ;AAAEe,QAAAA;AAAQ,OAAG,CAClF;AAAA,KAAA,CAAG;AAEP,EAAA;AACD;AAED,oBAAec,UAAU,CAACjC,WAAW,CAAC;;;;"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DayCalendarTable.js","sources":["../../../../src/calendarInput/dayCalendar/table/DayCalendarTable.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { PureComponent } from 'react';\nimport { injectIntl, type WrappedComponentProps } from 'react-intl';\n\nimport { getDayNames, isWithinRange } from '../../../common/dateUtils';\nimport { getFocusableTime } from '../../getFocusableTime/getFocusableTime';\nimport { getStartOfDay } from '../../getStartOfDay';\nimport TableLink from '../../tableLink';\n\nconst SHORT_DAY_FORMAT: Intl.DateTimeFormatOptions = { day: 'numeric' };\n\ninterface DayCalendarTableProps extends WrappedComponentProps {\n selectedDate: Date | null;\n min: Date | null;\n max: Date | null;\n viewMonth: number;\n viewYear: number;\n onSelect: (date: Date) => void;\n}\n\nclass DayCalendarTable extends PureComponent<DayCalendarTableProps> {\n getTableStructure = () => {\n const { viewMonth, viewYear } = this.props;\n let firstDayOfMonth = new Date(viewYear, viewMonth, 1).getDay();\n // JS Sunday is 0, we're setting it last\n if (firstDayOfMonth === 0) {\n firstDayOfMonth = 7;\n }\n const daysInMonth = new Date(viewYear, viewMonth + 1, 0).getDate();\n\n let week: number[] = [];\n const weeks: number[][] = [];\n let i;\n\n // Pad first week\n for (i = 1; i < firstDayOfMonth; i += 1) {\n week.push(-1);\n }\n // Fill in days\n for (i = 1; i <= daysInMonth; i += 1) {\n week.push(i);\n if ((firstDayOfMonth + i - 1) % 7 === 0) {\n weeks.push(week);\n week = [];\n }\n }\n if (week.length > 0) {\n // Pad last week\n for (i = week.length; i < 7; i += 1) {\n week.push(-1);\n }\n weeks.push(week);\n }\n return weeks;\n };\n\n days = getDayNames(this.props.intl.locale, 'short');\n daysShort = getDayNames(this.props.intl.locale, 'narrow');\n daysLong = getDayNames(this.props.intl.locale, 'long');\n\n selectDay = (day: number) => {\n const { viewMonth, viewYear, onSelect } = this.props;\n onSelect(new Date(viewYear, viewMonth, day));\n };\n\n isDisabled = (day: number) => {\n if (day < 0) {\n return true;\n }\n const { min, max, viewMonth, viewYear } = this.props;\n const date = new Date(viewYear, viewMonth, day);\n\n return !isWithinRange(date, min, max);\n };\n\n isActive = (day: number) => {\n const { selectedDate, viewMonth, viewYear } = this.props;\n return !!(selectedDate && Number(new Date(viewYear, viewMonth, day)) === Number(selectedDate));\n };\n\n isToday = (day: number) => {\n const { viewMonth, viewYear } = this.props;\n return Number(getStartOfDay(new Date())) === Number(new Date(viewYear, viewMonth, day));\n };\n\n getAutofocusDay = (weeks: number[][]) => {\n const days = weeks.flatMap((week) => week);\n return getFocusableTime({\n isActive: this.isActive,\n isNow: this.isToday,\n isDisabled: this.isDisabled,\n timeSpan: days,\n });\n };\n\n render() {\n const { viewMonth, viewYear, intl } = this.props;\n const weeks = this.getTableStructure();\n const autoFocusDay = this.getAutofocusDay(weeks);\n return (\n <table className=\"table table-condensed table-bordered tw-date-lookup-calendar m-b-0\">\n <thead>\n <tr>\n {this.days.map((day, index) => (\n <th\n key={day}\n className={\n index > 4\n ? 'text-xs-center np-text-body-default'\n : 'text-xs-center np-text-body-default-bold'\n }\n >\n <span className=\"hidden-xs\">\n <abbr title={this.daysLong[index]}>{day.slice(0, 3)}</abbr>\n </span>\n <span className=\"visible-xs-inline-block\">\n <abbr title={this.daysLong[index]}>{this.daysShort[index].slice(0, 2)}</abbr>\n </span>\n </th>\n ))}\n </tr>\n </thead>\n <tbody>\n {/* eslint-disable react/no-array-index-key */}\n {weeks.map((week, weekIndex) => (\n <tr key={weekIndex}>\n {week.map((day, dayIndex) => (\n <td key={dayIndex} className={dayIndex > 4 ? 'weekend' : ''}>\n {day !== -1 && (\n <TableLink\n item={day}\n type=\"day\"\n title={formatDate(\n new Date(viewYear, viewMonth, day),\n intl.locale,\n SHORT_DAY_FORMAT,\n )}\n autofocus={day === autoFocusDay}\n longTitle={formatDate(new Date(viewYear, viewMonth, day), intl.locale)}\n active={this.isActive(day)}\n disabled={this.isDisabled(day)}\n today={this.isToday(day)}\n onClick={this.selectDay}\n />\n )}\n </td>\n ))}\n </tr>\n ))}\n {/* eslint-enable react/no-array-index-key */}\n </tbody>\n </table>\n );\n }\n}\n\nexport default injectIntl(DayCalendarTable);\n"],"names":["SHORT_DAY_FORMAT","day","DayCalendarTable","PureComponent","getTableStructure","viewMonth","viewYear","props","firstDayOfMonth","Date","getDay","daysInMonth","getDate","week","weeks","i","push","length","days","getDayNames","intl","locale","daysShort","daysLong","selectDay","onSelect","isDisabled","min","max","date","isWithinRange","isActive","selectedDate","Number","isToday","getStartOfDay","getAutofocusDay","flatMap","getFocusableTime","isNow","timeSpan","render","autoFocusDay","_jsxs","className","children","_jsx","map","index","title","slice","weekIndex","dayIndex","TableLink","item","type","formatDate","autofocus","longTitle","active","disabled","today","onClick","injectIntl"],"mappings":"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"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DayCalendarTable.mjs","sources":["../../../../src/calendarInput/dayCalendar/table/DayCalendarTable.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { PureComponent } from 'react';\nimport { injectIntl, type WrappedComponentProps } from 'react-intl';\n\nimport { getDayNames, isWithinRange } from '../../../common/dateUtils';\nimport { getFocusableTime } from '../../getFocusableTime/getFocusableTime';\nimport { getStartOfDay } from '../../getStartOfDay';\nimport TableLink from '../../tableLink';\n\nconst SHORT_DAY_FORMAT: Intl.DateTimeFormatOptions = { day: 'numeric' };\n\ninterface DayCalendarTableProps extends WrappedComponentProps {\n selectedDate: Date | null;\n min: Date | null;\n max: Date | null;\n viewMonth: number;\n viewYear: number;\n onSelect: (date: Date) => void;\n}\n\nclass DayCalendarTable extends PureComponent<DayCalendarTableProps> {\n getTableStructure = () => {\n const { viewMonth, viewYear } = this.props;\n let firstDayOfMonth = new Date(viewYear, viewMonth, 1).getDay();\n // JS Sunday is 0, we're setting it last\n if (firstDayOfMonth === 0) {\n firstDayOfMonth = 7;\n }\n const daysInMonth = new Date(viewYear, viewMonth + 1, 0).getDate();\n\n let week: number[] = [];\n const weeks: number[][] = [];\n let i;\n\n // Pad first week\n for (i = 1; i < firstDayOfMonth; i += 1) {\n week.push(-1);\n }\n // Fill in days\n for (i = 1; i <= daysInMonth; i += 1) {\n week.push(i);\n if ((firstDayOfMonth + i - 1) % 7 === 0) {\n weeks.push(week);\n week = [];\n }\n }\n if (week.length > 0) {\n // Pad last week\n for (i = week.length; i < 7; i += 1) {\n week.push(-1);\n }\n weeks.push(week);\n }\n return weeks;\n };\n\n days = getDayNames(this.props.intl.locale, 'short');\n daysShort = getDayNames(this.props.intl.locale, 'narrow');\n daysLong = getDayNames(this.props.intl.locale, 'long');\n\n selectDay = (day: number) => {\n const { viewMonth, viewYear, onSelect } = this.props;\n onSelect(new Date(viewYear, viewMonth, day));\n };\n\n isDisabled = (day: number) => {\n if (day < 0) {\n return true;\n }\n const { min, max, viewMonth, viewYear } = this.props;\n const date = new Date(viewYear, viewMonth, day);\n\n return !isWithinRange(date, min, max);\n };\n\n isActive = (day: number) => {\n const { selectedDate, viewMonth, viewYear } = this.props;\n return !!(selectedDate && Number(new Date(viewYear, viewMonth, day)) === Number(selectedDate));\n };\n\n isToday = (day: number) => {\n const { viewMonth, viewYear } = this.props;\n return Number(getStartOfDay(new Date())) === Number(new Date(viewYear, viewMonth, day));\n };\n\n getAutofocusDay = (weeks: number[][]) => {\n const days = weeks.flatMap((week) => week);\n return getFocusableTime({\n isActive: this.isActive,\n isNow: this.isToday,\n isDisabled: this.isDisabled,\n timeSpan: days,\n });\n };\n\n render() {\n const { viewMonth, viewYear, intl } = this.props;\n const weeks = this.getTableStructure();\n const autoFocusDay = this.getAutofocusDay(weeks);\n return (\n <table className=\"table table-condensed table-bordered tw-date-lookup-calendar m-b-0\">\n <thead>\n <tr>\n {this.days.map((day, index) => (\n <th\n key={day}\n className={\n index > 4\n ? 'text-xs-center np-text-body-default'\n : 'text-xs-center np-text-body-default-bold'\n }\n >\n <span className=\"hidden-xs\">\n <abbr title={this.daysLong[index]}>{day.slice(0, 3)}</abbr>\n </span>\n <span className=\"visible-xs-inline-block\">\n <abbr title={this.daysLong[index]}>{this.daysShort[index].slice(0, 2)}</abbr>\n </span>\n </th>\n ))}\n </tr>\n </thead>\n <tbody>\n {/* eslint-disable react/no-array-index-key */}\n {weeks.map((week, weekIndex) => (\n <tr key={weekIndex}>\n {week.map((day, dayIndex) => (\n <td key={dayIndex} className={dayIndex > 4 ? 'weekend' : ''}>\n {day !== -1 && (\n <TableLink\n item={day}\n type=\"day\"\n title={formatDate(\n new Date(viewYear, viewMonth, day),\n intl.locale,\n SHORT_DAY_FORMAT,\n )}\n autofocus={day === autoFocusDay}\n longTitle={formatDate(new Date(viewYear, viewMonth, day), intl.locale)}\n active={this.isActive(day)}\n disabled={this.isDisabled(day)}\n today={this.isToday(day)}\n onClick={this.selectDay}\n />\n )}\n </td>\n ))}\n </tr>\n ))}\n {/* eslint-enable react/no-array-index-key */}\n </tbody>\n </table>\n );\n }\n}\n\nexport default injectIntl(DayCalendarTable);\n"],"names":["SHORT_DAY_FORMAT","day","DayCalendarTable","PureComponent","getTableStructure","viewMonth","viewYear","props","firstDayOfMonth","Date","getDay","daysInMonth","getDate","week","weeks","i","push","length","days","getDayNames","intl","locale","daysShort","daysLong","selectDay","onSelect","isDisabled","min","max","date","isWithinRange","isActive","selectedDate","Number","isToday","getStartOfDay","getAutofocusDay","flatMap","getFocusableTime","isNow","timeSpan","render","autoFocusDay","_jsxs","className","children","_jsx","map","index","title","slice","weekIndex","dayIndex","TableLink","item","type","formatDate","autofocus","longTitle","active","disabled","today","onClick","injectIntl"],"mappings":"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"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getFocusableTime.js","sources":["../../../src/calendarInput/getFocusableTime/getFocusableTime.tsx"],"sourcesContent":["interface FocusableTimeProps {\n isActive: (time: number) => boolean;\n isNow: (time: number) => boolean;\n isDisabled: (time: number) => boolean;\n timeSpan: readonly number[];\n}\n\nexport function getFocusableTime(props: FocusableTimeProps): number | undefined {\n return (\n props.timeSpan.find((time: number) => props.isActive(time)) ||\n props.timeSpan.find((time: number) => props.isNow(time) && !props.isDisabled(time)) ||\n props.timeSpan.find((time: number) => !props.isDisabled(time))\n );\n}\n"],"names":["getFocusableTime","props","timeSpan","find","time","isActive","isNow","isDisabled"],"mappings":";;AAOM,SAAUA,gBAAgBA,CAACC,KAAyB,EAAA;EACxD,OACEA,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAEC,IAAY,IAAKH,KAAK,CAACI,QAAQ,CAACD,IAAI,CAAC,CAAC,IAC3DH,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAEC,IAAY,IAAKH,KAAK,CAACK,KAAK,CAACF,IAAI,CAAC,IAAI,CAACH,KAAK,CAACM,UAAU,CAACH,IAAI,CAAC,CAAC,IACnFH,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAEC,IAAY,IAAK,CAACH,KAAK,CAACM,UAAU,CAACH,IAAI,CAAC,CAAC;AAElE;;;;"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getFocusableTime.mjs","sources":["../../../src/calendarInput/getFocusableTime/getFocusableTime.tsx"],"sourcesContent":["interface FocusableTimeProps {\n isActive: (time: number) => boolean;\n isNow: (time: number) => boolean;\n isDisabled: (time: number) => boolean;\n timeSpan: readonly number[];\n}\n\nexport function getFocusableTime(props: FocusableTimeProps): number | undefined {\n return (\n props.timeSpan.find((time: number) => props.isActive(time)) ||\n props.timeSpan.find((time: number) => props.isNow(time) && !props.isDisabled(time)) ||\n props.timeSpan.find((time: number) => !props.isDisabled(time))\n );\n}\n"],"names":["getFocusableTime","props","timeSpan","find","time","isActive","isNow","isDisabled"],"mappings":"AAOM,SAAUA,gBAAgBA,CAACC,KAAyB,EAAA;EACxD,OACEA,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAEC,IAAY,IAAKH,KAAK,CAACI,QAAQ,CAACD,IAAI,CAAC,CAAC,IAC3DH,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAEC,IAAY,IAAKH,KAAK,CAACK,KAAK,CAACF,IAAI,CAAC,IAAI,CAACH,KAAK,CAACM,UAAU,CAACH,IAAI,CAAC,CAAC,IACnFH,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAEC,IAAY,IAAK,CAACH,KAAK,CAACM,UAAU,CAACH,IAAI,CAAC,CAAC;AAElE;;;;"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getStartOfDay.js","sources":["../../../src/calendarInput/getStartOfDay/getStartOfDay.tsx"],"sourcesContent":["// NB! Using with UTC timestamp (YYYY-MM-DD) might lead to unexpected results, for example\n// getStartOfDay(new Date('1995-01-01')) in Los Angeles returns 31 Dec 1994, but in\n// in Singapore it is 1 Jan 1995.\n// You might want to use/implement `getUTCStartOfDay` if you want it to be 1995 in any timezone\nexport function getStartOfDay(date: Date | null) {\n if (!date) {\n return null;\n }\n return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n"],"names":["getStartOfDay","date","Date","getFullYear","getMonth","getDate"],"mappings":";;AAAA;AACA;AACA;AACA;AACM,SAAUA,aAAaA,CAACC,IAAiB,EAAA;EAC7C,IAAI,CAACA,IAAI,EAAE;AACT,IAAA,OAAO,IAAI;AACb,EAAA;EACA,OAAO,IAAIC,IAAI,CAACD,IAAI,CAACE,WAAW,EAAE,EAAEF,IAAI,CAACG,QAAQ,EAAE,EAAEH,IAAI,CAACI,OAAO,EAAE,CAAC;AACtE;;;;"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getStartOfDay.mjs","sources":["../../../src/calendarInput/getStartOfDay/getStartOfDay.tsx"],"sourcesContent":["// NB! Using with UTC timestamp (YYYY-MM-DD) might lead to unexpected results, for example\n// getStartOfDay(new Date('1995-01-01')) in Los Angeles returns 31 Dec 1994, but in\n// in Singapore it is 1 Jan 1995.\n// You might want to use/implement `getUTCStartOfDay` if you want it to be 1995 in any timezone\nexport function getStartOfDay(date: Date | null) {\n if (!date) {\n return null;\n }\n return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n"],"names":["getStartOfDay","date","Date","getFullYear","getMonth","getDate"],"mappings":"AAAA;AACA;AACA;AACA;AACM,SAAUA,aAAaA,CAACC,IAAiB,EAAA;EAC7C,IAAI,CAACA,IAAI,EAAE;AACT,IAAA,OAAO,IAAI;AACb,EAAA;EACA,OAAO,IAAIC,IAAI,CAACD,IAAI,CAACE,WAAW,EAAE,EAAEF,IAAI,CAACG,QAAQ,EAAE,EAAEH,IAAI,CAACI,OAAO,EAAE,CAAC;AACtE;;;;"}
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var formatting = require('@transferwise/formatting');
6
6
  var React = require('react');
7
7
  var reactIntl = require('react-intl');
8
- var DateLookup_messages = require('../DateLookup.messages.js');
8
+ var CalendarInput_messages = require('../CalendarInput.messages.js');
9
9
  var DateHeader = require('../dateHeader/DateHeader.js');
10
10
  var MonthCalendarTable = require('./table/MonthCalendarTable.js');
11
11
  var jsxRuntime = require('react/jsx-runtime');
@@ -42,7 +42,7 @@ let MonthCalendar$1 = class MonthCalendar extends React.PureComponent {
42
42
  } = this.props;
43
43
  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
44
44
  children: [/*#__PURE__*/jsxRuntime.jsx(DateHeader.default, {
45
- dateMode: formatMessage(DateLookup_messages.default.year),
45
+ dateMode: formatMessage(CalendarInput_messages.default.year),
46
46
  label: formatting.formatDate(new Date(viewYear, 0), locale, {
47
47
  year: 'numeric'
48
48
  }),