@reachfive/identity-ui 1.32.0 → 1.32.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@reachfive/identity-ui",
-    "version": "1.32.0",
+    "version": "1.32.1",
     "description": "ReachFive Identity Web UI SDK",
     "author": "ReachFive",
     "repository": {

package/types/identity-ui.d.ts

@@ -1,6 +1,6 @@
 /**
- * @reachfive/identity-ui - v1.32.0
- * Compiled Wed, 05 Feb 2025 16:08:31 UTC
+ * @reachfive/identity-ui - v1.32.1
+ * Compiled Thu, 06 Feb 2025 17:46:27 UTC
  *
  * Copyright (c) ReachFive.
  *
@@ -390,7 +390,7 @@ type ExtraParams$2 = {
 };
 interface DateFieldProps extends FieldComponentProps<Date, ExtraParams$2> {
 }
-declare function dateField({ key, label, yearDebounce, locale, ...props }: Optional<FieldDefinition<string, Date>, 'key' | 'label'> & Optional<ExtraParams$2, 'locale'>, config: Config): FieldCreator<Date, DateFieldProps, ExtraParams$2>;
+declare function dateField({ format, key, label, locale, validator, yearDebounce, ...props }: Optional<FieldDefinition<string, Date>, 'key' | 'label'> & Optional<ExtraParams$2, 'locale'>, config: Config): FieldCreator<Date, DateFieldProps, ExtraParams$2>;
 
 interface Option {
     label: string;

package/umd/identity-ui.js

@@ -1,6 +1,6 @@
 /**
- * @reachfive/identity-ui - v1.32.0
- * Compiled Wed, 05 Feb 2025 16:08:31 UTC
+ * @reachfive/identity-ui - v1.32.1
+ * Compiled Thu, 06 Feb 2025 17:46:27 UTC
  *
  * Copyright (c) ReachFive.
  *
@@ -39580,7 +39580,7 @@
 	 */
 	function toDate(argument, context) {
 	  // [TODO] Get rid of `toDate` or `constructFrom`?
-	  return constructFrom(argument, argument);
+	  return constructFrom(context || argument, argument);
 	}
 
 	function normalizeDates(context, ...dates) {
@@ -39893,7 +39893,7 @@
 	 * //=> Wed Dec 31 2014 23:59:59.999
 	 */
 	function endOfYear(date, options) {
-	  const _date = toDate(date);
+	  const _date = toDate(date, options?.in);
 	  const year = _date.getFullYear();
 	  _date.setFullYear(year + 1, 0, 0);
 	  _date.setHours(23, 59, 59, 999);
@@ -39927,7 +39927,7 @@
 	 * //=> Wed Jan 01 2014 00:00:00
 	 */
 	function startOfYear(date, options) {
-	  const date_ = toDate(date);
+	  const date_ = toDate(date, options?.in);
 	  date_.setFullYear(date_.getFullYear(), 0, 1);
 	  date_.setHours(0, 0, 0, 0);
 	  return date_;
@@ -39979,20 +39979,23 @@
 	 * //=> '19:00:52Z'
 	 */
 	function formatISO(date, options) {
-	  const date_ = toDate(date);
+	  const date_ = toDate(date, options?.in);
 
 	  if (isNaN(+date_)) {
 	    throw new RangeError("Invalid time value");
 	  }
 
+	  const format = options?.format ?? "extended";
+	  const representation = options?.representation ?? "complete";
+
 	  let result = "";
 	  let tzOffset = "";
 
-	  const dateDelimiter = "-" ;
-	  const timeDelimiter = ":" ;
+	  const dateDelimiter = format === "extended" ? "-" : "";
+	  const timeDelimiter = format === "extended" ? ":" : "";
 
 	  // Representation is either 'date' or 'complete'
-	  {
+	  if (representation !== "time") {
 	    const day = addLeadingZeros(date_.getDate(), 2);
 	    const month = addLeadingZeros(date_.getMonth() + 1, 2);
 	    const year = addLeadingZeros(date_.getFullYear(), 4);
@@ -40002,7 +40005,7 @@
 	  }
 
 	  // Representation is either 'time' or 'complete'
-	  {
+	  if (representation !== "date") {
 	    // Add the timezone.
 	    const offset = date_.getTimezoneOffset();
 
@@ -40058,7 +40061,7 @@
 	 * //=> 29
 	 */
 	function getDate(date, options) {
-	  return toDate(date).getDate();
+	  return toDate(date, options?.in).getDate();
 	}
 
 	/**
@@ -40084,7 +40087,7 @@
 	 * //=> 29
 	 */
 	function getDaysInMonth(date, options) {
-	  const _date = toDate(date);
+	  const _date = toDate(date, options?.in);
 	  const year = _date.getFullYear();
 	  const monthIndex = _date.getMonth();
 	  const lastDayOfMonth = constructFrom(_date, 0);
@@ -40116,7 +40119,7 @@
 	 * //=> 1
 	 */
 	function getMonth(date, options) {
-	  return toDate(date).getMonth();
+	  return toDate(date, options?.in).getMonth();
 	}
 
 	/**
@@ -40142,7 +40145,7 @@
 	 * //=> 2014
 	 */
 	function getYear(date, options) {
-	  return toDate(date).getFullYear();
+	  return toDate(date, options?.in).getFullYear();
 	}
 
 	/**
@@ -40327,7 +40330,7 @@
 	    if (isNaN(offset)) return invalidDate();
 	  } else {
 	    const tmpDate = new Date(timestamp + time);
-	    const result = toDate(0);
+	    const result = toDate(0, options?.in);
 	    result.setFullYear(
 	      tmpDate.getUTCFullYear(),
 	      tmpDate.getUTCMonth(),
@@ -40342,7 +40345,7 @@
 	    return result;
 	  }
 
-	  return toDate(timestamp + time + offset);
+	  return toDate(timestamp + time + offset, options?.in);
 	}
 
 	const patterns = {
@@ -40706,17 +40709,19 @@
 	  parameters: { format: dateFormat$2(locale) }
 	});
 	function dateField({
+	  format,
 	  key = "date",
 	  label = "date",
-	  yearDebounce,
 	  locale,
+	  validator,
+	  yearDebounce,
 	  ...props
 	}, config) {
 	  return createField({
 	    key,
 	    label,
 	    ...props,
-	    format: {
+	    format: format ?? {
 	      bind: (value) => {
 	        const dt = value ? parseISO(value) : void 0;
 	        return dt && isValid(dt) ? { raw: dt } : void 0;
@@ -40725,7 +40730,7 @@
 	        return isRichFormValue(value, "raw") ? formatISO(value.raw) : value ? formatISO(value) : null;
 	      }
 	    },
-	    validator: props.validator ? datetimeValidator(config.language).and(props.validator) : datetimeValidator(config.language),
+	    validator: validator ? datetimeValidator(config.language).and(validator) : datetimeValidator(config.language),
 	    component: DateField,
 	    extendedParams: {
 	      locale: locale ?? config.language,
@@ -40746,6 +40751,15 @@
 	  return dateField({
 	    ...props,
 	    label,
+	    format: {
+	      bind: (value) => {
+	        const dt = value ? parseISO(value) : void 0;
+	        return dt && isValid(dt) ? { raw: dt } : void 0;
+	      },
+	      unbind: (value) => {
+	        return isRichFormValue(value, "raw") ? formatISO(value.raw, { representation: "date" }) : value ? formatISO(value, { representation: "date" }) : null;
+	      }
+	    },
 	    validator: ageLimitValidator(min, max)
 	  }, config);
 	}