npm - @elyra/canvas - Versions diffs - 12.9.0 → 12.10.2 - Mend

@elyra/canvas 12.9.0 → 12.10.2

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 (445) hide show

package/src/common-properties/components/truncated-content-tooltip/truncated-content-tooltip.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2021 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -24,9 +24,13 @@ import { has } from "lodash";
 export default class TruncatedContentTooltip extends React.Component {
 	render() {
+		let tooltipText = this.props.tooltipText;
+		if (typeof this.props.tooltipText !== "object") {
+			tooltipText = String(this.props.tooltipText);
+		}
 		const tooltip = (
 			<div className="properties-tooltips">
-				{String(this.props.tooltipText)}
+				{tooltipText}
 			</div>
 		);
 		return (
@@ -50,6 +54,7 @@ TruncatedContentTooltip.propTypes = {
 	content: PropTypes.element.isRequired,
 	tooltipText: PropTypes.oneOfType([
 		PropTypes.string.isRequired,
+		PropTypes.object.isRequired,
 		PropTypes.number.isRequired,
 		PropTypes.bool.isRequired,
 		PropTypes.array.isRequired

package/src/common-properties/components/truncated-content-tooltip/truncated-content-tooltip.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2021 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/components/validation-message/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/components/validation-message/validation-message.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/components/validation-message/validation-message.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/components/virtualized-table/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/components/virtualized-table/virtualized-table.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -14,8 +14,7 @@
  * limitations under the License.
  */
-import AutoSizer from "react-virtualized/dist/commonjs/AutoSizer";
-import { Column, Table } from "react-virtualized/dist/commonjs/Table";
+import { Column, Table, AutoSizer } from "react-virtualized";
 import { Checkbox, Loading } from "carbon-components-react";
 import Icon from "./../../../icons/icon.jsx";

package/src/common-properties/components/virtualized-table/virtualized-table.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/components/wide-flyout/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/components/wide-flyout/wide-flyout.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/components/wide-flyout/wide-flyout.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/constants/constants.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2021 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -133,7 +133,7 @@ export const DATA_TYPE = {
 	TIMESTAMP: "timestamp"
 };
-export const DEFAULT_DATE_FORMAT = "YYYY-M-D";
+export const DEFAULT_DATE_FORMAT = "yyyy-mm-dd";
 export const DEFAULT_TIME_FORMAT = "H:m:s";

package/src/common-properties/constants/form-constants.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2021 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/abstract-table.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/abstract-table.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/checkbox/checkbox.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/checkbox/checkbox.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/checkbox/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/checkboxset/checkboxset.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/checkboxset/checkboxset.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/checkboxset/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/control-factory.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2021 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/controls.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/datefield/datefield.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -20,54 +20,54 @@ import { connect } from "react-redux";
 import { TextInput } from "carbon-components-react";
 import ValidationMessage from "./../../components/validation-message";
 import * as ControlUtils from "./../../util/control-utils";
-import moment from "moment";
+import { parse, format, isValid } from "date-fns";
 import { DEFAULT_DATE_FORMAT, STATES } from "./../../constants/constants.js";
 import classNames from "classnames";
-import { formatMessage } from "./../../util/property-utils.js";
 class DatefieldControl extends React.Component {
 	constructor(props) {
 		super(props);
 		this.id = ControlUtils.getControlId(this.props.propertyId);
+		this.getDateFormat = this.getDateFormat.bind(this);
+		this.handleChange = this.handleChange.bind(this);
+		this.value = props.value;
+		if (!this.value) {
+			this.value = "";
+		} else {
+			const date = parse(this.value, DEFAULT_DATE_FORMAT, new Date());
+			if (isValid(date)) {
+				this.value = format(date, this.getDateFormat());
+			}
+		}
+	}
+	/*
+	* date-fns date format
+	*/
+	getDateFormat() {
+		let dateFormat = this.props.control.dateFormat || DEFAULT_DATE_FORMAT;
+		dateFormat = dateFormat.replace(/Y/g, "y").replace(/D/g, "d");
+		return dateFormat;
 	}
 	handleChange(evt) {
-		let stringValue = null;
+		let formattedValue = null;
+		this.value = "";
 		if (evt.target.value) {
-			const format = this.props.control.dateFormat || DEFAULT_DATE_FORMAT;
-			const mom = moment.utc(evt.target.value, format, true);
-			// Catch large year numbers which are parsed OK in the specified format
-			// but cannot be parsed as the ISO format when being rendered.
-			if (mom.isValid() && mom.year() < 10000) {
-				stringValue = mom.format("YYYY-MM-DD"); // If moment is valid save as ISO format
+			this.value = evt.target.value;
+			const date = parse(evt.target.value, this.getDateFormat(), new Date());
+			if (isValid(date)) {
+				formattedValue = format(date, DEFAULT_DATE_FORMAT); // save as ISO format
 			} else {
-				stringValue = evt.target.value; // Otherwise just save as invalid entered string
+				formattedValue = evt.target.value; // Otherwise just save as invalid entered string
 			}
-		} else {
-			stringValue = null;
 		}
-		this.props.controller.updatePropertyValue(this.props.propertyId, stringValue);
+		this.props.controller.updatePropertyValue(this.props.propertyId, formattedValue);
 	}
 	render() {
-		let displayValue = "";
-		if (this.props.value) {
-			const format = this.props.control.dateFormat || DEFAULT_DATE_FORMAT;
-			const mom = moment.utc(this.props.value, moment.ISO_8601, true);
-			if (mom.isValid()) {
-				try {
-					displayValue = mom.format(format);
-				} catch (err) { // This will only happen if the caller provides something other than a string as the format.
-					displayValue = formatMessage(this.props.controller.getReactIntl(), "datetimefield.format.error.message");
-				}
-			} else {
-				displayValue = this.props.value;
-			}
-		}
 		const className = classNames("properties-datefield", "properties-input-control", { "hide": this.props.state === STATES.HIDDEN },
 			this.props.messageInfo ? this.props.messageInfo.type : null);
 		const validationProps = ControlUtils.getValidationProps(this.props.messageInfo, this.props.tableControl);
@@ -80,7 +80,7 @@ class DatefieldControl extends React.Component {
 					disabled={this.props.state === STATES.DISABLED}
 					placeholder={this.props.control.additionalText}
 					onChange={this.handleChange.bind(this)}
-					value={displayValue}
+					value={this.value}
 					labelText={this.props.controlItem}
 					hideLabel={this.props.tableControl}
 					light={this.props.controller.getLight()}

package/src/common-properties/controls/datefield/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/dropdown/dropdown.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/dropdown/dropdown.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/dropdown/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/expression/expression-builder/expression-builder.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/expression/expression-builder/expression-builder.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/expression/expression-builder/expression-select-field-function.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/expression/expression-builder/expression-select-operator.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/expression/expression-builder/expression-selection-panel.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/expression/expression.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/expression/expression.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/expression/expressionInfo-parser.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/expression/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/expression/languages/CLEM-hint.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/expression/languages/python-hint.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/expression/languages/r-hint.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/list/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/list/list.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/multiselect/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2021 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/multiselect/multiselect.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2021 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/multiselect/multiselect.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2021 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/numberfield/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/numberfield/numberfield.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/numberfield/numberfield.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/passwordfield/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/passwordfield/passwordfield.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/radioset/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/radioset/radioset.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/radioset/radioset.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/readonly/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/controls/readonly/readonly.jsx CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -17,17 +17,18 @@
 import React from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
+import { FormattedDate } from "react-intl";
+import { isValid } from "date-fns";
+import { isEqual, intersection } from "lodash";
+import classNames from "classnames";
 import * as ControlUtils from "./../../util/control-utils";
 import ValidationMessage from "./../../components/validation-message";
 import TruncatedContentTooltip from "./../../components/truncated-content-tooltip";
 import { STATES, DATA_TYPE } from "./../../constants/constants";
 import Icon from "./../../../icons/icon";
-import moment from "moment";
-import { isEqual, intersection } from "lodash";
 import { ControlType } from "./../../constants/form-constants";
-import classNames from "classnames";
 import { stringifyFieldValue } from "./../../util/property-utils";
 class ReadonlyControl extends React.Component {
@@ -85,9 +86,13 @@ class ReadonlyControl extends React.Component {
 			controlValue = this.props.controller.getCustomControl(this.props.propertyId, this.props.control, { table: true, editStyle: "summary" });
 		} else if (this.props.control.controlType === ControlType.TIMESTAMP ||
 			(this.props.control.valueDef && this.props.control.valueDef.propType === DATA_TYPE.TIMESTAMP)) {
-			const mom = moment(controlValue); // timestamp in ms
-			if (mom.isValid()) {
-				controlValue = mom.format("LLLL");
+			const date = new Date(controlValue);
+			if (isValid(date)) {
+				if (this.props.tableControl) {
+					controlValue = <FormattedDate value={date} day="numeric" month="long" year="numeric" hour="numeric" minute="numeric" />;
+				} else {
+					controlValue = <FormattedDate value={date} day="numeric" month="long" year="numeric" hour="numeric" minute="numeric" weekday="long" />;
+				}
 			} else {
 				controlValue = ""; // invalid timestamp
 			}

package/src/common-properties/controls/readonly/readonly.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2020 Elyra Authors
+ * Copyright 2017-2022 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.