inviton-powerduck 0.0.121 → 0.0.123

package/components/container-with-breakpoints/ts/breakpoint-handler.ts

@@ -1,24 +1,32 @@
 import { arrayRemove } from '../../../common/utils/array-remove';
-import MemoryCache from '../../memory-cache';
+
+if ((window as any).__powerduckBreakpointHandler == null) {
+	(window as any).__powerduckBreakpointHandler = {
+		_breakpointsBound: false,
+		_handlers: [],
+	};
+}
 
 export class BreakpointHandler {
-	private static _handlers: any[] = [];
+	private static get handlers() {
+		return (window as any).__powerduckBreakpointHandler._handlers;
+	}
 
 	static addResizeHandler(handler: () => any) {
 		BreakpointHandler.bindResizeHandler();
-		BreakpointHandler._handlers.push(handler);
+		BreakpointHandler.handlers.push(handler);
 	}
 
 	static removeResizeHandler(handler: () => any) {
-		arrayRemove(BreakpointHandler._handlers, handler);
+		arrayRemove(BreakpointHandler.handlers, handler);
 	}
 
 	static bindResizeHandler() {
-		if (MemoryCache.default.getItem<boolean>('breakpointsBound') == true) {
+		if ((window as any).__powerduckBreakpointHandler._breakpointsBound == true) {
 			return;
 		}
 
-		MemoryCache.default.setItem<boolean>('breakpointsBound', true);
+		(window as any).__powerduckBreakpointHandler._breakpointsBound = true;
 		window.addEventListener('resize', BreakpointHandler.onWindowHasResized);
 		BreakpointHandler.onWindowHasResized();
 	}
@@ -57,7 +65,7 @@ export class BreakpointHandler {
 	}
 
 	private static onWindowHasResized() {
-		for (const handler of BreakpointHandler._handlers) {
+		for (const handler of BreakpointHandler.handlers) {
 			try {
 				handler();
 			} catch (error) {

package/components/input/daterange-picker.tsx

@@ -59,7 +59,7 @@ export interface DaterangeChangedArgs {
 	endTime: DateWrapper;
 }
 
-const DATE_FORMAT_FOR_RANGE_PICKER = (function () {
+const DATE_FORMAT_FOR_RANGE_PICKER = (() => {
 	const dummyDate = new Date(Date.UTC(
 		2022,
 		11,
@@ -488,6 +488,18 @@ class DaterangePickerComponent extends TsxComponent<DaterangePickerArgs> impleme
 		});
 	}
 
+	shouldAddModalClick() {
+		if (!PortalUtils.treatAsMobileDevice()) {
+			return false;
+		}
+
+		if (this.calendarPlacement == 'input-container-leftalign' || this.calendarPlacement == 'input-container-rightalign') {
+			return false;
+		}
+
+		return true;
+	}
+
 	clearValue() {
 		this._startDate = null;
 		this._endDate = null;
@@ -500,8 +512,9 @@ class DaterangePickerComponent extends TsxComponent<DaterangePickerArgs> impleme
 	render(h) {
 		return (
 			<FormItemWrapper label={this.label} cssClass={this.getCssClass()} mandatory={this.mandatory} wrap={this.wrap} appendIcon={this.appendIcon} prependIcon={this.prependIcon} hint={this.hint} marginType={this.marginType} appendClicked={this.appendClicked} prependClicked={this.prependClicked} prependIconClicked={this.prependIconClicked} appendIconClicked={this.appendIconClicked} validationState={this.validationState} labelButtons={this.labelButtons} subtitle={this.subtitle}>
-				{PortalUtils.treatAsMobileDevice()
-					&& <div class="pd-daterange-picker-modalclick" onClick={(e) => { this.handleModalOpenClick(e); }}></div>}
+				{this.shouldAddModalClick()
+				&& <div class="pd-daterange-picker-modalclick" onClick={(e) => { this.handleModalOpenClick(e); }}></div>}
+
 				<div style="position: relative; display: flex; align-items: center;">
 					{' '}
 					{/* Added a wrapper for input and clear button */}

package/components/input/plugins/daterangepicker/jquery.daterangepicker.ts

@@ -337,20 +337,15 @@ import './daterangepicker.css';
 				selectBackward: false,
 				applyBtnClass: '',
 				singleMonth: 'auto',
-				hoveringTooltip(
+				hoveringTooltip: (
 					days,
 					startTime,
 					hoveringTime,
-				) {
-					return days > 1 ? `${days} ${translate('days')}` : '';
-				},
+				) => days > 1 ? `${days} ${translate('days')}` : '',
 				showTopbar: true,
 				swapTime: false,
 				showWeekNumbers: false,
-				getWeekNumber(date) // date will be the first day of a week
-				{
-					return DateUtils.getWeekNumber(date);
-				},
+				getWeekNumber: date => DateUtils.getWeekNumber(date),
 				customOpenAnimation: null,
 				customCloseAnimation: null,
 				customArrowPrevSymbol: null,
@@ -434,11 +429,11 @@ import './daterangepicker.css';
 				);
 				return this;
 			},
-			setDateRange(
+			setDateRange: (
 				d1,
 				d2,
 				silent,
-			) {
+			) => {
 				if (typeof d1 == 'string' && typeof d2 == 'string') {
 					d1 = DateUtils.getDateWrapperFromFormat(d1, opt.format);
 					d2 = DateUtils.getDateWrapperFromFormat(d2, opt.format);
@@ -457,7 +452,7 @@ import './daterangepicker.css';
 			redraw: redrawDatePicker,
 			getDatePicker,
 			resetMonthsView,
-			destroy() {
+			destroy: () => {
 				$(self).unbind('.datepicker');
 				$(self).data('dateRangePicker', '');
 				$(self).data('date-picker-opened', null);
@@ -471,22 +466,16 @@ import './daterangepicker.css';
 
 		return this;
 
-		function isModalDisplayMode() {
-			return (box != null && box.hasClass('date-range-picker-modalmode')) || $(window).width() <= 992;
-		}
+		const isModalDisplayMode = () => (box != null && box.hasClass('date-range-picker-modalmode')) || $(window).width() <= 992;
 
-		function IsOwnDatePickerClicked(evt, selfObj) {
-			return (selfObj.contains(evt.target) || evt.target == selfObj || (selfObj.childNodes != undefined && $.inArray(evt.target, selfObj.childNodes) >= 0));
-		}
+		const IsOwnDatePickerClicked = (evt, selfObj) => selfObj.contains(evt.target) || evt.target == selfObj || (selfObj.childNodes != undefined && $.inArray(evt.target, selfObj.childNodes) >= 0);
 
-		function ensurePickerOpen() {
+		const ensurePickerOpen = () => {
 			const isOpen = box.is(':visible');
 			if (!isOpen) { open(opt.duration); }
-		}
+		};
 
-		function isPlacedInBody() {
-			return (opt.calendarPlacement == 'body' || opt.calendarPlacement == null);
-		}
+		const isPlacedInBody = () => opt.calendarPlacement == 'body' || opt.calendarPlacement == null;
 
 		function init_datepicker(this: any) {
 			const self = this;
@@ -567,7 +556,7 @@ import './daterangepicker.css';
 				if (!opt.stickyMonths) { gotoNextMonth(this); } else { gotoNextMonth_stickily(this); }
 			});
 
-			function gotoNextMonth(self) {
+			const gotoNextMonth = (self) => {
 				const isMonth2 = $(self).parents('table').hasClass('month2');
 				let month = isMonth2 ? opt.month2 : opt.month1;
 				month = nextMonth(month);
@@ -586,9 +575,9 @@ import './daterangepicker.css';
 				}
 
 				showGap();
-			}
+			};
 
-			function gotoNextMonth_stickily(self) {
+			const gotoNextMonth_stickily = (self) => {
 				const nextMonth1 = nextMonth(opt.month1);
 				const nextMonth2 = nextMonth(opt.month2);
 				if (isMonthOutOfBounds(nextMonth2)) { return; }
@@ -598,13 +587,13 @@ import './daterangepicker.css';
 				showMonth(nextMonth1, 'month1');
 				showMonth(nextMonth2, 'month2');
 				showSelectedDays();
-			}
+			};
 
 			box.find('.prev').click(function (this: any) {
 				if (!opt.stickyMonths) { gotoPrevMonth(this); } else { gotoPrevMonth_stickily(this); }
 			});
 
-			function gotoPrevMonth(self) {
+			const gotoPrevMonth = (self) => {
 				const isMonth2 = $(self).parents('table').hasClass('month2');
 				let month = isMonth2 ? opt.month2 : opt.month1;
 				month = prevMonth(month);
@@ -623,9 +612,9 @@ import './daterangepicker.css';
 				}
 
 				showGap();
-			}
+			};
 
-			function gotoPrevMonth_stickily(self) {
+			const gotoPrevMonth_stickily = (self) => {
 				const prevMonth1 = prevMonth(opt.month1);
 				const prevMonth2 = prevMonth(opt.month2);
 				if (isMonthOutOfBounds(prevMonth1)) { return; }
@@ -635,7 +624,7 @@ import './daterangepicker.css';
 				showMonth(prevMonth2, 'month2');
 				showMonth(prevMonth1, 'month1');
 				showSelectedDays();
-			}
+			};
 
 			box.attr('unselectable', 'on')
 				.css('user-select', 'none')
@@ -760,7 +749,7 @@ import './daterangepicker.css';
 			});
 		}
 
-		function calcPosition() {
+		const calcPosition = () => {
 			if (isPlacedInBody()) {
 				const offset = $(self).offset();
 				if (opt.leftOffset != null) {
@@ -824,22 +813,22 @@ import './daterangepicker.css';
 					box.find('.time1').insertBefore(box.find('.time2'));
 				}
 			}
-		}
+		};
 
-		function setModalDisplayMode() {
+		const setModalDisplayMode = () => {
 			if (!box.hasClass('date-range-picker-modalmode')) {
 				box.addClass('date-range-picker-modalmode');
 			}
-		}
+		};
 
-		function removeModalDisplayMode() {
+		const removeModalDisplayMode = () => {
 			if (box.hasClass('date-range-picker-modalmode')) {
 				box.removeClass('date-range-picker-modalmode');
 				updateCalendarWidth();
 			}
-		}
+		};
 
-		function setDisplayMode() {
+		const setDisplayMode = () => {
 			let displayMode = 'below-input';
 			if (opt.displayMode != null) {
 				displayMode = opt.displayMode() || 'below-input';
@@ -852,14 +841,12 @@ import './daterangepicker.css';
 			}
 
 			box.attr('data-displaymode', displayMode);
-		}
+		};
 
 		// Return the date picker wrapper element
-		function getDatePicker() {
-			return box;
-		}
+		const getDatePicker = () => box;
 
-		function open(animationTime) {
+		const open = (animationTime) => {
 			setDisplayMode();
 			calcPosition();
 			redrawDatePicker();
@@ -884,9 +871,9 @@ import './daterangepicker.css';
 			});
 			showGap();
 			updateCalendarWidth();
-		}
+		};
 
-		function checkAndSetDefaultValue() {
+		const checkAndSetDefaultValue = () => {
 			const __default_string = opt.getValue.call(selfDom);
 			const defaults = __default_string ? __default_string.split(opt.separator) : '';
 
@@ -910,17 +897,17 @@ import './daterangepicker.css';
 
 				initiated = true;
 			}
-		}
+		};
 
-		function getValidValue(date: string, format: string) {
+		const getValidValue = (date: string, format: string) => {
 			try {
 				return DateUtils.getDateWrapperFromFormat(date, format);
 			} catch (error) {
 				return DateWrapper.getCurrent();
 			}
-		}
+		};
 
-		function calculateCalendarWidth() {
+		const calculateCalendarWidth = () => {
 			const w1 = box.find('.month1').width();
 			const w2 = opt.singleMonth == true ? 0 : box.find('.gap').outerWidth(true);
 			const w3 = opt.singleMonth == true ? 0 : box.find('.month2').width();
@@ -932,18 +919,18 @@ import './daterangepicker.css';
 			}
 
 			return retVal;
-		}
+		};
 
-		function updateCalendarWidth() {
+		const updateCalendarWidth = () => {
 			if (isModalDisplayMode()) {
 				box.find('.month-wrapper').css('width', '');
 				return;
 			}
 
 			box.find('.month-wrapper').width(calculateCalendarWidth());
-		}
+		};
 
-		function renderTime(name: 'time1' | 'time2', date: DateWrapper) {
+		const renderTime = (name: 'time1' | 'time2', date: DateWrapper) => {
 			box.find(`.${name} input[type=range].hour-range`).val(date.getHours());
 			box.find(`.${name} input[type=range].minute-range`).val(date.getMinutes());
 			setTime(
@@ -951,28 +938,32 @@ import './daterangepicker.css';
 				getHourString(date),
 				getMinuteString(date),
 			);
-		}
+		};
+
+		const changeTime = (name: 'start' | 'end', date: DateWrapper) => {
+			if ((date as any)._dte == null) {
+				date = new DateWrapper(date);
+			}
 
-		function changeTime(name: 'start' | 'end', date: DateWrapper) {
 			opt[name] = new DateWrapper(
 				date.getFullYear(),
 				date.getMonth(),
 				date.getDate(),
 				Number((opt[`${name}Time`] as DateWrapper).getHours()),
 				Number((opt[`${name}Time`] as DateWrapper).getMinutes()),
-			);
-		}
+			).getTime();
+		};
 
-		function swapTime() {
+		const swapTime = () => {
 			renderTime('time1', opt.start);
 			renderTime('time2', opt.end);
-		}
+		};
 
-		function setTime(
+		const setTime = (
 			name: 'time1' | 'time2',
 			hour: string,
 			minute: string,
-		) {
+		) => {
 			hour && (box.find(`.${name} .hour-val`).text(hour));
 			minute && (box.find(`.${name} .minute-val`).text(minute));
 			switch (name) {
@@ -992,7 +983,7 @@ import './daterangepicker.css';
 					break;
 			}
 
-			function setRange(name: 'start' | 'startTime' | 'end' | 'endTime', timePoint: DateWrapper) {
+			const setRange = (name: 'start' | 'startTime' | 'end' | 'endTime', timePoint: DateWrapper) => {
 				opt[name] = new DateWrapper(
 					timePoint.getFullYear(),
 					timePoint.getMonth(),
@@ -1000,13 +991,13 @@ import './daterangepicker.css';
 					Number(hour || getHourString(timePoint)),
 					Number(minute || getMinuteString(timePoint)),
 				);
-			}
+			};
 			checkSelectionValid();
 			showSelectedInfo();
 			showSelectedDays();
-		}
+		};
 
-		function clearSelection() {
+		const clearSelection = () => {
 			opt.start = false;
 			opt.end = false;
 			box.find('.day.checked').removeClass('checked');
@@ -1016,9 +1007,9 @@ import './daterangepicker.css';
 			checkSelectionValid();
 			showSelectedInfo();
 			showSelectedDays();
-		}
+		};
 
-		function handleStart(time: number): number {
+		const handleStart = (time: number): number => {
 			let r = time;
 			const date = new DateWrapper(time);
 
@@ -1058,9 +1049,9 @@ import './daterangepicker.css';
 			}
 
 			return r;
-		}
+		};
 
-		function handleEnd(time: number): number {
+		const handleEnd = (time: number): number => {
 			let r = time;
 			const date = new DateWrapper(time);
 
@@ -1101,9 +1092,9 @@ import './daterangepicker.css';
 			}
 
 			return r;
-		}
+		};
 
-		function dayClicked(day) {
+		const dayClicked = (day) => {
 			if (day.hasClass('invalid')) { return; }
 
 			const time = Number(day.attr('time'));
@@ -1269,9 +1260,9 @@ import './daterangepicker.css';
 			showSelectedInfo();
 			showSelectedDays();
 			autoclose();
-		}
+		};
 
-		function weekNumberClicked(weekNumberDom) {
+		const weekNumberClicked = (weekNumberDom) => {
 			// Implement into native once needed
 
 			// var thisTime = parseInt(weekNumberDom.attr('data-start-time'), 10);
@@ -1295,9 +1286,9 @@ import './daterangepicker.css';
 			showSelectedInfo();
 			showSelectedDays();
 			autoclose();
-		}
+		};
 
-		function isValidTime(time) {
+		const isValidTime = (time) => {
 			time = parseInt(time, 10);
 			if (opt.startDate && compare_day(time, opt.startDate) < 0) { return false; }
 
@@ -1336,7 +1327,7 @@ import './daterangepicker.css';
 			}
 
 			return true;
-		}
+		};
 
 		function updateSelectableRange() {
 			box.find('.day.invalid.tmp').removeClass('tmp invalid').addClass('valid');
@@ -1443,12 +1434,12 @@ import './daterangepicker.css';
 			}
 		}
 
-		function clearHovering() {
+		const clearHovering = () => {
 			box.find('.day.hovering').removeClass('hovering');
 			box.find('.date-range-length-tip').hide();
-		}
+		};
 
-		function autoclose() {
+		const autoclose = () => {
 			if (opt.singleDate === true) {
 				if (initiated && opt.start) {
 					if (opt.autoClose) { closeDatePicker(); }
@@ -1458,9 +1449,9 @@ import './daterangepicker.css';
 					if (opt.autoClose) { closeDatePicker(); }
 				}
 			}
-		}
+		};
 
-		function checkSelectionValid() {
+		const checkSelectionValid = () => {
 			const days = Math.ceil((opt.end - opt.start) / 86400000) + 1;
 			if (opt.singleDate) { // Validate if only start is there
 				if (opt.start && !opt.end) { box.find('.drp_top-bar').removeClass('error').addClass('normal'); } else { box.find('.drp_top-bar').removeClass('error').removeClass('normal'); }
@@ -1494,9 +1485,9 @@ import './daterangepicker.css';
 					box.find('.day').removeClass('checked');
 				}
 			}
-		}
+		};
 
-		function showSelectedInfo(forceValid?, silent?) {
+		const showSelectedInfo = (forceValid?, silent?) => {
 			box.find('.start-day').html('...');
 			box.find('.end-day').html('...');
 			box.find('.selected-days').hide();
@@ -1547,17 +1538,15 @@ import './daterangepicker.css';
 			} else {
 				box.find('.apply-btn').addClass('disabled');
 			}
-		}
+		};
 
-		function countDays(start, end) {
-			return Math.abs(daysFrom1970(start) - daysFrom1970(end)) + 1;
-		}
+		const countDays = (start, end) => Math.abs(daysFrom1970(start) - daysFrom1970(end)) + 1;
 
-		function setDateRange(
+		const setDateRange = (
 			date1?,
 			date2?,
 			silent?,
-		) {
+		) => {
 			if (date1.getTime() > date2.getTime()) {
 				let tmp = date2;
 				date2 = date1;
@@ -1614,9 +1603,9 @@ import './daterangepicker.css';
 			checkSelectionValid();
 			showSelectedInfo(false, silent);
 			autoclose();
-		}
+		};
 
-		function setSingleDate(date1) {
+		const setSingleDate = (date1) => {
 			let valid = true;
 			if (opt.startDate && compare_day(date1, opt.startDate) < 0) { valid = false; }
 
@@ -1642,7 +1631,7 @@ import './daterangepicker.css';
 			showGap();
 			showSelectedInfo();
 			autoclose();
-		}
+		};
 
 		function showSelectedDays() {
 			if (!opt.start && !opt.end) { return; }
@@ -1688,7 +1677,7 @@ import './daterangepicker.css';
 			});
 		}
 
-		function showMonth(date: DateWrapper, month: 'month1' | 'month2') {
+		const showMonth = (date: DateWrapper, month: 'month1' | 'month2') => {
 			date = date.clone();
 			const monthName = nameMonth(date.getMonth());
 			box.find(`.${month} .month-name`).html(`${monthName} ${date.getFullYear()}`);
@@ -1696,7 +1685,7 @@ import './daterangepicker.css';
 			opt[month] = date;
 			updateSelectableRange();
 			bindDayEvents();
-		}
+		};
 
 		function bindDayEvents(): void {
 			box.find('.day').unbind('click').click(function (this: any) {
@@ -1719,20 +1708,16 @@ import './daterangepicker.css';
 			});
 		}
 
-		function showTime(date: DateWrapper, name: 'time1' | 'time2') {
+		const showTime = (date: DateWrapper, name: 'time1' | 'time2') => {
 			box.find(`.${name}`).append(getTimeHTML());
 			renderTime(name, date);
-		}
+		};
 
-		function nameMonth(m) {
-			return translate('month-name')[m];
-		}
+		const nameMonth = m => translate('month-name')[m];
 
-		function getDateString(d) {
-			return DateUtils.formatDate(d, opt.format);
-		}
+		const getDateString = d => DateUtils.formatDate(d, opt.format);
 
-		function showGap() {
+		const showGap = () => {
 			showSelectedDays();
 			const m1 = parseInt(DateUtils.formatDate(opt.month1, 'yyyyMM'));
 			const m2 = parseInt(DateUtils.formatDate(opt.month2, 'yyyyMM'));
@@ -1747,12 +1732,12 @@ import './daterangepicker.css';
 			const h1 = box.find('table.month1').height();
 			const h2 = box.find('table.month2').height();
 			box.find('.gap').height(Math.max(h1, h2) + 10);
-		}
+		};
 
-		function closeDatePicker(): void {
+		const closeDatePicker = (): void => {
 			if (opt.alwaysOpen) { return; }
 
-			const afterAnim = function () {
+			const afterAnim = () => {
 				$(self).data('date-picker-opened', false);
 				$(self).trigger('datepicker-closed', {
 					relatedTarget: box,
@@ -1767,56 +1752,54 @@ import './daterangepicker.css';
 			$(self).trigger('datepicker-close', {
 				relatedTarget: box,
 			});
-		}
+		};
 
-		function redrawDatePicker(): void {
+		const redrawDatePicker = (): void => {
 			showMonth(opt.month1, 'month1');
 			showMonth(opt.month2, 'month2');
-		}
+		};
 
-		function compare_month(m1: DateWrapper, m2: DateWrapper): number {
+		const compare_month = (m1: DateWrapper, m2: DateWrapper): number => {
 			const p = parseInt(DateUtils.formatDate(m1, 'yyyyMM')) - parseInt(DateUtils.formatDate(m2, 'yyyyMM'));
 			if (p > 0) { return 1; }
 
 			if (p === 0) { return 0; }
 
 			return -1;
-		}
+		};
 
-		function compare_day(m1: DateWrapper, m2: DateWrapper): number {
+		const compare_day = (m1: DateWrapper, m2: DateWrapper): number => {
 			const p = parseInt(DateUtils.formatDate(m1, 'yyyyMMdd')) - parseInt(DateUtils.formatDate(m2, 'yyyyMMdd'));
 			if (p > 0) { return 1; }
 
 			if (p === 0) { return 0; }
 
 			return -1;
-		}
+		};
 
-		function nextMonth(month: DateWrapper): DateWrapper {
+		const nextMonth = (month: DateWrapper): DateWrapper => {
 			const retVal = month.clone();
 			retVal.setMonth(retVal.getMonth() + 1);
 			return retVal;
-		}
+		};
 
-		function prevMonth(month: DateWrapper): DateWrapper {
+		const prevMonth = (month: DateWrapper): DateWrapper => {
 			const retVal = month.clone();
 			retVal.setMonth(retVal.getMonth() - 1);
 			return retVal;
-		}
-
-		function getTimeHTML() {
-			return `<div class="time-current-container">`
-				+ `<span>${translate('Time')}: <span class="hour-val">00</span>:<span class="minute-val">00</span></span>`
-				+ `</div>`
-				+ `<div class="hour">`
-				+ `<label>${translate('Hour')}: <input type="range" class="hour-range" name="hour" min="0" max="23"></label>`
-				+ `</div>`
-				+ `<div class="minute">`
-				+ `<label>${translate('Minute')}: <input type="range" class="minute-range" name="minute" min="0" max="59"></label>`
-				+ `</div>`;
-		}
-
-		function createDom() {
+		};
+
+		const getTimeHTML = () => `<div class="time-current-container">`
+			+ `<span>${translate('Time')}: <span class="hour-val">00</span>:<span class="minute-val">00</span></span>`
+			+ `</div>`
+			+ `<div class="hour">`
+			+ `<label>${translate('Hour')}: <input type="range" class="hour-range" name="hour" min="0" max="23"></label>`
+			+ `</div>`
+			+ `<div class="minute">`
+			+ `<label>${translate('Minute')}: <input type="range" class="minute-range" name="minute" min="0" max="59"></label>`
+			+ `</div>`;
+
+		const createDom = () => {
 			let html = '<div class="date-range-picker-root"><div class="drpc-modal-close-button">x</div><div class="date-range-picker-wrapper';
 			if (opt.extraClass) { html += ` ${opt.extraClass} `; }
 
@@ -1982,9 +1965,9 @@ import './daterangepicker.css';
 			html += '</div></div></div>';
 
 			return $(html);
-		}
+		};
 
-		function getApplyBtnClass(): string {
+		const getApplyBtnClass = (): string => {
 			let klass = '';
 			if (opt.autoClose === true) {
 				klass += ' hide';
@@ -1995,9 +1978,9 @@ import './daterangepicker.css';
 			}
 
 			return klass;
-		}
+		};
 
-		function getWeekHead(): string {
+		const getWeekHead = (): string => {
 			const prepend = opt.showWeekNumbers ? `<th>${translate('week-number')}</th>` : '';
 			if (opt.startOfWeek == 'monday') {
 				return `${prepend}<th>${translate('week-1')}</th>`
@@ -2016,9 +1999,9 @@ import './daterangepicker.css';
 					+ `<th>${translate('week-5')}</th>`
 					+ `<th>${translate('week-6')}</th>`;
 			}
-		}
+		};
 
-		function isMonthOutOfBounds(month: DateWrapper): boolean {
+		const isMonthOutOfBounds = (month: DateWrapper): boolean => {
 			const date = month.clone();
 			const monthStart = new DateWrapper(
 				date.getFullYear(),
@@ -2040,9 +2023,9 @@ import './daterangepicker.css';
 			}
 
 			return false;
-		}
+		};
 
-		function getGapHTML() {
+		const getGapHTML = () => {
 			const html = ['<div class="gap-top-mask"></div><div class="gap-bottom-mask"></div><div class="gap-lines">'];
 			for (let i = 0; i < 20; i++) {
 				html.push('<div class="gap-line">'
@@ -2053,13 +2036,13 @@ import './daterangepicker.css';
 			}
 			html.push('</div>');
 			return html.join('');
-		}
+		};
 
-		function attributesCallbacks(
+		const attributesCallbacks = (
 			initialObject,
 			callbacksArray,
 			today,
-		) {
+		) => {
 			const resultObject = $.extend(
 				true,
 				{},
@@ -2086,21 +2069,19 @@ import './daterangepicker.css';
 			}
 
 			return attrString;
-		}
+		};
 
-		function daysFrom1970(t) {
-			return Math.floor(toLocalTimestamp(t) / 86400000);
-		}
+		const daysFrom1970 = t => Math.floor(toLocalTimestamp(t) / 86400000);
 
-		function toLocalTimestamp(t) {
+		const toLocalTimestamp = (t) => {
 			if (typeof t == 'object' && t.getTime) { t = t.getTime(); }
 
 			if (typeof t == 'string' && !t.match(/\d{13}/)) { t = DateUtils.getDateWrapperFromFormat(t, opt.format).getTime(); }
 
 			return t;
-		}
+		};
 
-		function createMonthHTML(d) {
+		const createMonthHTML = (d) => {
 			const days = [];
 			d.setDate(1);
 			const lastMonth = new DateWrapper(d.getTime() - 86400000);
@@ -2187,9 +2168,9 @@ import './daterangepicker.css';
 				html.push('</tr>');
 			}
 			return html.join('');
-		}
+		};
 
-		function getInnerDayHtml(attributes: any, today: any) {
+		const getInnerDayHtml = (attributes: any, today: any) => {
 			if (opt.getCellHtml != null) {
 				return opt.getCellHtml({
 					attributesHtml: null,
@@ -2203,17 +2184,17 @@ import './daterangepicker.css';
 				opt.dayDivAttrs,
 				today,
 			)}>${showDayHTML(today.time, today.day)}</div>`;
-		}
+		};
 
-		function showDayHTML(time, date) {
+		const showDayHTML = (time, date) => {
 			if (opt.showDateFilter && typeof opt.showDateFilter == 'function') {
 				return opt.showDateFilter(time, date);
 			}
 
 			return date;
-		}
+		};
 
-		function getLanguages(): any {
+		const getLanguages = (): any => {
 			if (opt.language == 'auto') {
 				let language = navigator.language ? navigator.language : (navigator as any).browserLanguage;
 				if (!language) {
@@ -2231,21 +2212,21 @@ import './daterangepicker.css';
 			} else {
 				return $.dateRangePickerLanguages.default;
 			}
-		}
+		};
 
 		/**
 		 * Translate language string, try both the provided translation key, as the lower case version
 		 */
-		function translate(translationKey: string): string {
+		const translate = (translationKey: string): string => {
 			const translationKeyLowerCase = translationKey.toLowerCase();
 			let result = (translationKey in languages) ? languages[translationKey] : (translationKeyLowerCase in languages) ? languages[translationKeyLowerCase] : null;
 			const defaultLanguage = $.dateRangePickerLanguages.default;
 			if (result == null) { result = (translationKey in defaultLanguage) ? defaultLanguage[translationKey] : (translationKeyLowerCase in defaultLanguage) ? defaultLanguage[translationKeyLowerCase] : ''; }
 
 			return result;
-		}
+		};
 
-		function getDefaultTime(): DateWrapper {
+		const getDefaultTime = (): DateWrapper => {
 			let defaultTime = opt.defaultTime ? opt.defaultTime : DateWrapper.getCurrent();
 
 			if (opt.lookBehind) {
@@ -2265,9 +2246,9 @@ import './daterangepicker.css';
 			}
 
 			return defaultTime;
-		}
+		};
 
-		function resetMonthsView(time: DateWrapper) {
+		const resetMonthsView = (time: DateWrapper) => {
 			if (!time) {
 				time = getDefaultTime();
 			}
@@ -2286,6 +2267,6 @@ import './daterangepicker.css';
 
 			showSelectedDays();
 			showGap();
-		}
+		};
 	};
 })($);

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "inviton-powerduck",
 	"type": "module",
-	"version": "0.0.121",
+	"version": "0.0.123",
 	"files": [
 		"app/",
 		"common/",