inviton-powerduck 0.0.154 → 0.0.156

package/common/utils/cookie.ts

@@ -1,3 +1,4 @@
+import { Temporal } from '@js-temporal/polyfill';
 import { DomainHelper } from './domain-helper';
 
 // Cookie manipulation abstraction
@@ -12,7 +13,7 @@ export class CookieProvider {
 	static set(
 		name: string,
 		value: string,
-		expiration?: Date,
+		expiration?: Temporal.PlainDateTime,
 	) {
 		let domain = DomainHelper.getCookieDomain();
 		if (domain.length > 0) {
@@ -21,12 +22,12 @@ export class CookieProvider {
 
 		let realExpiration;
 		if (expiration != null) {
-			realExpiration = expiration.toUTCString();
+			realExpiration = expiration.toZonedDateTime('UTC').epochMilliseconds;
 		} else {
 			realExpiration = '';
 		}
 
-		document.cookie = `${encodeURIComponent(name)}=${encodeURIComponent(value)};expires=${expiration}${domain};path=/`;
+		document.cookie = `${encodeURIComponent(name)}=${encodeURIComponent(value)};expires=${realExpiration}${domain};path=/`;
 	}
 
 	/**
@@ -39,8 +40,12 @@ export class CookieProvider {
 		const ca = document.cookie.split(';');
 		for (let i = 0; i < ca.length; i++) {
 			let c = ca[i];
-			while (c.charAt(0) == ' ') { c = c.substring(1); }
-			if (c.includes(name)) { return c.substring(name.length, c.length); }
+			while (c.charAt(0) == ' ') {
+				c = c.substring(1);
+			}
+			if (c.includes(name)) {
+				return c.substring(name.length, c.length);
+			}
 		}
 		return null;
 	}
@@ -51,12 +56,10 @@ export class CookieProvider {
 	 * @param name  Name of the cookie
 	 */
 	static remove(name: string) {
-		const someDate = new Date(); // add arguments as needed
-		someDate.setTime(someDate.getTime() - 3 * 28 * 24 * 60 * 60);
 		CookieProvider.set(
 			name,
 			'',
-			someDate,
+			Temporal.PlainDateTime.from('1990-01-01'),
 		);
 	}
 }

package/common/utils/date-localization-utils.ts

@@ -1,10 +1,11 @@
-import type { DateWrapper } from '../date-wrapper';
 // Due to some limitations of Date Internationalization API, this hacks are applied
+import type { Temporal } from '@js-temporal/polyfill';
 import PowerduckState from '../../app/powerduck-state';
-import { capitalize } from './capitalize-string';
+import { capitalize } from '../extensions/string-extensions';
 
 export default class DateLocalizationUtils {
 	private static readonly DATE_FORMAT_FOR_RANGE_PICKER = (function () {
+		// eslint-disable-next-line no-restricted-syntax
 		const dummyDate = new Date(Date.UTC(
 			2022,
 			11,
@@ -21,6 +22,7 @@ export default class DateLocalizationUtils {
 	})();
 
 	private static readonly MONTH_IS_FIRST: boolean = (function () {
+		// eslint-disable-next-line no-restricted-syntax
 		const dummyDate = new Date(Date.UTC(
 			2024,
 			9,
@@ -42,6 +44,7 @@ export default class DateLocalizationUtils {
 	})();
 
 	private static readonly PATTERN_WITHOUT_YEAR: string = (function () {
+		// eslint-disable-next-line no-restricted-syntax
 		const dummyDate = new Date(Date.UTC(
 			2024,
 			9,
@@ -67,6 +70,7 @@ export default class DateLocalizationUtils {
 	})();
 
 	private static readonly PATTERN_WITH_YEAR: string = (function () {
+		// eslint-disable-next-line no-restricted-syntax
 		const dummyDate = new Date(Date.UTC(
 			2024,
 			9,
@@ -93,6 +97,7 @@ export default class DateLocalizationUtils {
 	})();
 
 	private static readonly PATTERN_PLACEHOLDERED: string = (function () {
+		// eslint-disable-next-line no-restricted-syntax
 		const dummyDate = new Date(Date.UTC(
 			2024,
 			9,
@@ -116,12 +121,13 @@ export default class DateLocalizationUtils {
 		}
 	})();
 
-	static formatRange = (from: DateWrapper, to: DateWrapper): string => {
-		if (from.getMonth() == to.getMonth()) {
+	static formatRange = (from: Temporal.PlainDateTime, to: Temporal.PlainDateTime): string => {
+		if (from.month == to.month) {
+			// eslint-disable-next-line no-restricted-syntax
 			const convertDate = new Date(Date.UTC(
-				from.getFullYear(),
-				from.getMonth(),
-				from.getDate(),
+				from.year,
+				from.month - 1,
+				from.day,
 			));
 			convertDate.setDate(28);
 
@@ -132,10 +138,10 @@ export default class DateLocalizationUtils {
 			}).split('28').join('').split('.').join('').trim();
 
 			return this.PATTERN_WITH_YEAR
-				.replace('{{day}}', `${from.getDate()} - ${to.getDate()}`)
+				.replace('{{day}}', `${from.day} - ${to.day}`)
 				.replace('{{month}}', monthName)
-				.replace('{{year}}', from.getFullYear().toString());
-		} else if (from.getFullYear() == to.getFullYear()) {
+				.replace('{{year}}', from.year.toString());
+		} else if (from.year == to.year) {
 			const fromDate = this.getFormatted(
 				from,
 				this.PATTERN_WITHOUT_YEAR,
@@ -149,7 +155,7 @@ export default class DateLocalizationUtils {
 				'short',
 			);
 			const rangeVal = `${fromDate} - ${toDate}`;
-			return this.PATTERN_PLACEHOLDERED.replace('{{date}}', rangeVal).replace('{{year}}', to.getFullYear().toString());
+			return this.PATTERN_PLACEHOLDERED.replace('{{date}}', rangeVal).replace('{{year}}', to.year.toString());
 		} else {
 			const fromVal = this.getFormatted(
 				from,
@@ -170,7 +176,7 @@ export default class DateLocalizationUtils {
 	};
 
 	static getFormatedDateWithoutTime = (
-		dte: DateWrapper,
+		dte: Temporal.PlainDateTime,
 		showYear: boolean,
 		day: 'numeric' | '2-digit' | undefined,
 		month?: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow' | undefined,
@@ -195,7 +201,7 @@ export default class DateLocalizationUtils {
 	};
 
 	private static getFormatted = (
-		dte: DateWrapper,
+		dte: Temporal.PlainDateTime,
 		pattern: string,
 		day: 'numeric' | '2-digit' | undefined,
 		month?: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow' | undefined,
@@ -203,28 +209,28 @@ export default class DateLocalizationUtils {
 	): string => {
 		let monthVal: string;
 		try {
-			monthVal = capitalize(dte.innerDate.toLocaleDateString(PowerduckState.getCurrentLanguage(), {
+			monthVal = dte.toLocaleString(PowerduckState.getCurrentLanguage(), {
 				month,
 				timeZone: 'UTC',
-			}));
+			})[capitalize]();
 		} catch (error) {
-			monthVal = (dte.getMonth() + 1).toString();
+			monthVal = dte.month.toString();
 		}
 
 		let dayVal: string;
 		if (day == '2-digit') {
-			dayVal = dte.getDate().toString();
+			dayVal = dte.day.toString();
 			if (dayVal.length == 1) {
 				dayVal = `0${dayVal}`;
 			}
 		} else {
-			dayVal = dte.getDate().toString();
+			dayVal = dte.day.toString();
 		}
 
 		if (year == null) {
 			return pattern.replace('{{day}}', dayVal).replace('{{month}}', monthVal);
 		} else {
-			return pattern.replace('{{day}}', dayVal).replace('{{month}}', monthVal).replace('{{year}}', dte.getFullYear().toString());
+			return pattern.replace('{{day}}', dayVal).replace('{{month}}', monthVal).replace('{{year}}', dte.year.toString());
 		}
 	};
 }

package/common/utils/date-utils.ts

@@ -1,5 +1,5 @@
+import { Temporal } from '@js-temporal/polyfill';
 import PowerduckState from '../../app/powerduck-state';
-import { DateWrapper } from '../date-wrapper';
 
 const _isInteger = (val: any) => {
 	const digits = '1234567890';
@@ -31,29 +31,9 @@ const _getInt = (
 };
 
 export default class DateUtils {
-	static getWeekNumber (date: DateWrapper | Date) {
-		const target = new Date(date.getTime());
-		// Nastaviť na najbližší štvrtok (ISO týždne začínajú v pondelok)
-		target.setHours(
-			0,
-			0,
-			0,
-			0,
-		);
-		target.setDate(target.getDate() + 3 - ((target.getDay() + 6) % 7));
-		const firstThursday = new Date(
-			target.getFullYear(),
-			0,
-			4,
-		);
-		firstThursday.setDate(firstThursday.getDate() + 3 - ((firstThursday.getDay() + 6) % 7));
-		const weekNumber = 1 + Math.round(((target.getTime() - firstThursday.getTime()) / 86400000 - 3) / 7);
-		return weekNumber;
-	}
-
-	static formatDate (date: Date | DateWrapper | number, format: string): string {
+	static formatDate(date: Temporal.PlainDateTime | number, format: string): string {
 		if (typeof date === 'number') {
-			date = new DateWrapper(date);
+			date = Temporal.Instant.fromEpochMilliseconds(date as number).toZonedDateTimeISO('UTC').toPlainDateTime();
 		}
 
 		format = `${format}`;
@@ -61,13 +41,12 @@ export default class DateUtils {
 		let i_format = 0;
 		let c = '';
 		let token = '';
-		let y = `${date.getFullYear()}`;
-		const M = date.getMonth() + 1;
-		const d = date.getDate();
-		const E = date.getDay();
-		const H = date.getHours();
-		const m = date.getMinutes();
-		const s = date.getSeconds();
+		let y = `${date.year}`;
+		const M = date.month;
+		const d = date.day;
+		const H = date.hour;
+		const m = date.minute;
+		const s = date.second;
 		const LZ = x => (x < 0 || x > 9 ? '' : '0') + x;
 
 		const locale = PowerduckState.getCurrentLanguage();
@@ -83,12 +62,12 @@ export default class DateUtils {
 		value.yy = y.substring(2, 4);
 		value.M = M;
 		value.MM = LZ(M);
-		value.MMM = date.toLocaleDateString({ month: 'short', timeZone: 'UTC', language: locale });
-		value.MMMM = date.toLocaleDateString({ month: 'long', timeZone: 'UTC', language: locale });
+		value.MMM = date.toLocaleString(locale, { month: 'short', timeZone: 'UTC' });
+		value.MMMM = date.toLocaleString(locale, { month: 'long', timeZone: 'UTC' });
 		value.d = d;
 		value.dd = LZ(d);
-		value.E = date.toLocaleDateString({ weekday: 'short', timeZone: 'UTC', language: locale });
-		value.EEEE = date.toLocaleDateString({ weekday: 'long', timeZone: 'UTC', language: locale });
+		value.E = date.toLocaleString(locale, { weekday: 'short', timeZone: 'UTC' });
+		value.EEEE = date.toLocaleString(locale, { weekday: 'long', timeZone: 'UTC' });
 		value.H = H;
 		value.HH = LZ(H);
 		if (H == 0) {
@@ -134,7 +113,7 @@ export default class DateUtils {
 		return result;
 	};
 
-	static getDateWrapperFromFormat (val: string, format: string): DateWrapper {
+	static getTemporalFromFormat(val: string, format: string): Temporal.PlainDateTime {
 		// In case somehow the date is already a datewrapper
 		if ((val as any)._dte != null) {
 			return (val as any);
@@ -147,6 +126,7 @@ export default class DateUtils {
 		let c = '';
 		let token = '';
 		let x, y;
+		// eslint-disable-next-line no-restricted-syntax
 		const now = new Date();
 		let year: any = now.getFullYear();
 		let month: any = now.getMonth() + 1;
@@ -159,13 +139,18 @@ export default class DateUtils {
 		const _isValidChar = (char: string): boolean => /[a-záčďéíĺľńóôŕšťúýž]/i.test(char);
 		const locale = PowerduckState.getCurrentLanguage();
 		const getMonthFromName = (monthName: string, isShort: boolean = false): number => {
-			const date = new Date(2022, 0, 1);
+			// eslint-disable-next-line no-restricted-syntax
+			const date = new Date(
+				2022,
+				0,
+				1,
+			);
 
 			for (let monthIndex = 0; monthIndex < 12; monthIndex++) {
 				date.setMonth(monthIndex);
 				const name = date.toLocaleDateString(locale, {
 					month: isShort ? 'short' : 'long',
-					timeZone: 'UTC'
+					timeZone: 'UTC',
 				}).toLowerCase();
 
 				if (name == monthName.toLowerCase()) {
@@ -177,13 +162,18 @@ export default class DateUtils {
 		};
 
 		const getDayFromName = (dayName: string, isShort: boolean = false): number => {
-			const date = new Date(2022, 0, 2);
+			// eslint-disable-next-line no-restricted-syntax
+			const date = new Date(
+				2022,
+				0,
+				2,
+			);
 
 			for (let dayIndex = 0; dayIndex < 7; dayIndex++) {
 				date.setDate(2 + dayIndex);
 				const name = date.toLocaleDateString(locale, {
 					weekday: isShort ? 'short' : 'long',
-					timeZone: 'UTC'
+					timeZone: 'UTC',
 				}).toLowerCase();
 
 				if (name == dayName.toLowerCase()) {
@@ -463,13 +453,13 @@ export default class DateUtils {
 			hh -= 12;
 		}
 
-		return new DateWrapper(
-			Number(year),
-			Number(month) - 1,
-			Number(date),
-			Number(hh),
-			Number(mm),
-			Number(ss),
-		);
+		return Temporal.PlainDateTime.from({
+			year: Number(year),
+			month: Number(month),
+			day: Number(date),
+			hour: Number(hh),
+			minute: Number(mm),
+			second: Number(ss),
+		});
 	}
 }

package/common/utils/form-utils.ts

@@ -1,3 +1,5 @@
+import TemporalUtils from './temporal-utils';
+
 export interface FormUtilsField {
 	name: string;
 	value: string;
@@ -27,7 +29,7 @@ export default class FormUtils {
 		}
 
 		const formMethod = 'POST';
-		const formName = `frm${new Date().getTime().toString()}`;
+		const formName = `frm${TemporalUtils.dateNowMs()}`;
 		let newForm = `<form id="${formName}" method="${formMethod}" action="${url}" ${newWindow == true ? 'target="_blank"' : ''}>`;
 
 		arr.forEach((field) => {

package/common/utils/language-utils.ts

@@ -2,10 +2,12 @@ import type { Currency } from '../enums/currency';
 import PowerduckState from '../../app/powerduck-state';
 import LanguageTranslator from '../enum-translation/language-translator';
 import { Language } from '../enums/language';
-import { arraySort } from './array-sort';
+import { sortBy } from '../extensions/array-extensions';
 
+// eslint-disable-next-line ts/no-namespace
 export namespace LanguageUtils {
-	export const supportedLanguages = [
+	// eslint-disable-next-line import/no-mutable-exports, prefer-const
+	export let supportedLanguages = [
 		Language.sk,
 		Language.en,
 	];
@@ -17,15 +19,15 @@ export namespace LanguageUtils {
 		id: Language;
 	}
 
-	function getAdjectiveName(name: string): string {
+	const getAdjectiveName = (name: string): string => {
 		if (name.endsWith('ý')) {
 			name = `${name.substring(0, name.length - 1)}y`;
 		}
 
 		return name;
-	}
+	};
 
-	export function getLanguageList(sort?: boolean): Array<LanguageListItem> {
+	export const getLanguageList = (sort?: boolean): Array<LanguageListItem> => {
 		const retVal = <Array<LanguageListItem>>[];
 
 		const getLanguage = (langCode: Language): LanguageListItem => {
@@ -81,43 +83,37 @@ export namespace LanguageUtils {
 		}
 
 		if (sort === true) {
-		try {
-			retVal.sort((a, b) => {
-				return a.text.localeCompare(b.text);
-			});
-		} catch (e) {
-			arraySort(retVal, 'text');
+			try {
+				retVal.sort((a, b) => a.text.localeCompare(b.text));
+			} catch (e) {
+                retVal[sortBy](p => p.text);
+			}
 		}
-	}
 
-		LanguageUtils.getLanguageList = function () {
-			return retVal;
-		};
+		(LanguageUtils as any).getLanguageList = () => retVal;
 		return retVal;
-	}
+	};
 
 	/**
 	 * Returns enum value from string language code
 	 *
 	 * @param langCode 2-letter language code [sk, en, cs...]
 	 */
-	export function getLanguageEnum(langCode: string): Language {
-		return (langCode as any) ?? Language.en;
-	}
+	export const getLanguageEnum = (langCode: string): Language => (langCode as any) ?? Language.en;
 
-	export function getLanguageFlagUrl(languageFlag: string, svg?: boolean): string {
+	export const getLanguageFlagUrl = (languageFlag: string, svg?: boolean): string => {
 		if (!svg) {
 			return `${PowerduckState.getAssetRootDirectory()}/img/flags/${languageFlag}.png`;
 		} else {
 			return `${PowerduckState.getAssetRootDirectory()}/img/flags/svg/${languageFlag}.svg`;
 		}
-	}
+	};
 
-	export function floatToCurrency(
+	export const floatToCurrency = (
 		value: number,
 		currency: string | Currency | number | any,
 		killZeroCents?: boolean,
-	): string {
+	): string => {
 		let currencyISO: string;
 		if (currency == null || currency == '') {
 			currencyISO = '?';
@@ -144,9 +140,7 @@ export namespace LanguageUtils {
 				return `${(Math.round(value * 100) / 100).toString()} ${currencyISO}`;
 			}
 		}
-	}
+	};
 
-	export function negateString(str: string): string {
-		return PowerduckState.getResourceValue('negationBase') + str.toLowerCase();
-	}
+	export const negateString = (str: string): string => PowerduckState.getResourceValue('negationBase') + str.toLowerCase();
 }

package/common/utils/temporal-utils.ts

@@ -0,0 +1,43 @@
+import { Temporal } from '@js-temporal/polyfill';
+import { isNullOrEmpty } from './is-null-or-empty';
+
+export default class TemporalUtils {
+	/*
+     * Returns the number of milliseconds for this date since the epoch, which is defined as the midnight at the beginning of January 1, 1970, UTC.
+     */
+	static dateNowMs(): number {
+		// eslint-disable-next-line no-restricted-syntax
+		return new Date().getTime();
+	}
+
+	static isSerializedDate(str: string): boolean {
+		return str != null && str.length > 18 && str.length < 29 && str.indexOf('T') == 10;
+	}
+
+	static fromDate(d: Date): Temporal.PlainDateTime {
+		if (d == null) {
+			return null;
+		}
+
+		return Temporal.PlainDateTime.from({
+			year: d.getFullYear(),
+			month: d.getMonth() + 1, // JS Date months are 0-based
+			day: d.getDate(),
+			hour: d.getHours(),
+			minute: d.getMinutes(),
+			second: d.getSeconds(),
+		});
+	}
+
+	static fromString(val: string): Temporal.PlainDateTime {
+		if (isNullOrEmpty(val)) {
+			return null;
+		}
+
+		return Temporal.PlainDateTime.from(val.split('Z')[0]);
+	}
+
+	static fromEpochMs(val: number): Temporal.PlainDateTime {
+		return Temporal.Instant.fromEpochMilliseconds(val).toZonedDateTimeISO('UTC').toPlainDateTime();
+	}
+}

package/common/utils/upload-image-helper.ts

@@ -27,7 +27,7 @@ compressionMaxMb: number = 0.5,
 			method: 'POST',
 			body: formData,
 			headers: {
-				'Authorization': `Bearer ${AppHttpProvider.bearerToken}`,
+				[AppHttpProvider.authorizationHeaderName]: `Bearer ${AppHttpProvider.bearerToken}`,
 				'Accept-Language': PowerduckState.getCurrentLanguage(),
 			},
 		});

package/common/utils/utils.ts

@@ -1,10 +1,11 @@
 import PowerduckState from '../../app/powerduck-state';
-import { latinize } from './latinize-string';
+import { latinize } from '../extensions/string-extensions';
+import TemporalUtils from './temporal-utils';
 
 export class PortalUtils {
 	private static _isTouchDeviceVal: boolean;
-	private static _isChromeBrowser: boolean
-	private static _treatAsMobileDeviceVal: boolean
+	private static _isChromeBrowser: boolean;
+	private static _treatAsMobileDeviceVal: boolean;
 
 	/**
 	 * Gets if current site is run inside an iframe
@@ -21,9 +22,7 @@ export class PortalUtils {
 	 * Determines if current device runs iOS
 	 */
 	static isIOS(): boolean {
-		return (
-			(/iPad|iPhone|iPod/.test(navigator.userAgent) && !(window as any).MSStream) || navigator.userAgent.match(/(iPad)/) != null || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)
-		);
+		return ((/iPad|iPhone|iPod/.test(navigator.userAgent) && !(window as any).MSStream) || navigator.userAgent.match(/(iPad)/) != null || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1));
 	}
 
 	/**
@@ -78,7 +77,7 @@ export class PortalUtils {
 	 * Performs normalization / unification for search
 	 */
 	static normalizeStringForSearch(str: string): string {
-		return latinize(str.toLowerCase()).trim();
+		return str.toLowerCase()[latinize]().trim();
 	}
 
 	/**
@@ -145,8 +144,8 @@ export class PortalUtils {
 	}
 
 	/*
-	 * Obtains URL for asset either on CDN, or on local
-	 */
+     * Obtains URL for asset either on CDN, or on local
+     */
 	static getAssetPath(path: string): string {
 		return PowerduckState.getCdnPath() + path;
 	}
@@ -283,7 +282,7 @@ export class PortalUtils {
 		 * Recursively climbs UP the tree to determine first PARENT node of the scroll element to obtain the scroll target
 		 * @param currentElem
 		 */
-		function getScrollTaget(currentElem: HTMLElement): HTMLElement {
+		const getScrollTaget = (currentElem: HTMLElement): HTMLElement => {
 			if (
 				currentElem.scrollTop != 0
 				|| currentElem.nodeName == 'DIALOG'
@@ -297,7 +296,7 @@ export class PortalUtils {
 			} else {
 				return getScrollTaget(currentElem.parentElement);
 			}
-		}
+		};
 
 		const scrollElem = getScrollTaget(<HTMLElement>element);
 		const target = (<HTMLElement>element).getBoundingClientRect().top + scrollElem.scrollTop + (offset != null ? offset : 0);
@@ -312,7 +311,7 @@ export class PortalUtils {
 		 * Recursively climbs DOWN the tree to determine first CHILD node of the scroll element to obtain the scroll target
 		 * @param currentElem
 		 */
-		function getScrollTaget(currentElem: HTMLElement): HTMLElement {
+		const getScrollTaget = (currentElem: HTMLElement): HTMLElement => {
 			if (currentElem.scrollTop != 0) {
 				return currentElem;
 			}
@@ -330,7 +329,7 @@ export class PortalUtils {
 			}
 
 			return null;
-		}
+		};
 
 		PortalUtils.scrollElement(getScrollTaget(document.body) || document.body.parentElement, 0);
 	}
@@ -400,6 +399,7 @@ export class PortalUtils {
 		} else {
 			arr = [];
 			for (const key in fieldArr) {
+				// eslint-disable-next-line no-prototype-builtins
 				if (fieldArr.hasOwnProperty(key)) {
 					arr.push({
 						name: key,
@@ -410,7 +410,7 @@ export class PortalUtils {
 		}
 
 		const formMethod = 'POST';
-		const formName = `frm${new Date().getTime().toString()}`;
+		const formName = `frm${TemporalUtils.dateNowMs()}`;
 		let newForm = `<form id="${formName}" method="${formMethod}" action="${url}" target="_blank">`;
 
 		$.each(arr, (i, field) => {

package/common/validation.ts

@@ -23,10 +23,10 @@ import {
 } from '@vuelidate/validators';
 import PowerduckState from '../app/powerduck-state';
 import LocalizedValueHelper from './localized-value-helper';
-import { capitalize } from './utils/capitalize-string';
 import { isNullOrEmpty } from './utils/is-null-or-empty';
+import { capitalize } from './extensions/string-extensions';
 
-const getFirstUnsattisfiedValidatorName = (valProp: Validation): string => {
+const getFirstUnsattisfiedValidatorName = (valProp: Validation): string | null => {
 	const errors = valProp?.$errors || [];
 	for (const fieldError of errors) {
 		if (fieldError != null) {
@@ -37,16 +37,16 @@ const getFirstUnsattisfiedValidatorName = (valProp: Validation): string => {
 	return null;
 };
 
-const getErrorMessage = (valProp: Validation, invalidValidatorName: string): string => {
+const getErrorMessage = (valProp: Validation, invalidValidatorName: string): string | null => {
 	if (invalidValidatorName == null) {
 		return null;
 	}
 
-	if (invalidValidatorName == 'requiredIf' || invalidValidatorName == 'requiredLocalizedString') {
+	if (invalidValidatorName == 'requiredIf' || invalidValidatorName == 'requiredLocalizedString' || invalidValidatorName == 'requiredTemporal') {
 		invalidValidatorName = 'required';
 	}
 
-	let errMsg = PowerduckState.getResourceValue(`validationError${capitalize(invalidValidatorName)}` as any);
+	let errMsg = PowerduckState.getResourceValue(`validationError${invalidValidatorName[capitalize]()}` as any);
 	switch (invalidValidatorName) {
 		case 'minLength':
 		case 'minValue':
@@ -167,6 +167,18 @@ export class ValidationBuilder {
 		return this;
 	}
 
+	requiredTemporal(): ValidationBuilder {
+		this._validationArgs.requiredTemporal = (value) => {
+			if (value === null || !value || typeof value !== 'object') {
+				return false;
+			}
+
+			return true;
+		};
+
+		return this;
+	}
+
 	requiredUnless?(field: string | ((vm: any, parentVm?: PowerduckViewModelBase) => any)): ValidationBuilder {
 		this._validationArgs.requiredUnless = requiredUnless(field as string);
 		return this;