@govtechsg/sgds-web-component 3.24.0 → 3.24.1-rc.1
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.
- package/components/ComboBox/index.umd.min.js +1 -1
- package/components/Datepicker/datepicker-calendar.js +4 -4
- package/components/Datepicker/datepicker-calendar.js.map +1 -1
- package/components/Datepicker/datepicker-header.js +2 -2
- package/components/Datepicker/datepicker-header.js.map +1 -1
- package/components/Datepicker/datepicker-input.js +13 -48
- package/components/Datepicker/datepicker-input.js.map +1 -1
- package/components/Datepicker/index.umd.min.js +335 -335
- package/components/Datepicker/index.umd.min.js.map +1 -1
- package/components/Datepicker/sgds-datepicker.js +6 -6
- package/components/Datepicker/sgds-datepicker.js.map +1 -1
- package/components/Input/index.umd.min.js +2 -2
- package/components/Input/index.umd.min.js.map +1 -1
- package/components/Input/input.js +1 -1
- package/components/QuantityToggle/index.umd.min.js +1 -1
- package/components/QuantityToggle/index.umd.min.js.map +1 -1
- package/components/Select/index.umd.min.js +1 -1
- package/components/Tab/index.umd.min.js +1 -1
- package/components/Tab/index.umd.min.js.map +1 -1
- package/components/Tab/tab-panel.js +1 -1
- package/components/Textarea/index.umd.min.js +1 -1
- package/components/index.umd.min.js +423 -423
- package/components/index.umd.min.js.map +1 -1
- package/css/fouc.css +1 -1
- package/custom-elements.json +893 -893
- package/index.umd.min.js +467 -467
- package/index.umd.min.js.map +1 -1
- package/package.json +1 -3
- package/react/components/Datepicker/datepicker-calendar.cjs.js +4 -4
- package/react/components/Datepicker/datepicker-calendar.cjs.js.map +1 -1
- package/react/components/Datepicker/datepicker-calendar.js +4 -4
- package/react/components/Datepicker/datepicker-calendar.js.map +1 -1
- package/react/components/Datepicker/datepicker-header.cjs.js +2 -2
- package/react/components/Datepicker/datepicker-header.cjs.js.map +1 -1
- package/react/components/Datepicker/datepicker-header.js +2 -2
- package/react/components/Datepicker/datepicker-header.js.map +1 -1
- package/react/components/Datepicker/datepicker-input.cjs.js +13 -52
- package/react/components/Datepicker/datepicker-input.cjs.js.map +1 -1
- package/react/components/Datepicker/datepicker-input.js +13 -48
- package/react/components/Datepicker/datepicker-input.js.map +1 -1
- package/react/components/Datepicker/sgds-datepicker.cjs.js +6 -6
- package/react/components/Datepicker/sgds-datepicker.cjs.js.map +1 -1
- package/react/components/Datepicker/sgds-datepicker.js +6 -6
- package/react/components/Datepicker/sgds-datepicker.js.map +1 -1
- package/react/components/Input/input.cjs.js +1 -1
- package/react/components/Input/input.js +1 -1
- package/react/components/Tab/tab-panel.cjs.js +1 -1
- package/react/components/Tab/tab-panel.js +1 -1
- package/react/index.cjs.js +4 -4
- package/react/index.d.ts +1 -1
- package/react/index.js +1 -1
- package/react/styles/form-text-control.cjs.js +1 -1
- package/react/styles/form-text-control.js +1 -1
- package/react/utils/date-helpers.cjs.js +120 -0
- package/react/utils/date-helpers.cjs.js.map +1 -0
- package/react/utils/date-helpers.js +108 -0
- package/react/utils/date-helpers.js.map +1 -0
- package/react/utils/date-mask.cjs.js +203 -0
- package/react/utils/date-mask.cjs.js.map +1 -0
- package/react/utils/date-mask.js +199 -0
- package/react/utils/date-mask.js.map +1 -0
- package/react/utils/time.cjs.js +7 -7
- package/react/utils/time.cjs.js.map +1 -1
- package/react/utils/time.js +1 -1
- package/react/utils/time.js.map +1 -1
- package/styles/form-text-control.js +1 -1
- package/types/react.d.ts +23 -23
- package/utils/date-helpers.d.ts +22 -0
- package/utils/date-helpers.js +107 -0
- package/utils/date-helpers.js.map +1 -0
- package/utils/date-mask.d.ts +44 -0
- package/utils/date-mask.js +198 -0
- package/utils/date-mask.js.map +1 -0
- package/utils/time.js +1 -1
- package/utils/time.js.map +1 -1
|
@@ -0,0 +1,198 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Lightweight date input mask replacing imask.
|
|
3
|
+
* Handles digit-only input with placeholder display for date formats.
|
|
4
|
+
*/
|
|
5
|
+
class DateMask {
|
|
6
|
+
constructor(input, options) {
|
|
7
|
+
this.listeners = new Map();
|
|
8
|
+
this.input = input;
|
|
9
|
+
this.placeholderStr = this._buildPlaceholder(options.pattern);
|
|
10
|
+
this._state = this.placeholderStr;
|
|
11
|
+
this.listeners.set("accept", []);
|
|
12
|
+
this.listeners.set("complete", []);
|
|
13
|
+
const masked = { value: "", isComplete: false };
|
|
14
|
+
Object.defineProperties(masked, {
|
|
15
|
+
value: { get: () => this._state, enumerable: true },
|
|
16
|
+
isComplete: { get: () => this._state.length > 0 && !/[DMY]/.test(this._state), enumerable: true }
|
|
17
|
+
});
|
|
18
|
+
this.masked = masked;
|
|
19
|
+
// If input already has a value that looks like a filled date, use it
|
|
20
|
+
if (this.input.value && this.input.value.length === this._state.length && !/[DMY]/.test(this.input.value)) {
|
|
21
|
+
this._state = this.input.value;
|
|
22
|
+
}
|
|
23
|
+
else {
|
|
24
|
+
this.input.value = this._state;
|
|
25
|
+
}
|
|
26
|
+
this._boundHandleBeforeInput = this._handleBeforeInput.bind(this);
|
|
27
|
+
this._boundHandleInput = this._handleInput.bind(this);
|
|
28
|
+
this._boundHandleKeydown = this._handleKeydown.bind(this);
|
|
29
|
+
this._boundHandleFocus = this._handleFocus.bind(this);
|
|
30
|
+
this._boundHandleBlur = this._handleBlur.bind(this);
|
|
31
|
+
this._valueAtFocus = this._state;
|
|
32
|
+
this.input.addEventListener("beforeinput", this._boundHandleBeforeInput);
|
|
33
|
+
this.input.addEventListener("input", this._boundHandleInput);
|
|
34
|
+
this.input.addEventListener("keydown", this._boundHandleKeydown);
|
|
35
|
+
this.input.addEventListener("focus", this._boundHandleFocus);
|
|
36
|
+
this.input.addEventListener("blur", this._boundHandleBlur);
|
|
37
|
+
}
|
|
38
|
+
get value() {
|
|
39
|
+
return this._state;
|
|
40
|
+
}
|
|
41
|
+
set value(val) {
|
|
42
|
+
if (!val || val === "") {
|
|
43
|
+
this._state = this.placeholderStr;
|
|
44
|
+
}
|
|
45
|
+
else {
|
|
46
|
+
this._state = val;
|
|
47
|
+
}
|
|
48
|
+
this.input.value = this._state;
|
|
49
|
+
this._emit("accept");
|
|
50
|
+
}
|
|
51
|
+
on(event, handler) {
|
|
52
|
+
var _a;
|
|
53
|
+
(_a = this.listeners.get(event)) === null || _a === void 0 ? void 0 : _a.push(handler);
|
|
54
|
+
}
|
|
55
|
+
updateValue() {
|
|
56
|
+
// Sync state from input (used when value set externally on input)
|
|
57
|
+
this._state = this.input.value;
|
|
58
|
+
}
|
|
59
|
+
destroy() {
|
|
60
|
+
this.input.removeEventListener("beforeinput", this._boundHandleBeforeInput);
|
|
61
|
+
this.input.removeEventListener("input", this._boundHandleInput);
|
|
62
|
+
this.input.removeEventListener("keydown", this._boundHandleKeydown);
|
|
63
|
+
this.input.removeEventListener("focus", this._boundHandleFocus);
|
|
64
|
+
this.input.removeEventListener("blur", this._boundHandleBlur);
|
|
65
|
+
this.listeners.clear();
|
|
66
|
+
}
|
|
67
|
+
_handleFocus() {
|
|
68
|
+
this._valueAtFocus = this._state;
|
|
69
|
+
}
|
|
70
|
+
_handleBlur() {
|
|
71
|
+
// Dispatch native change event if value changed during this focus session
|
|
72
|
+
if (this._state !== this._valueAtFocus) {
|
|
73
|
+
this.input.dispatchEvent(new Event("change", { bubbles: true }));
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
_buildPlaceholder(pattern) {
|
|
77
|
+
return pattern
|
|
78
|
+
.replace(/`/g, "")
|
|
79
|
+
.replace(/\{(\/)\}/g, "$1")
|
|
80
|
+
.replace(/d/g, "D")
|
|
81
|
+
.replace(/m/g, "M")
|
|
82
|
+
.replace(/y/g, "Y");
|
|
83
|
+
}
|
|
84
|
+
_getDigitPositions() {
|
|
85
|
+
const positions = [];
|
|
86
|
+
for (let i = 0; i < this.placeholderStr.length; i++) {
|
|
87
|
+
const ch = this.placeholderStr[i];
|
|
88
|
+
if (ch === "D" || ch === "M" || ch === "Y") {
|
|
89
|
+
positions.push(i);
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
return positions;
|
|
93
|
+
}
|
|
94
|
+
_handleBeforeInput(e) {
|
|
95
|
+
// Prevent browser's default text handling — we handle everything in keydown
|
|
96
|
+
e.preventDefault();
|
|
97
|
+
}
|
|
98
|
+
_handleInput() {
|
|
99
|
+
// If browser still modified the value (some edge cases), restore our state
|
|
100
|
+
if (this.input.value !== this._state) {
|
|
101
|
+
this.input.value = this._state;
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
_handleKeydown(e) {
|
|
105
|
+
if (e.key === "Backspace") {
|
|
106
|
+
e.preventDefault();
|
|
107
|
+
this._backspace();
|
|
108
|
+
}
|
|
109
|
+
else if (e.key === "Delete") {
|
|
110
|
+
e.preventDefault();
|
|
111
|
+
this._deleteForward();
|
|
112
|
+
}
|
|
113
|
+
else if (e.key.length === 1 && /\d/.test(e.key)) {
|
|
114
|
+
e.preventDefault();
|
|
115
|
+
this._insertDigit(e.key);
|
|
116
|
+
}
|
|
117
|
+
// Arrow keys: let browser handle cursor movement naturally
|
|
118
|
+
}
|
|
119
|
+
_insertDigit(digit) {
|
|
120
|
+
const digitPositions = this._getDigitPositions();
|
|
121
|
+
const currentVal = this._state.split("");
|
|
122
|
+
// Find the first unfilled placeholder position
|
|
123
|
+
let insertPos = -1;
|
|
124
|
+
for (const pos of digitPositions) {
|
|
125
|
+
if (/[DMY]/.test(currentVal[pos])) {
|
|
126
|
+
insertPos = pos;
|
|
127
|
+
break;
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
if (insertPos === -1) {
|
|
131
|
+
// All filled — no room
|
|
132
|
+
return;
|
|
133
|
+
}
|
|
134
|
+
currentVal[insertPos] = digit;
|
|
135
|
+
this._state = currentVal.join("");
|
|
136
|
+
this.input.value = this._state;
|
|
137
|
+
// Move cursor after the inserted digit
|
|
138
|
+
const nextPos = this._findNextInputPos(insertPos);
|
|
139
|
+
this.input.setSelectionRange(nextPos, nextPos);
|
|
140
|
+
this._emit("accept");
|
|
141
|
+
if (this.masked.isComplete) {
|
|
142
|
+
this._emit("complete");
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
_backspace() {
|
|
146
|
+
var _a;
|
|
147
|
+
const pos = (_a = this.input.selectionStart) !== null && _a !== void 0 ? _a : this._state.length;
|
|
148
|
+
const val = this._state.split("");
|
|
149
|
+
// Find previous digit position from cursor
|
|
150
|
+
let targetPos = pos - 1;
|
|
151
|
+
while (targetPos >= 0 && !/\d/.test(val[targetPos])) {
|
|
152
|
+
targetPos--;
|
|
153
|
+
}
|
|
154
|
+
if (targetPos >= 0) {
|
|
155
|
+
val[targetPos] = this.placeholderStr[targetPos];
|
|
156
|
+
this._state = val.join("");
|
|
157
|
+
this.input.value = this._state;
|
|
158
|
+
this.input.setSelectionRange(targetPos, targetPos);
|
|
159
|
+
this._emit("accept");
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
_deleteForward() {
|
|
163
|
+
var _a;
|
|
164
|
+
const pos = (_a = this.input.selectionStart) !== null && _a !== void 0 ? _a : 0;
|
|
165
|
+
const val = this._state.split("");
|
|
166
|
+
let targetPos = pos;
|
|
167
|
+
while (targetPos < val.length && !/\d/.test(val[targetPos])) {
|
|
168
|
+
targetPos++;
|
|
169
|
+
}
|
|
170
|
+
if (targetPos < val.length) {
|
|
171
|
+
val[targetPos] = this.placeholderStr[targetPos];
|
|
172
|
+
this._state = val.join("");
|
|
173
|
+
this.input.value = this._state;
|
|
174
|
+
this.input.setSelectionRange(pos, pos);
|
|
175
|
+
this._emit("accept");
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
_findNextInputPos(pos) {
|
|
179
|
+
for (let i = pos + 1; i < this._state.length; i++) {
|
|
180
|
+
if (/[DMY]/.test(this._state[i])) {
|
|
181
|
+
return i;
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
// If no more placeholders, place cursor at end
|
|
185
|
+
return this._state.length;
|
|
186
|
+
}
|
|
187
|
+
_emit(event) {
|
|
188
|
+
const handlers = this.listeners.get(event);
|
|
189
|
+
if (handlers) {
|
|
190
|
+
for (const handler of handlers) {
|
|
191
|
+
handler();
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
export { DateMask };
|
|
198
|
+
//# sourceMappingURL=date-mask.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-mask.js","sources":["../../src/utils/date-mask.ts"],"sourcesContent":["/**\n * Lightweight date input mask replacing imask.\n * Handles digit-only input with placeholder display for date formats.\n */\n\ntype MaskEventType = \"accept\" | \"complete\";\ntype MaskEventHandler = () => void;\n\nexport class DateMask {\n private input: HTMLInputElement;\n private placeholderStr: string;\n private _state: string; // tracks the current masked value\n private listeners: Map<MaskEventType, MaskEventHandler[]> = new Map();\n private _boundHandleBeforeInput: (e: InputEvent) => void;\n private _boundHandleInput: (e: InputEvent) => void;\n private _boundHandleKeydown: (e: KeyboardEvent) => void;\n private _boundHandleFocus: () => void;\n private _boundHandleBlur: () => void;\n private _valueAtFocus: string;\n\n public masked: { value: string; isComplete: boolean };\n\n constructor(input: HTMLInputElement, options: DateMaskOptions) {\n this.input = input;\n this.placeholderStr = this._buildPlaceholder(options.pattern);\n this._state = this.placeholderStr;\n this.listeners.set(\"accept\", []);\n this.listeners.set(\"complete\", []);\n\n const masked = { value: \"\", isComplete: false };\n Object.defineProperties(masked, {\n value: { get: () => this._state, enumerable: true },\n isComplete: { get: () => this._state.length > 0 && !/[DMY]/.test(this._state), enumerable: true }\n });\n this.masked = masked;\n\n // If input already has a value that looks like a filled date, use it\n if (this.input.value && this.input.value.length === this._state.length && !/[DMY]/.test(this.input.value)) {\n this._state = this.input.value;\n } else {\n this.input.value = this._state;\n }\n\n this._boundHandleBeforeInput = this._handleBeforeInput.bind(this);\n this._boundHandleInput = this._handleInput.bind(this);\n this._boundHandleKeydown = this._handleKeydown.bind(this);\n this._boundHandleFocus = this._handleFocus.bind(this);\n this._boundHandleBlur = this._handleBlur.bind(this);\n this._valueAtFocus = this._state;\n\n this.input.addEventListener(\"beforeinput\", this._boundHandleBeforeInput);\n this.input.addEventListener(\"input\", this._boundHandleInput);\n this.input.addEventListener(\"keydown\", this._boundHandleKeydown);\n this.input.addEventListener(\"focus\", this._boundHandleFocus);\n this.input.addEventListener(\"blur\", this._boundHandleBlur);\n }\n\n get value(): string {\n return this._state;\n }\n\n set value(val: string) {\n if (!val || val === \"\") {\n this._state = this.placeholderStr;\n } else {\n this._state = val;\n }\n this.input.value = this._state;\n this._emit(\"accept\");\n }\n\n on(event: MaskEventType, handler: MaskEventHandler): void {\n this.listeners.get(event)?.push(handler);\n }\n\n updateValue(): void {\n // Sync state from input (used when value set externally on input)\n this._state = this.input.value;\n }\n\n destroy(): void {\n this.input.removeEventListener(\"beforeinput\", this._boundHandleBeforeInput);\n this.input.removeEventListener(\"input\", this._boundHandleInput);\n this.input.removeEventListener(\"keydown\", this._boundHandleKeydown);\n this.input.removeEventListener(\"focus\", this._boundHandleFocus);\n this.input.removeEventListener(\"blur\", this._boundHandleBlur);\n this.listeners.clear();\n }\n\n private _handleFocus(): void {\n this._valueAtFocus = this._state;\n }\n\n private _handleBlur(): void {\n // Dispatch native change event if value changed during this focus session\n if (this._state !== this._valueAtFocus) {\n this.input.dispatchEvent(new Event(\"change\", { bubbles: true }));\n }\n }\n\n private _buildPlaceholder(pattern: string): string {\n return pattern\n .replace(/`/g, \"\")\n .replace(/\\{(\\/)\\}/g, \"$1\")\n .replace(/d/g, \"D\")\n .replace(/m/g, \"M\")\n .replace(/y/g, \"Y\");\n }\n\n private _getDigitPositions(): number[] {\n const positions: number[] = [];\n for (let i = 0; i < this.placeholderStr.length; i++) {\n const ch = this.placeholderStr[i];\n if (ch === \"D\" || ch === \"M\" || ch === \"Y\") {\n positions.push(i);\n }\n }\n return positions;\n }\n\n private _handleBeforeInput(e: InputEvent): void {\n // Prevent browser's default text handling — we handle everything in keydown\n e.preventDefault();\n }\n\n private _handleInput(): void {\n // If browser still modified the value (some edge cases), restore our state\n if (this.input.value !== this._state) {\n this.input.value = this._state;\n }\n }\n\n private _handleKeydown(e: KeyboardEvent): void {\n if (e.key === \"Backspace\") {\n e.preventDefault();\n this._backspace();\n } else if (e.key === \"Delete\") {\n e.preventDefault();\n this._deleteForward();\n } else if (e.key.length === 1 && /\\d/.test(e.key)) {\n e.preventDefault();\n this._insertDigit(e.key);\n }\n // Arrow keys: let browser handle cursor movement naturally\n }\n\n private _insertDigit(digit: string): void {\n const digitPositions = this._getDigitPositions();\n const currentVal = this._state.split(\"\");\n\n // Find the first unfilled placeholder position\n let insertPos = -1;\n for (const pos of digitPositions) {\n if (/[DMY]/.test(currentVal[pos])) {\n insertPos = pos;\n break;\n }\n }\n\n if (insertPos === -1) {\n // All filled — no room\n return;\n }\n\n currentVal[insertPos] = digit;\n this._state = currentVal.join(\"\");\n this.input.value = this._state;\n\n // Move cursor after the inserted digit\n const nextPos = this._findNextInputPos(insertPos);\n this.input.setSelectionRange(nextPos, nextPos);\n\n this._emit(\"accept\");\n\n if (this.masked.isComplete) {\n this._emit(\"complete\");\n }\n }\n\n private _backspace(): void {\n const pos = this.input.selectionStart ?? this._state.length;\n const val = this._state.split(\"\");\n\n // Find previous digit position from cursor\n let targetPos = pos - 1;\n while (targetPos >= 0 && !/\\d/.test(val[targetPos])) {\n targetPos--;\n }\n\n if (targetPos >= 0) {\n val[targetPos] = this.placeholderStr[targetPos];\n this._state = val.join(\"\");\n this.input.value = this._state;\n this.input.setSelectionRange(targetPos, targetPos);\n this._emit(\"accept\");\n }\n }\n\n private _deleteForward(): void {\n const pos = this.input.selectionStart ?? 0;\n const val = this._state.split(\"\");\n\n let targetPos = pos;\n while (targetPos < val.length && !/\\d/.test(val[targetPos])) {\n targetPos++;\n }\n\n if (targetPos < val.length) {\n val[targetPos] = this.placeholderStr[targetPos];\n this._state = val.join(\"\");\n this.input.value = this._state;\n this.input.setSelectionRange(pos, pos);\n this._emit(\"accept\");\n }\n }\n\n private _findNextInputPos(pos: number): number {\n for (let i = pos + 1; i < this._state.length; i++) {\n if (/[DMY]/.test(this._state[i])) {\n return i;\n }\n }\n // If no more placeholders, place cursor at end\n return this._state.length;\n }\n\n private _emit(event: MaskEventType): void {\n const handlers = this.listeners.get(event);\n if (handlers) {\n for (const handler of handlers) {\n handler();\n }\n }\n }\n}\n\nexport interface DateMaskOptions {\n pattern: string;\n}\n"],"names":[],"mappings":"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"}
|
package/utils/time.js
CHANGED
package/utils/time.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time.js","sources":["../../src/utils/time.ts"],"sourcesContent":["import { getDaysInMonth, isLastDayOfMonth, lastDayOfMonth } from \"date-
|
|
1
|
+
{"version":3,"file":"time.js","sources":["../../src/utils/time.ts"],"sourcesContent":["import { getDaysInMonth, isLastDayOfMonth, lastDayOfMonth } from \"./date-helpers\";\n\nexport const DATE_PATTERNS = {\n \"DD/MM/YYYY\": {\n imPattern: \"`dd{/}`mm{/}`yyyy\",\n imRangePattern: \"`dd{/}`mm{/}`yyyy - `DD{/}`MM{/}`YYYY\",\n fnsPattern: \"dd/MM/yyyy\"\n },\n \"MM/DD/YYYY\": {\n imPattern: \"`mm{/}`dd{/}`yyyy\",\n imRangePattern: \"`mm{/}`dd{/}`yyyy - `MM{/}`DD{/}`YYYY\",\n fnsPattern: \"MM/dd/yyyy\"\n },\n \"YYYY/MM/DD\": {\n imPattern: \"`yyyy{/}`mm{/}`dd\",\n imRangePattern: \"`yyyy{/}`mm{/}`dd - `YYYY{/}`MM{/}`DD\",\n fnsPattern: \"yyyy/MM/dd\"\n }\n};\n\n/**\n * @description - creates calendar's year view years array with context of\n * datepicker's displayDate and current year\n * Fixes current year to the start of array\n */\nexport const createYearViewArray = (displayDate: Date, currentYear: number) => {\n // keeping the year range position to be always fixed by setting current year to the first element of the calendar\n const displayYear = displayDate.getFullYear();\n const remainder = (displayYear - currentYear) % 12;\n const yearsPosition = remainder < 0 ? 12 + remainder : remainder;\n\n const yearArray = [];\n const startLimit = displayYear - yearsPosition;\n const endLimit = displayYear - yearsPosition + 12 - 1; // -1 to match the index of the years (index starts from 0)\n\n for (let i = startLimit; i < endLimit + 1; i++) {\n yearArray.push(i);\n }\n\n return yearArray;\n};\nexport const sanitizedNextMonth = (d: Date) => {\n const month = d.getMonth();\n const year = d.getFullYear();\n const date = d.getDate();\n const nextMonthDate = new Date(year, month + 1);\n const numberOfDaysNextMonth = getDaysInMonth(nextMonthDate);\n\n if (isLastDayOfMonth(d) && numberOfDaysNextMonth < date) {\n return lastDayOfMonth(nextMonthDate);\n } else {\n return new Date(year, month + 1, date);\n }\n};\nexport const sanitizedPreviousMonth = (d: Date) => {\n const month = d.getMonth();\n const year = d.getFullYear();\n const date = d.getDate();\n const prevMonthDate = new Date(year, month - 1);\n const numberOfDaysPrevMonth = getDaysInMonth(prevMonthDate);\n if (isLastDayOfMonth(d) && numberOfDaysPrevMonth < date) {\n return lastDayOfMonth(prevMonthDate);\n } else {\n return new Date(year, month - 1, date);\n }\n};\nexport const setTimeToNoon = (date: Date): Date => {\n const newDate = new Date(date);\n newDate.setHours(12);\n newDate.setMinutes(0);\n newDate.setSeconds(0);\n newDate.setMilliseconds(0);\n return newDate;\n};\n\nexport const sortAscDates = (dates: Date[]) => {\n return dates.sort((a, b) => a.getTime() - b.getTime());\n};\n"],"names":[],"mappings":"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"}
|