carbon-addons-iot-react 2.155.1 → 2.155.2

package/es/components/BarChartCard/BarChartCard.js

@@ -30,7 +30,7 @@ import { settings } from '../../constants/Settings.js';
 import { handleCardVariables, increaseSmallCardSize, getResizeHandles, chartValueFormatter } from '../../utils/cardUtilityFunctions.js';
 import StatefulTable from '../Table/StatefulTable.js';
 import { csvDownloadHandler } from '../../utils/componentUtilityFunctions.js';
-import dayjs from '../../utils/dayjs.js';
+import dayjs, { DAYJS_INPUT_FORMATS } from '../../utils/dayjs.js';
 import { formatGraphTick } from '../TimeSeriesCard/timeSeriesUtils.js';
 import { generateSampleValues, generateSampleValuesForEditor, formatChartData, mapValuesToAxes, formatColors, generateTableColumns, formatTableData, getMaxTicksPerSize, handleTooltip } from './barChartUtils.js';
 
@@ -60,9 +60,9 @@ var defaultProps = {
   },
   locale: 'en',
   showTimeInGMT: false,
-  tooltipDateFormatPattern: 'L HH:mm:ss',
+  tooltipDateFormatPattern: DAYJS_INPUT_FORMATS.SECONDS,
   values: null,
-  defaultDateFormatPattern: 'L HH:mm'
+  defaultDateFormatPattern: DAYJS_INPUT_FORMATS.SECONDS
 };
 
 var BarChartCard = function BarChartCard(_ref) {
@@ -395,8 +395,8 @@ BarChartCard.__docgenInfo = {
     },
     "tooltipDateFormatPattern": {
       "defaultValue": {
-        "value": "'L HH:mm:ss'",
-        "computed": false
+        "value": "DAYJS_INPUT_FORMATS.SECONDS",
+        "computed": true
       },
       "required": false
     },
@@ -409,8 +409,8 @@ BarChartCard.__docgenInfo = {
     },
     "defaultDateFormatPattern": {
       "defaultValue": {
-        "value": "'L HH:mm'",
-        "computed": false
+        "value": "DAYJS_INPUT_FORMATS.SECONDS",
+        "computed": true
       },
       "required": false
     }

package/es/components/BarChartCard/barChartUtils.js

@@ -20,7 +20,7 @@ import 'core-js/modules/es.string.iterator.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.array.concat.js';
-import dayjs from '../../utils/dayjs.js';
+import dayjs, { DAYJS_INPUT_FORMATS } from '../../utils/dayjs.js';
 import { BAR_CHART_TYPES, BAR_CHART_LAYOUTS, CARD_SIZES } from '../../constants/LayoutConstants.js';
 import { CHART_COLORS } from '../../constants/CardPropTypes.js';
 import { convertStringsToDOMElement } from '../../utils/componentUtilityFunctions.js';
@@ -480,7 +480,7 @@ var formatColors = function formatColors(series, datasetNames, isDashboardPrevie
  */
 
 var handleTooltip = function handleTooltip(dataOrHoveredElement, defaultTooltip, timeDataSourceId, showTimeInGMT) {
-  var tooltipDateFormatPattern = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'L HH:mm:ss';
+  var tooltipDateFormatPattern = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : DAYJS_INPUT_FORMATS.SECONDS;
   var locale = arguments.length > 5 ? arguments[5] : undefined;
   dayjs.locale(locale);
   var data = dataOrHoveredElement.__data__ // eslint-disable-line no-underscore-dangle
@@ -569,7 +569,7 @@ var generateTableColumns = function generateTableColumns(timeDataSourceId, categ
  */
 
 var formatTableData = function formatTableData(timeDataSourceId, categoryDataSourceId, type, values, chartData) {
-  var defaultDateFormatPattern = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 'L HH:mm';
+  var defaultDateFormatPattern = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : DAYJS_INPUT_FORMATS.SECONDS;
   var tableData = [];
 
   if (!isNil(values) && !isNil(chartData)) {

package/es/components/Card/Card.js

@@ -30,6 +30,7 @@ import { getUpdatedCardSize, useCardResizing } from '../../utils/cardUtilityFunc
 import { parseValue } from '../DateTimePicker/dateTimePickerUtils.js';
 import useSizeObserver from '../../hooks/useSizeObserver.js';
 import EmptyState from '../EmptyState/EmptyState.js';
+import { DAYJS_INPUT_FORMATS } from '../../utils/dayjs.js';
 import CardTypeContent from './CardTypeContent.js';
 import CardToolbar from './CardToolbar.js';
 import { CardTitle } from './CardTitle.js';
@@ -257,7 +258,7 @@ var defaultProps = {
   tooltip: undefined,
   titleTextTooltip: undefined,
   footerContent: undefined,
-  dateTimeMask: 'YYYY-MM-DD HH:mm',
+  dateTimeMask: DAYJS_INPUT_FORMATS.RANGE,
   padding: 'default',
   overrides: undefined,
   type: null,
@@ -768,8 +769,8 @@ Card.__docgenInfo = {
     },
     "dateTimeMask": {
       "defaultValue": {
-        "value": "'YYYY-MM-DD HH:mm'",
-        "computed": false
+        "value": "DAYJS_INPUT_FORMATS.RANGE",
+        "computed": true
       },
       "required": false
     },

package/es/components/Card/CardToolbar.js

@@ -24,6 +24,7 @@ import { CARD_ACTIONS } from '../../constants/LayoutConstants.js';
 import DateTimePickerOld, { DateTimePickerDefaultValuePropTypes } from '../DateTimePicker/DateTimePickerV2WithoutTimeSpinner.js';
 import Button from '../Button/Button.js';
 import { PRESET_VALUES } from '../../constants/DateConstants.js';
+import { DAYJS_INPUT_FORMATS } from '../../utils/dayjs.js';
 import CardRangePicker, { CardRangePickerPropTypes } from './CardRangePicker.js';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -117,7 +118,7 @@ var defaultProps = {
     extraActionLabel: 'Action Label'
   },
   testId: 'card-toolbar',
-  dateTimeMask: 'YYYY-MM-DD HH:mm',
+  dateTimeMask: DAYJS_INPUT_FORMATS.RANGE,
   renderDateDropdownInPortal: true
 };
 
@@ -470,8 +471,8 @@ CardToolbar.__docgenInfo = {
     },
     "dateTimeMask": {
       "defaultValue": {
-        "value": "'YYYY-MM-DD HH:mm'",
-        "computed": false
+        "value": "DAYJS_INPUT_FORMATS.RANGE",
+        "computed": true
       },
       "type": {
         "name": "string"

package/es/components/ComboChartCard/ComboChartCard.js

@@ -22,6 +22,7 @@ import { CardPropTypes, ComboChartPropTypes } from '../../constants/CardPropType
 import { settings } from '../../constants/Settings.js';
 import StatefulTable from '../Table/StatefulTable.js';
 import { csvDownloadHandler } from '../../utils/componentUtilityFunctions.js';
+import { DAYJS_INPUT_FORMATS } from '../../utils/dayjs.js';
 import { useChartOptions, useChartData, useTableColumns, useTableData } from './comboChartHelpers.js';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -49,8 +50,8 @@ var defaultProps = {
   },
   showTimeInGMT: false,
   domainRange: null,
-  tooltipDateFormatPattern: 'L HH:mm:ss',
-  defaultDateFormatPattern: 'L HH:mm'
+  tooltipDateFormatPattern: DAYJS_INPUT_FORMATS.SECONDS,
+  defaultDateFormatPattern: DAYJS_INPUT_FORMATS.SECONDS
 };
 
 var ComboChartCard = function ComboChartCard(_ref) {
@@ -250,15 +251,15 @@ ComboChartCard.__docgenInfo = {
     },
     "tooltipDateFormatPattern": {
       "defaultValue": {
-        "value": "'L HH:mm:ss'",
-        "computed": false
+        "value": "DAYJS_INPUT_FORMATS.SECONDS",
+        "computed": true
       },
       "required": false
     },
     "defaultDateFormatPattern": {
       "defaultValue": {
-        "value": "'L HH:mm'",
-        "computed": false
+        "value": "DAYJS_INPUT_FORMATS.SECONDS",
+        "computed": true
       },
       "required": false
     }

package/es/components/DateTimePicker/DateTimePicker.js

@@ -7,11 +7,12 @@ import _extends from '@babel/runtime/helpers/extends';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import 'core-js/modules/es.array.slice.js';
 import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.map.js';
-import React__default, { useEffect, useState, useRef, useMemo } from 'react';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.split.js';
+import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { TooltipDefinition, OrderedList, ListItem, FormGroup, RadioButtonGroup, RadioButton, NumberInput, Select, SelectItem, DatePicker, DatePickerInput, Button } from 'carbon-components-react';
 import { WarningFilled16, Calendar16 } from '@carbon/icons-react';
@@ -19,7 +20,7 @@ import classnames from 'classnames';
 import { v4 } from 'uuid';
 import TimePickerSpinner from '../TimePickerSpinner/TimePickerSpinner.js';
 import { settings } from '../../constants/Settings.js';
-import dayjs from '../../utils/dayjs.js';
+import dayjs, { DAYJS_INPUT_FORMATS } from '../../utils/dayjs.js';
 import { useOnClickOutside, handleSpecificKeyDown } from '../../utils/componentUtilityFunctions.js';
 import { Tooltip } from '../Tooltip/index.js';
 import { useDateTimePickerRangeKind, useDateTimePickerKeyboardInteraction, useDateTimePickerRef, useDateTimePickerFocus, useAbsoluteDateTimeValue, useRelativeDateTimeValue, useDateTimePickerTooltip, useCloseDropdown, useDateTimePickerClickOutside, getIntervalValue, onDatePickerClose, parseValue, invalidEndDate, invalidStartDate } from './dateTimePickerUtils.js';
@@ -196,7 +197,7 @@ var propTypes = {
 var defaultProps = {
   testId: 'date-time-picker',
   defaultValue: null,
-  dateTimeMask: 'YYYY-MM-DD HH:mm',
+  dateTimeMask: DAYJS_INPUT_FORMATS.RANGE,
   presets: PRESET_VALUES,
   intervals: [{
     label: 'minutes',
@@ -293,14 +294,9 @@ var DateTimePicker = function DateTimePicker(_ref) {
       style = _ref.style,
       others = _objectWithoutProperties(_ref, ["testId", "defaultValue", "dateTimeMask", "presets", "intervals", "relatives", "expanded", "disabled", "invalid", "showRelativeOption", "showCustomRangeLink", "hasTimeInput", "renderPresetTooltipText", "onCancel", "onApply", "i18n", "light", "locale", "id", "style"]);
 
-  var mergedI18n = _objectSpread(_objectSpread({}, defaultProps.i18n), i18n); // make sure locale is 2 letters
+  var mergedI18n = _objectSpread(_objectSpread({}, defaultProps.i18n), i18n);
 
-
-  var newLocale = (locale === null || locale === void 0 ? void 0 : locale.length) === 2 ? locale : locale.slice(0, 2); // initialize the dayjs locale
-
-  useEffect(function () {
-    dayjs.locale(newLocale);
-  }, [newLocale]); // State
+  dayjs.locale(locale); // State
 
   var _useDateTimePickerRan = useDateTimePickerRangeKind(showRelativeOption),
       _useDateTimePickerRan2 = _slicedToArray(_useDateTimePickerRan, 3),
@@ -858,7 +854,7 @@ var DateTimePicker = function DateTimePicker(_ref) {
       onChange: onDatePickerChange,
       onClose: onDatePickerClose,
       value: absoluteValue ? [absoluteValue.startDate, absoluteValue.endDate] : '',
-      locale: newLocale
+      locale: locale.split('-')[0]
     }, /*#__PURE__*/React__default.createElement(DatePickerInput, {
       labelText: "",
       id: "".concat(id, "-date-picker-input-start"),
@@ -1093,8 +1089,8 @@ DateTimePicker.__docgenInfo = {
     },
     "dateTimeMask": {
       "defaultValue": {
-        "value": "'YYYY-MM-DD HH:mm'",
-        "computed": false
+        "value": "DAYJS_INPUT_FORMATS.RANGE",
+        "computed": true
       },
       "type": {
         "name": "string"

package/es/components/DateTimePicker/DateTimePickerV2WithTimeSpinner.js

@@ -26,7 +26,7 @@ import { useLangDirection } from 'use-lang-direction';
 import TimePickerSpinner from '../TimePickerSpinner/TimePickerSpinner.js';
 import TimePickerDropdown from '../TimePicker/TimePickerDropdown.js';
 import { settings } from '../../constants/Settings.js';
-import dayjs from '../../utils/dayjs.js';
+import dayjs, { DAYJS_INPUT_FORMATS } from '../../utils/dayjs.js';
 import { PICKER_KINDS, PRESET_VALUES, INTERVAL_VALUES, RELATIVE_VALUES } from '../../constants/DateConstants.js';
 import Button from '../Button/Button.js';
 import FlyoutMenu, { FlyoutMenuDirection } from '../FlyoutMenu/FlyoutMenu.js';
@@ -209,7 +209,7 @@ var dateTimePickerId = v4();
 var defaultProps = {
   testId: 'date-time-picker',
   defaultValue: null,
-  dateTimeMask: 'YYYY-MM-DD HH:mm',
+  dateTimeMask: DAYJS_INPUT_FORMATS.RANGE,
   presets: PRESET_VALUES,
   intervals: [{
     label: 'minutes',
@@ -1286,8 +1286,8 @@ DateTimePicker.__docgenInfo = {
     },
     "dateTimeMask": {
       "defaultValue": {
-        "value": "'YYYY-MM-DD HH:mm'",
-        "computed": false
+        "value": "DAYJS_INPUT_FORMATS.RANGE",
+        "computed": true
       },
       "type": {
         "name": "string"

package/es/components/DateTimePicker/DateTimePickerV2WithoutTimeSpinner.js

@@ -20,7 +20,7 @@ import warning from 'warning';
 import { useLangDirection } from 'use-lang-direction';
 import TimePickerSpinner from '../TimePickerSpinner/TimePickerSpinner.js';
 import { settings } from '../../constants/Settings.js';
-import dayjs from '../../utils/dayjs.js';
+import dayjs, { DAYJS_INPUT_FORMATS } from '../../utils/dayjs.js';
 import { PICKER_KINDS, INTERVAL_VALUES, PRESET_VALUES, RELATIVE_VALUES } from '../../constants/DateConstants.js';
 import Button from '../Button/Button.js';
 import FlyoutMenu, { FlyoutMenuDirection } from '../FlyoutMenu/FlyoutMenu.js';
@@ -179,7 +179,7 @@ var propTypes = {
 var defaultProps = {
   testId: 'date-time-picker',
   defaultValue: null,
-  dateTimeMask: 'YYYY-MM-DD HH:mm',
+  dateTimeMask: DAYJS_INPUT_FORMATS.RANGE,
   presets: PRESET_VALUES,
   intervals: [{
     label: 'minutes',
@@ -1045,8 +1045,8 @@ DateTimePicker.__docgenInfo = {
     },
     "dateTimeMask": {
       "defaultValue": {
-        "value": "'YYYY-MM-DD HH:mm'",
-        "computed": false
+        "value": "DAYJS_INPUT_FORMATS.RANGE",
+        "computed": true
       },
       "type": {
         "name": "string"

package/es/components/TableCard/TableCard.js

@@ -5,7 +5,6 @@ import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _extends from '@babel/runtime/helpers/extends';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import isFinite from '../../node_modules/lodash-es/isFinite.js';
 import capitalize from '../../node_modules/lodash-es/capitalize.js';
 import cloneDeep from '../../node_modules/lodash-es/cloneDeep.js';
 import uniqBy from '../../node_modules/lodash-es/uniqBy.js';
@@ -29,7 +28,7 @@ import { Link, OverflowMenu, OverflowMenuItem } from 'carbon-components-react';
 import { OverflowMenuVertical16 } from '@carbon/icons-react';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
-import dayjs from '../../utils/dayjs.js';
+import dayjs, { DAYJS_INPUT_FORMATS } from '../../utils/dayjs.js';
 import { CardPropTypes, TableCardPropTypes } from '../../constants/CardPropTypes.js';
 import Card, { defaultProps as defaultProps$1 } from '../Card/Card.js';
 import { CARD_SIZES } from '../../constants/LayoutConstants.js';
@@ -85,7 +84,7 @@ var defaultProps = {
   },
   renderDateDropdownInPortal: true,
   withToolbarTooltips: false,
-  defaultDateFormatPattern: 'L HH:mm'
+  defaultDateFormatPattern: DAYJS_INPUT_FORMATS.SECONDS
 };
 
 var TableCard = function TableCard(_ref) {
@@ -306,7 +305,7 @@ var TableCard = function TableCard(_ref) {
       var values = _objectSpread({}, row.values);
 
       Object.keys(values).forEach(function (column) {
-        if (!isEditable && isFinite(values[column]) && filteredTimestampColumns.includes(column)) {
+        if (!isEditable && filteredTimestampColumns.includes(column)) {
           values[column] = values[column] ? dayjs(values[column]).format(defaultDateFormatPattern) : '';
         }
       });
@@ -641,8 +640,8 @@ TableCard.__docgenInfo = {
     },
     "defaultDateFormatPattern": {
       "defaultValue": {
-        "value": "'L HH:mm'",
-        "computed": false
+        "value": "DAYJS_INPUT_FORMATS.SECONDS",
+        "computed": true
       },
       "required": false
     }

package/es/components/TableCard/tableCardUtils.js

@@ -17,7 +17,7 @@ import 'core-js/modules/es.array.filter.js';
 import React__default from 'react';
 import { Link } from 'carbon-components-react';
 import { formatNumberWithPrecision, getVariables } from '../../utils/cardUtilityFunctions.js';
-import dayjs from '../../utils/dayjs.js';
+import dayjs, { DAYJS_INPUT_FORMATS } from '../../utils/dayjs.js';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
@@ -46,7 +46,7 @@ var determinePrecisionAndValue = function determinePrecisionAndValue() {
  */
 
 var createColumnsWithFormattedLinks = function createColumnsWithFormattedLinks(columns) {
-  var defaultDateFormatPattern = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'L HH:mm';
+  var defaultDateFormatPattern = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DAYJS_INPUT_FORMATS.SECONDS;
   return columns.map(function (column) {
     var linkTemplate = column.linkTemplate;
 
@@ -136,7 +136,7 @@ var handleExpandedItemLinks = function handleExpandedItemLinks(row, expandedRow,
  */
 
 var determineFilterFunction = function determineFilterFunction(column, defaultFilterStringPlaceholdText) {
-  var defaultDateFormatPattern = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'L HH:mm';
+  var defaultDateFormatPattern = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DAYJS_INPUT_FORMATS.SECONDS;
   return _objectSpread(_objectSpread({}, column.type === 'TIMESTAMP' ? {
     filterFunction: function filterFunction(cellValue, filterValue) {
       var dateString = dayjs(cellValue).format(defaultDateFormatPattern);

package/es/components/TimeSeriesCard/TimeSeriesCard.js

@@ -35,7 +35,7 @@ import StatefulTable from '../Table/StatefulTable.js';
 import { settings } from '../../constants/Settings.js';
 import { handleCardVariables, getUpdatedCardSize, chartValueFormatter, getResizeHandles, handleTooltip } from '../../utils/cardUtilityFunctions.js';
 import deprecate from '../../internal/deprecate.js';
-import dayjs from '../../utils/dayjs.js';
+import dayjs, { DAYJS_INPUT_FORMATS } from '../../utils/dayjs.js';
 import { usePrevious } from '../../hooks/usePrevious.js';
 import { generateSampleValues, formatGraphTick, formatColors, formatChartData, applyStrokeColor, applyFillColor, applyIsFilled } from './timeSeriesUtils.js';
 
@@ -201,9 +201,9 @@ var defaultProps = {
   interval: 'hour',
   showTimeInGMT: false,
   domainRange: null,
-  tooltipDateFormatPattern: 'L HH:mm:ss',
+  tooltipDateFormatPattern: DAYJS_INPUT_FORMATS.SECONDS,
   tooltipShowTotals: true,
-  defaultDateFormatPattern: 'L HH:mm'
+  defaultDateFormatPattern: DAYJS_INPUT_FORMATS.SECONDS
 };
 
 var TimeSeriesCard = function TimeSeriesCard(_ref) {
@@ -875,8 +875,8 @@ TimeSeriesCard.__docgenInfo = {
     },
     "tooltipDateFormatPattern": {
       "defaultValue": {
-        "value": "'L HH:mm:ss'",
-        "computed": false
+        "value": "DAYJS_INPUT_FORMATS.SECONDS",
+        "computed": true
       },
       "type": {
         "name": "string"
@@ -897,8 +897,8 @@ TimeSeriesCard.__docgenInfo = {
     },
     "defaultDateFormatPattern": {
       "defaultValue": {
-        "value": "'L HH:mm'",
-        "computed": false
+        "value": "DAYJS_INPUT_FORMATS.SECONDS",
+        "computed": true
       },
       "type": {
         "name": "string"

package/es/utils/cardUtilityFunctions.js

@@ -58,7 +58,7 @@ import 'core-js/modules/es.array.join.js';
 import React__default, { useState, useMemo } from 'react';
 import warning from 'warning';
 import { CARD_SIZES } from '../constants/LayoutConstants.js';
-import dayjs from './dayjs.js';
+import dayjs, { DAYJS_INPUT_FORMATS } from './dayjs.js';
 import { convertStringsToDOMElement } from './componentUtilityFunctions.js';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -579,7 +579,7 @@ var findMatchingAlertRange = function findMatchingAlertRange(alertRanges, data)
 var handleTooltip = function handleTooltip(dataOrHoveredElement, defaultTooltip, alertRanges, alertDetected, showTimeInGMT) {
   var _data$, _data$$date, _data$date;
 
-  var tooltipDateFormatPattern = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 'L HH:mm:ss';
+  var tooltipDateFormatPattern = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : DAYJS_INPUT_FORMATS.SECONDS;
   var locale = arguments.length > 6 ? arguments[6] : undefined;
   dayjs.locale(locale);
   var data = dataOrHoveredElement !== null && dataOrHoveredElement !== void 0 && dataOrHoveredElement.__data__ ? dataOrHoveredElement.__data__ // eslint-disable-line no-underscore-dangle

package/es/utils/dayjs.js

@@ -449,6 +449,10 @@ var loadLocales = function loadLocales() {
 };
 
 loadLocales();
+var DAYJS_INPUT_FORMATS = {
+  SECONDS: 'L HH:mm:ss',
+  RANGE: 'L HH:mm'
+};
 var dayjs$1 = dayjs;
 
-export { dayjs$1 as default };
+export { DAYJS_INPUT_FORMATS, dayjs$1 as default };

package/lib/components/BarChartCard/BarChartCard.js

@@ -71,9 +71,9 @@ var defaultProps = {
   },
   locale: 'en',
   showTimeInGMT: false,
-  tooltipDateFormatPattern: 'L HH:mm:ss',
+  tooltipDateFormatPattern: dayjs.DAYJS_INPUT_FORMATS.SECONDS,
   values: null,
-  defaultDateFormatPattern: 'L HH:mm'
+  defaultDateFormatPattern: dayjs.DAYJS_INPUT_FORMATS.SECONDS
 };
 
 var BarChartCard = function BarChartCard(_ref) {
@@ -195,7 +195,7 @@ var BarChartCard = function BarChartCard(_ref) {
     return barChartUtils.formatTableData(timeDataSourceId, categoryDataSourceId, type, values, chartData, defaultDateFormatPattern);
   }, [categoryDataSourceId, chartData, defaultDateFormatPattern, timeDataSourceId, type, values]);
   var previousTick = React.useRef();
-  dayjs.locale(locale);
+  dayjs["default"].locale(locale);
   var maxTicksPerSize = React.useMemo(function () {
     return barChartUtils.getMaxTicksPerSize(sizeProp);
   }, [sizeProp]);
@@ -406,8 +406,8 @@ BarChartCard.__docgenInfo = {
     },
     "tooltipDateFormatPattern": {
       "defaultValue": {
-        "value": "'L HH:mm:ss'",
-        "computed": false
+        "value": "DAYJS_INPUT_FORMATS.SECONDS",
+        "computed": true
       },
       "required": false
     },
@@ -420,8 +420,8 @@ BarChartCard.__docgenInfo = {
     },
     "defaultDateFormatPattern": {
       "defaultValue": {
-        "value": "'L HH:mm'",
-        "computed": false
+        "value": "DAYJS_INPUT_FORMATS.SECONDS",
+        "computed": true
       },
       "required": false
     }

package/lib/components/BarChartCard/barChartUtils.js

@@ -86,7 +86,7 @@ var generateSampleValues = function generateSampleValues(series, timeDataSourceI
     return series.reduce(function (sampleData, _ref) {
       var dataSourceId = _ref.dataSourceId;
       var now = timeRangeType === 'periodToDate' // handle "this" intervals like "this week"
-      ? dayjs().startOf(timeRangeInterval).subtract(1, timeGrain) : dayjs().subtract(count, timeGrain); // eslint-disable-next-line no-plusplus
+      ? dayjs["default"]().startOf(timeRangeInterval).subtract(1, timeGrain) : dayjs["default"]().subtract(count, timeGrain); // eslint-disable-next-line no-plusplus
 
       var _loop = function _loop(i) {
         var nextTimeStamp = now.add(1, timeGrain).valueOf();
@@ -204,7 +204,7 @@ var generateSampleValuesForEditor = function generateSampleValuesForEditor(serie
     series.forEach(function (_ref2) {
       var dataSourceId = _ref2.dataSourceId;
       var now = timeRangeType === 'periodToDate' // handle "this" intervals like "this week"
-      ? dayjs().startOf(timeRangeInterval).subtract(1, timeGrain) : dayjs().subtract(count, timeGrain); // create 4 random dataSets
+      ? dayjs["default"]().startOf(timeRangeInterval).subtract(1, timeGrain) : dayjs["default"]().subtract(count, timeGrain); // create 4 random dataSets
       // eslint-disable-next-line no-plusplus
 
       var _loop4 = function _loop4(i) {
@@ -490,9 +490,9 @@ var formatColors = function formatColors(series, datasetNames, isDashboardPrevie
  */
 
 var handleTooltip = function handleTooltip(dataOrHoveredElement, defaultTooltip, timeDataSourceId, showTimeInGMT) {
-  var tooltipDateFormatPattern = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'L HH:mm:ss';
+  var tooltipDateFormatPattern = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : dayjs.DAYJS_INPUT_FORMATS.SECONDS;
   var locale = arguments.length > 5 ? arguments[5] : undefined;
-  dayjs.locale(locale);
+  dayjs["default"].locale(locale);
   var data = dataOrHoveredElement.__data__ // eslint-disable-line no-underscore-dangle
   ? dataOrHoveredElement.__data__ // eslint-disable-line no-underscore-dangle
   : dataOrHoveredElement;
@@ -509,7 +509,7 @@ var handleTooltip = function handleTooltip(dataOrHoveredElement, defaultTooltip,
     // generate the formatted label
     var timestamp = typedData === null || typedData === void 0 ? void 0 : (_typedData$date = typedData.date) === null || _typedData$date === void 0 ? void 0 : _typedData$date.getTime();
     var dateLabel = timestamp ? "<li class='datapoint-tooltip'>\n            <p class='label'>\n              ".concat((showTimeInGMT // show timestamp in gmt or local time
-    ? dayjs.utc(timestamp) : dayjs(timestamp)).format(tooltipDateFormatPattern), "</p>\n          </li>") : '';
+    ? dayjs["default"].utc(timestamp) : dayjs["default"](timestamp)).format(tooltipDateFormatPattern), "</p>\n          </li>") : '';
 
     var _convertStringsToDOME3 = componentUtilityFunctions.convertStringsToDOMElement([dateLabel]),
         _convertStringsToDOME4 = _slicedToArray__default["default"](_convertStringsToDOME3, 1),
@@ -579,7 +579,7 @@ var generateTableColumns = function generateTableColumns(timeDataSourceId, categ
  */
 
 var formatTableData = function formatTableData(timeDataSourceId, categoryDataSourceId, type, values, chartData) {
-  var defaultDateFormatPattern = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 'L HH:mm';
+  var defaultDateFormatPattern = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : dayjs.DAYJS_INPUT_FORMATS.SECONDS;
   var tableData = [];
 
   if (!isNil(values) && !isNil(chartData)) {
@@ -604,7 +604,7 @@ var formatTableData = function formatTableData(timeDataSourceId, categoryDataSou
         });
         tableData.push({
           id: "dataindex-".concat(index),
-          values: _objectSpread(_objectSpread({}, barTimeValue), {}, _defineProperty__default["default"]({}, timeDataSourceId, dayjs(timestamp).format(defaultDateFormatPattern))),
+          values: _objectSpread(_objectSpread({}, barTimeValue), {}, _defineProperty__default["default"]({}, timeDataSourceId, dayjs["default"](timestamp).format(defaultDateFormatPattern))),
           isSelectable: false
         });
       });

package/lib/components/Card/Card.js

@@ -34,6 +34,7 @@ var cardUtilityFunctions = require('../../utils/cardUtilityFunctions.js');
 var dateTimePickerUtils = require('../DateTimePicker/dateTimePickerUtils.js');
 var useSizeObserver = require('../../hooks/useSizeObserver.js');
 var EmptyState = require('../EmptyState/EmptyState.js');
+var dayjs = require('../../utils/dayjs.js');
 var CardTypeContent = require('./CardTypeContent.js');
 var CardToolbar = require('./CardToolbar.js');
 var CardTitle = require('./CardTitle.js');
@@ -272,7 +273,7 @@ var defaultProps = {
   tooltip: undefined,
   titleTextTooltip: undefined,
   footerContent: undefined,
-  dateTimeMask: 'YYYY-MM-DD HH:mm',
+  dateTimeMask: dayjs.DAYJS_INPUT_FORMATS.RANGE,
   padding: 'default',
   overrides: undefined,
   type: null,
@@ -783,8 +784,8 @@ Card.__docgenInfo = {
     },
     "dateTimeMask": {
       "defaultValue": {
-        "value": "'YYYY-MM-DD HH:mm'",
-        "computed": false
+        "value": "DAYJS_INPUT_FORMATS.RANGE",
+        "computed": true
       },
       "required": false
     },

package/lib/components/Card/CardToolbar.js

@@ -28,6 +28,7 @@ var LayoutConstants = require('../../constants/LayoutConstants.js');
 var DateTimePickerV2WithoutTimeSpinner = require('../DateTimePicker/DateTimePickerV2WithoutTimeSpinner.js');
 var Button = require('../Button/Button.js');
 var DateConstants = require('../../constants/DateConstants.js');
+var dayjs = require('../../utils/dayjs.js');
 var CardRangePicker = require('./CardRangePicker.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -130,7 +131,7 @@ var defaultProps = {
     extraActionLabel: 'Action Label'
   },
   testId: 'card-toolbar',
-  dateTimeMask: 'YYYY-MM-DD HH:mm',
+  dateTimeMask: dayjs.DAYJS_INPUT_FORMATS.RANGE,
   renderDateDropdownInPortal: true
 };
 
@@ -483,8 +484,8 @@ CardToolbar.__docgenInfo = {
     },
     "dateTimeMask": {
       "defaultValue": {
-        "value": "'YYYY-MM-DD HH:mm'",
-        "computed": false
+        "value": "DAYJS_INPUT_FORMATS.RANGE",
+        "computed": true
       },
       "type": {
         "name": "string"

package/lib/components/ComboChartCard/ComboChartCard.js

@@ -24,6 +24,7 @@ var CardPropTypes = require('../../constants/CardPropTypes.js');
 var Settings = require('../../constants/Settings.js');
 var StatefulTable = require('../Table/StatefulTable.js');
 var componentUtilityFunctions = require('../../utils/componentUtilityFunctions.js');
+var dayjs = require('../../utils/dayjs.js');
 var comboChartHelpers = require('./comboChartHelpers.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -59,8 +60,8 @@ var defaultProps = {
   },
   showTimeInGMT: false,
   domainRange: null,
-  tooltipDateFormatPattern: 'L HH:mm:ss',
-  defaultDateFormatPattern: 'L HH:mm'
+  tooltipDateFormatPattern: dayjs.DAYJS_INPUT_FORMATS.SECONDS,
+  defaultDateFormatPattern: dayjs.DAYJS_INPUT_FORMATS.SECONDS
 };
 
 var ComboChartCard = function ComboChartCard(_ref) {
@@ -260,15 +261,15 @@ ComboChartCard.__docgenInfo = {
     },
     "tooltipDateFormatPattern": {
       "defaultValue": {
-        "value": "'L HH:mm:ss'",
-        "computed": false
+        "value": "DAYJS_INPUT_FORMATS.SECONDS",
+        "computed": true
       },
       "required": false
     },
     "defaultDateFormatPattern": {
       "defaultValue": {
-        "value": "'L HH:mm'",
-        "computed": false
+        "value": "DAYJS_INPUT_FORMATS.SECONDS",
+        "computed": true
       },
       "required": false
     }