carbon-addons-iot-react 4.4.1 → 4.5.1

package/umd/carbon-addons-iot-react.js

@@ -13648,6 +13648,33 @@
   var svgAttributes = ['accentHeight', 'accumulate', 'additive', 'alignmentBaseline', 'allowReorder', 'alphabetic', 'amplitude', 'arabicForm', 'ascent', 'attributeName', 'attributeType', 'autoReverse', 'azimuth', 'baseFrequency', 'baseProfile', 'baselineShift', 'bbox', 'begin', 'bias', 'by', 'calcMode', 'capHeight', 'clip', 'clipPath', 'clipRule', 'clipPathUnits', 'colorInterpolation', 'colorInterpolationFilters', 'colorProfile', 'colorRendering', 'contentScriptType', 'contentStyleType', 'cursor', 'cx', 'cy', 'd', 'decelerate', 'descent', 'diffuseConstant', 'direction', 'display', 'divisor', 'dominantBaseline', 'dur', 'dx', 'dy', 'edgeMode', 'elevation', 'enableBackground', 'end', 'exponent', 'externalResourcesRequired', 'fill', 'fillOpacity', 'fillRule', 'filter', 'filterRes', 'filterUnits', 'floodColor', 'floodOpacity', 'focusable', 'fontFamily', 'fontSize', 'fontSizeAdjust', 'fontStretch', 'fontStyle', 'fontVariant', 'fontWeight', 'format', 'from', 'fx', 'fy', 'g1', 'g2', 'glyphName', 'glyphOrientationHorizontal', 'glyphOrientationVertical', 'glyphRef', 'gradientTransform', 'gradientUnits', 'hanging', 'horizAdvX', 'horizOriginX', 'ideographic', 'imageRendering', 'in', 'in2', 'intercept', 'k', 'k1', 'k2', 'k3', 'k4', 'kernelMatrix', 'kernelUnitLength', 'kerning', 'keyPoints', 'keySplines', 'keyTimes', 'lengthAdjust', 'letterSpacing', 'lightingColor', 'limitingConeAngle', 'local', 'markerEnd', 'markerMid', 'markerStart', 'markerHeight', 'markerUnits', 'markerWidth', 'mask', 'maskContentUnits', 'maskUnits', 'mathematical', 'mode', 'numOctaves', 'offset', 'opacity', 'operator', 'order', 'orient', 'orientation', 'origin', 'overflow', 'overlinePosition', 'overlineThickness', 'paintOrder', 'panose1', 'pathLength', 'patternContentUnits', 'patternTransform', 'patternUnits', 'pointerEvents', 'points', 'pointsAtX', 'pointsAtY', 'pointsAtZ', 'preserveAlpha', 'preserveAspectRatio', 'primitiveUnits', 'r', 'radius', 'refX', 'refY', 'renderingIntent', 'repeatCount', 'repeatDur', 'requiredExtensions', 'requiredFeatures', 'restart', 'result', 'rotate', 'rx', 'ry', 'scale', 'seed', 'shapeRendering', 'slope', 'spacing', 'specularConstant', 'specularExponent', 'speed', 'spreadMethod', 'startOffset', 'stdDeviation', 'stemh', 'stemv', 'stitchTiles', 'stopColor', 'stopOpacity', 'strikethroughPosition', 'strikethroughThickness', 'string', 'stroke', 'strokeDasharray', 'strokeDashoffset', 'strokeLinecap', 'strokeLinejoin', 'strokeMiterlimit', 'strokeOpacity', 'strokeWidth', 'surfaceScale', 'systemLanguage', 'tableValues', 'targetX', 'targetY', 'textAnchor', 'textDecoration', 'textRendering', 'textLength', 'to', 'transform', 'u1', 'u2', 'underlinePosition', 'underlineThickness', 'unicode', 'unicodeBidi', 'unicodeRange', 'unitsPerEm', 'vAlphabetic', 'vHanging', 'vIdeographic', 'vMathematical', 'values', 'vectorEffect', 'version', 'vertAdvY', 'vertOriginX', 'vertOriginY', 'viewBox', 'viewTarget', 'visibility', 'widths', 'wordSpacing', 'writingMode', 'x', 'xHeight', 'x1', 'x2', 'xChannelSelector', 'xlinkActuate', 'xlinkArcrole', 'xlinkHref', 'xlinkRole', 'xlinkShow', 'xlinkTitle', 'xlinkType', 'xmlBase', 'xmlns', 'xmlnsXlink', 'xmlLang', 'xmlSpace', 'y', 'y1', 'y2', 'yChannelSelector', 'z', 'zoomAndPan'];
   var eventHandlers = ['onCopy', 'onCopyCapture', 'onCut', 'onCutCapture', 'onPaste', 'onPasteCapture', 'onCompositionEnd', 'onCompositionEndCapture', 'onCompositionStart', 'onCompositionStartCapture', 'onCompositionUpdate', 'onCompositionUpdateCapture', 'onKeyDown', 'onKeyDownCapture', 'onKeyPress', 'onKeyPressCapture', 'onKeyUp', 'onKeyUpCapture', 'onFocus', 'onFocusCapture', 'onBlur', 'onInvalid', 'onBlurCapture', 'onChange', 'onChangeCapture', 'onInput', 'onInputCapture', 'onSubmit', 'onSubmitCapture', 'onReset', 'onResetCapture', 'onClick', 'onClickCapture', 'onContextMenu', 'onContextMenuCapture', 'onDoubleClick', 'onDoubleClickCapture', 'onDrag', 'onDragCapture', 'onDragEnd', 'onDragEndCapture', 'onDragEnter', 'onDragEnterCapture', 'onDragExit', 'onDragExitCapture', 'onDragLeave', 'onDragLeaveCapture', 'onDragOver', 'onDragOverCapture', 'onDragStart', 'onDragStartCapture', 'onDrop', 'onDropCapture', 'onMouseDown', 'onMouseDownCapture', 'onMouseEnter', 'onMouseEnterCapture', 'onMouseLeave', 'onMouseLeaveCapture', 'onMouseMove', 'onMouseMoveCapture', 'onMouseOut', 'onMouseOutCapture', 'onMouseOver', 'onMouseOverCapture', 'onMouseUp', 'onMouseUpCapture', 'onSelect', 'onSelectCapture', 'onTouchCancel', 'onTouchCancelCapture', 'onTouchEnd', 'onTouchEndCapture', 'onTouchMove', 'onTouchMoveCapture', 'onTouchStart', 'onTouchStartCapture', 'onScroll', 'onScrollCapture', 'onWheel', 'onWheelCapture', 'onAbort', 'onAbortCapture', 'onCanPlay', 'onCanPlayCapture', 'onCanPlayThrough', 'onCanPlayThroughCapture', 'onDurationChange', 'onDurationChangeCapture', 'onEmptied', 'onEmptiedCapture', 'onEncrypted', 'onEncryptedCapture', 'onEnded', 'onEndedCapture', 'onError', 'onErrorCapture', 'onLoadedData', 'onLoadedDataCapture', 'onLoadedMetadata', 'onLoadedMetadataCapture', 'onLoadStart', 'onLoadStartCapture', 'onPause', 'onPauseCapture', 'onPlay', 'onPlayCapture', 'onPlaying', 'onPlayingCapture', 'onProgress', 'onProgressCapture', 'onRateChange', 'onRateChangeCapture', 'onSeeked', 'onSeekedCapture', 'onSeeking', 'onSeekingCapture', 'onStalled', 'onStalledCapture', 'onSuspend', 'onSuspendCapture', 'onTimeUpdate', 'onTimeUpdateCapture', 'onVolumeChange', 'onVolumeChangeCapture', 'onWaiting', 'onWaitingCapture', 'onLoad', 'onLoadCapture', 'onAnimationStart', 'onAnimationStartCapture', 'onAnimationEnd', 'onAnimationEndCapture', 'onAnimationIteration', 'onAnimationIterationCapture', 'onTransitionEnd', 'onTransitionEndCapture', 'onPointerDown', 'onPointerMove', 'onPointerUp', 'onPointerCancel', 'onGotPointerCapture', 'onLostPointerCapture', 'onPointerEnter', 'onPointerLeave', 'onPointerOver', 'onPointerOut'];
 
+  var PROPER_FUNCTION_NAME$1 = functionName.PROPER;
+
+
+
+  var non = '\u200B\u0085\u180E';
+
+  // check that a method works with the correct list
+  // of whitespaces and has a correct name
+  var stringTrimForced = function (METHOD_NAME) {
+    return fails(function () {
+      return !!whitespaces[METHOD_NAME]()
+        || non[METHOD_NAME]() !== non
+        || (PROPER_FUNCTION_NAME$1 && whitespaces[METHOD_NAME].name !== METHOD_NAME);
+    });
+  };
+
+  var $trim = stringTrim$1.trim;
+
+
+  // `String.prototype.trim` method
+  // https://tc39.es/ecma262/#sec-string.prototype.trim
+  _export({ target: 'String', proto: true, forced: stringTrimForced('trim') }, {
+    trim: function trim() {
+      return $trim(this);
+    }
+  });
+
   var dayjs_min = createCommonjsModule(function (module, exports) {
   !function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p="$isDayjsObject",S=function(t){return t instanceof _||!(!t||!t[p])},w=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},O=function(t,e){if(S(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[p]=!0;}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(b.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return b},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<O(t)},m.$g=function(t,e,n){return b.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!b.u(e)||e,f=b.p(t),l=function(t,e){var i=b.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return b.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(f){case h:return r?l(1,0):l(31,11);case c:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=b.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[b.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=b.p(f),y=function(t){var e=O(l);return b.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return b.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=b.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return b.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return b.s(e.$y,4,"0");case"M":return a+1;case"MM":return b.s(a+1,2,"0");case"MMM":return h(n.monthsShort,a,c,3);case"MMMM":return h(c,a);case"D":return e.$D;case"DD":return b.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return h(n.weekdaysMin,e.$W,o,2);case"ddd":return h(n.weekdaysShort,e.$W,o,3);case"dddd":return o[e.$W];case"H":return String(s);case"HH":return b.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return $(s,u,!0);case"A":return $(s,u,!1);case"m":return String(u);case"mm":return b.s(u,2,"0");case"s":return String(e.$s);case"ss":return b.s(e.$s,2,"0");case"SSS":return b.s(e.$ms,3,"0");case"Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=b.p(d),m=O(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return b.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g;}return l?$:b.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=w(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return b.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),k=_.prototype;return O.prototype=k,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){k[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),O.extend=function(t,e){return t.$i||(t(e,_,O),t.$i=!0),O},O.locale=w,O.isDayjs=S,O.unix=function(t){return O(1e3*t)},O.en=D[g],O.Ls=D,O.p={},O}));
   });
@@ -13657,12 +13684,14 @@
   var pluralGetSet = require('dayjs/plugin/pluralGetSet');
   var timezone = require('dayjs/plugin/timezone');
   var localeData = require('dayjs/plugin/localeData');
+  var customParseFormat$1 = require('dayjs/plugin/customParseFormat');
   var dayjs = dayjs_min;
   dayjs.extend(localizedFormat); // gives the 'L' formatting ability for .format
   dayjs.extend(utc); // gives .utc() and .local()
   dayjs.extend(pluralGetSet); // gives .hour .minute get/set ability
   dayjs.extend(timezone); // timezone support
   dayjs.extend(localeData); // gives local specific data
+  dayjs.extend(customParseFormat$1);
 
   /* eslint-disable global-require */
   var locales = {
@@ -14092,6 +14121,22 @@
     SECONDS: 'L HH:mm:ss',
     RANGE: 'L HH:mm'
   };
+  var formats = [
+  // ISO Variations (Most common for APIs)
+  'YYYY-MM-DDTHH:mm:ssZ', 'YYYY-MM-DDTHH:mm:ss.SSSZ', 'YYYY-MM-DDTHH:mm:ss', 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm',
+  // US / Common UI Variations
+  'MM/DD/YYYY HH:mm:ss', 'MM/DD/YYYY HH:mm', 'MM-DD-YYYY HH:mm:ss', 'MM-DD-YYYY HH:mm',
+  // 12-Hour Variations (If users can type AM/PM)
+  'MM/DD/YYYY hh:mm A', 'YYYY-MM-DD hh:mm A',
+  // Date Only Fallbacks
+  'YYYY-MM-DD', 'MM/DD/YYYY', 'MM-DD-YYYY', 'L' // Localized format (uses the loaded Day.js locale)
+  ];
+  var detectDateTimeFormat = function detectDateTimeFormat(dateTimeString) {
+    if (!(dateTimeString !== null && dateTimeString !== void 0 && dateTimeString.trim())) return null;
+    return formats.find(function (format) {
+      return dayjs(dateTimeString, format, true).isValid();
+    });
+  };
   var dayjs$1 = dayjs;
 
   function ownKeys$2a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -230144,33 +230189,6 @@ ${formatRule(Codicon.menuSubmenu)}
     }
   });
 
-  var PROPER_FUNCTION_NAME$1 = functionName.PROPER;
-
-
-
-  var non = '\u200B\u0085\u180E';
-
-  // check that a method works with the correct list
-  // of whitespaces and has a correct name
-  var stringTrimForced = function (METHOD_NAME) {
-    return fails(function () {
-      return !!whitespaces[METHOD_NAME]()
-        || non[METHOD_NAME]() !== non
-        || (PROPER_FUNCTION_NAME$1 && whitespaces[METHOD_NAME].name !== METHOD_NAME);
-    });
-  };
-
-  var $trim = stringTrim$1.trim;
-
-
-  // `String.prototype.trim` method
-  // https://tc39.es/ecma262/#sec-string.prototype.trim
-  _export({ target: 'String', proto: true, forced: stringTrimForced('trim') }, {
-    trim: function trim() {
-      return $trim(this);
-    }
-  });
-
   var keyboardKeys = {
     BACKSPACE: 'Backspace',
     CONTROL: 'Control',
@@ -278591,7 +278609,7 @@ React keys must be passed directly to JSX without using spread:
    * @param {Object} value - the absolute time selection
    * @returns {Object} a human readable value and a furtherly augmented value object
    */
-  var parseValue = function parseValue(timeRange, dateTimeMask, toLabel, hasTimeInput) {
+  var parseValue = function parseValue(timeRange, dateTimeMask, toLabel, hasTimeInput, timeZone) {
     var _timeRange$kind, _timeRange$relative, _timeRange$absolute, _timeRange$single, _timeRange$preset;
     var readableValue = '';
     if (!timeRange) {
@@ -278611,9 +278629,9 @@ React keys must be passed directly to JSX without using spread:
     switch (kind) {
       case PICKER_KINDS$1.RELATIVE:
         {
-          var endDate = dayjs$1();
+          var endDate = dayjs$1.tz();
           if (value.relativeToWhen !== '') {
-            endDate = value.relativeToWhen === RELATIVE_VALUES$1.YESTERDAY ? dayjs$1().add(-1, INTERVAL_VALUES$1.DAYS) : dayjs$1();
+            endDate = value.relativeToWhen === RELATIVE_VALUES$1.YESTERDAY ? dayjs$1.tz().subtract(1, INTERVAL_VALUES$1.DAYS) : dayjs$1.tz();
             // wait to parse it until fully typed
             if (value.relativeToTime.length === 5) {
               endDate = endDate.hour(Number(value.relativeToTime.split(':')[0]));
@@ -278625,37 +278643,42 @@ React keys must be passed directly to JSX without using spread:
             }
             returnValue.relative.start = new Date(startDate.valueOf());
             returnValue.relative.end = new Date(endDate.valueOf());
-            readableValue = "".concat(dayjs$1(startDate).format(dateTimeMask), " ").concat(toLabel, " ").concat(dayjs$1(endDate).format(dateTimeMask));
+            readableValue = "".concat(startDate.format(dateTimeMask), " ").concat(toLabel, " ").concat(endDate.format(dateTimeMask));
           }
           break;
         }
       case PICKER_KINDS$1.ABSOLUTE:
         {
-          var _value$start, _value$end;
-          var _startDate = dayjs$1((_value$start = value.start) !== null && _value$start !== void 0 ? _value$start : value.startDate);
-          if (value.startTime) {
-            var formatedStartTime = is24hours(dateTimeMask) ? value.startTime : format12hourTo24hour(value.startTime);
-            _startDate = _startDate.hours(formatedStartTime.split(':')[0]);
-            _startDate = _startDate.minutes(formatedStartTime.split(':')[1]);
-          }
-          if (!returnValue.absolute) {
-            returnValue.absolute = {};
-          }
-          returnValue.absolute.start = new Date(_startDate.valueOf());
-          var startTimeValue = value.startTime ? "".concat(dayjs$1(_startDate).format(dateTimeMask)) : "".concat(dayjs$1(_startDate).format(dateTimeMask)).split(' ')[0];
-          if ((_value$end = value.end) !== null && _value$end !== void 0 ? _value$end : value.endDate) {
-            var _value$end2;
-            var _endDate = dayjs$1((_value$end2 = value.end) !== null && _value$end2 !== void 0 ? _value$end2 : value.endDate);
-            if (value.endTime) {
-              var formatedEndTime = is24hours(dateTimeMask) ? value.endTime : format12hourTo24hour(value.endTime);
-              _endDate = _endDate.hours(formatedEndTime.split(':')[0]);
-              _endDate = _endDate.minutes(formatedEndTime.split(':')[1]);
+          var _value$start;
+          if ((_value$start = value.start) !== null && _value$start !== void 0 ? _value$start : value.startDate) {
+            var _value$end;
+            var _startDate = value.start instanceof Date ? dayjs$1(value.start).tz(timeZone, true) // Date from picker - preserve local time
+            : value.start ? dayjs$1.tz(value.start) // Timestamp - convert from UTC
+            : dayjs$1.tz(value.startDate, 'MM/DD/YYYY', timeZone); // String - parse with format
+
+            if (value.startTime && value.startTime.includes(':')) {
+              var formatedStartTime = is24hours(dateTimeMask) ? value.startTime : format12hourTo24hour(value.startTime);
+              _startDate = _startDate.hours(formatedStartTime.split(':')[0]);
+              _startDate = _startDate.minutes(formatedStartTime.split(':')[1]);
+            }
+            if (!returnValue.absolute) {
+              returnValue.absolute = {};
+            }
+            returnValue.absolute.start = _startDate.valueOf();
+            var startTimeValue = value.startTime ? "".concat(_startDate.format(dateTimeMask)) : "".concat(_startDate.format(dateTimeMask)).split(' ')[0];
+            if ((_value$end = value.end) !== null && _value$end !== void 0 ? _value$end : value.endDate) {
+              var _endDate = value.end instanceof Date ? dayjs$1(value.end).tz(timeZone, true) : value.end ? dayjs$1(value.end).tz(timeZone) : dayjs$1.tz(value.endDate, 'MM/DD/YYYY', timeZone);
+              if (value.endTime && value.endTime.includes(':')) {
+                var formatedEndTime = is24hours(dateTimeMask) ? value.endTime : format12hourTo24hour(value.endTime);
+                _endDate = _endDate.hours(formatedEndTime.split(':')[0]);
+                _endDate = _endDate.minutes(formatedEndTime.split(':')[1]);
+              }
+              var endTimeValue = value.endTime ? "".concat(_endDate.format(dateTimeMask)) : "".concat(_endDate.format(dateTimeMask)).split(' ')[0];
+              returnValue.absolute.end = _endDate.valueOf();
+              readableValue = "".concat(startTimeValue, " ").concat(toLabel, " ").concat(endTimeValue);
+            } else {
+              readableValue = "".concat(startTimeValue, " ").concat(toLabel, " ").concat(startTimeValue);
             }
-            var endTimeValue = value.endTime ? "".concat(dayjs$1(_endDate).format(dateTimeMask)) : "".concat(dayjs$1(_endDate).format(dateTimeMask)).split(' ')[0];
-            returnValue.absolute.end = new Date(_endDate.valueOf());
-            readableValue = "".concat(startTimeValue, " ").concat(toLabel, " ").concat(endTimeValue);
-          } else {
-            readableValue = "".concat(startTimeValue, " ").concat(toLabel, " ").concat(startTimeValue);
           }
           break;
         }
@@ -279086,7 +279109,7 @@ React keys must be passed directly to JSX without using spread:
       humanValue = _ref7.humanValue;
     if (currentValue) {
       if (currentValue.kind === PICKER_KINDS$1.PRESET) {
-        return "".concat(dayjs$1().subtract(currentValue.preset.offset, 'minutes').format(dateTimeMask), " ").concat(mergedI18n.toNowLabel);
+        return "".concat(dayjs$1.tz().subtract(currentValue.preset.offset, 'minutes').format(dateTimeMask), " ").concat(mergedI18n.toNowLabel);
       }
       return humanValue;
     }
@@ -279305,7 +279328,7 @@ React keys must be passed directly to JSX without using spread:
     return [offTop, offBottom, inputTop, inputBottom, customHeight, maxHeight, invalidDateWarningHeight, invalidTimeWarningHeight, timeInputHeight];
   };
 
-  var _excluded$G = ["testId", "defaultValue", "dateTimeMask", "presets", "intervals", "relatives", "expanded", "disabled", "invalid", "showRelativeOption", "showCustomRangeLink", "hasTimeInput", "renderPresetTooltipText", "onCancel", "onApply", "i18n", "light", "locale", "hasIconOnly", "menuOffset", "renderInPortal", "useAutoPositioning", "style", "buttonProps"];
+  var _excluded$G = ["testId", "defaultValue", "dateTimeMask", "presets", "intervals", "relatives", "expanded", "disabled", "invalid", "showRelativeOption", "showCustomRangeLink", "hasTimeInput", "renderPresetTooltipText", "onCancel", "onApply", "i18n", "light", "locale", "timeZone", "hasIconOnly", "menuOffset", "renderInPortal", "useAutoPositioning", "style", "buttonProps"];
   function ownKeys$1u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1u(Object(t), !0).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var iotPrefix$1p = settings.iotPrefix,
@@ -279415,6 +279438,8 @@ React keys must be passed directly to JSX without using spread:
     light: PropTypes.bool,
     /** The language locale used to format the days of the week, months, and numbers. */
     locale: PropTypes.string,
+    /** IANA timezone string to set as default timezone for dayjs */
+    timeZone: PropTypes.string,
     /** Unique id of the component */
     id: PropTypes.string,
     /** Optionally renders only an icon rather than displaying the current selected time */
@@ -279505,6 +279530,7 @@ React keys must be passed directly to JSX without using spread:
     },
     light: false,
     locale: 'en',
+    timeZone: undefined,
     id: undefined,
     hasIconOnly: false,
     menuOffset: undefined,
@@ -279533,6 +279559,7 @@ React keys must be passed directly to JSX without using spread:
       i18n = _ref.i18n,
       light = _ref.light,
       locale = _ref.locale,
+      timeZone = _ref.timeZone,
       hasIconOnly = _ref.hasIconOnly,
       menuOffset = _ref.menuOffset,
       renderInPortal = _ref.renderInPortal,
@@ -279540,6 +279567,9 @@ React keys must be passed directly to JSX without using spread:
       style = _ref.style,
       buttonProps = _ref.buttonProps,
       others = _objectWithoutProperties$3(_ref, _excluded$G);
+    var effectiveTimezone = timeZone || dayjs$1.tz.guess();
+    dayjs$1.tz.setDefault(effectiveTimezone);
+    dayjs$1.locale(locale);
     var id = React$1.useRef(others.id || v4()).current;
     React$1.useEffect(function () {
       {
@@ -279679,7 +279709,7 @@ React keys must be passed directly to JSX without using spread:
         value.kind = PICKER_KINDS$1.PRESET;
       }
       setCurrentValue(value);
-      var parsedValue = parseValue(value, dateTimeMask, mergedI18n.toLabel);
+      var parsedValue = parseValue(value, dateTimeMask, mergedI18n.toLabel, hasTimeInput, effectiveTimezone);
       setHumanValue(parsedValue.readableValue);
       return _objectSpread$1s(_objectSpread$1s({}, value), parsedValue);
     };
@@ -279734,15 +279764,17 @@ React keys must be passed directly to JSX without using spread:
           setIsCustomRange(true);
           setCustomRangeKind(PICKER_KINDS$1.ABSOLUTE);
           if (!absolute.hasOwnProperty('start')) {
-            absolute.start = dayjs$1("".concat(absolute.startDate, " ").concat(absolute.startTime)).valueOf();
+            var startDateTime = "".concat(absolute.startDate, " ").concat(absolute.startTime);
+            absolute.start = dayjs$1.tz(startDateTime, detectDateTimeFormat(startDateTime), effectiveTimezone).valueOf();
           }
           if (!absolute.hasOwnProperty('end')) {
-            absolute.end = dayjs$1("".concat(absolute.endDate, " ").concat(absolute.endTime)).valueOf();
+            var endDateTime = "".concat(absolute.endDate, " ").concat(absolute.endTime);
+            absolute.end = dayjs$1.tz(endDateTime, detectDateTimeFormat(endDateTime), effectiveTimezone).valueOf();
           }
-          absolute.startDate = dayjs$1(absolute.start).format('MM/DD/YYYY');
-          absolute.startTime = dayjs$1(absolute.start).format('HH:mm');
-          absolute.endDate = dayjs$1(absolute.end).format('MM/DD/YYYY');
-          absolute.endTime = dayjs$1(absolute.end).format('HH:mm');
+          absolute.startDate = dayjs$1.tz(absolute.start).format('MM/DD/YYYY');
+          absolute.startTime = dayjs$1.tz(absolute.start).format('HH:mm');
+          absolute.endDate = dayjs$1.tz(absolute.end).format('MM/DD/YYYY');
+          absolute.endTime = dayjs$1.tz(absolute.end).format('HH:mm');
           setAbsoluteValue(absolute);
         }
       } else {
@@ -279789,7 +279821,7 @@ React keys must be passed directly to JSX without using spread:
       humanValue: humanValue
     });
     var disableRelativeApply = isCustomRange && customRangeKind === PICKER_KINDS$1.RELATIVE && (relativeLastNumberInvalid || relativeToTimeInvalid);
-    var disableAbsoluteApply = isCustomRange && customRangeKind === PICKER_KINDS$1.ABSOLUTE && (absoluteStartTimeInvalid || absoluteEndTimeInvalid || absoluteValue.startDate === '' && absoluteValue.endDate === '' || (hasTimeInput ? !absoluteValue.startTime || !absoluteValue.endTime : false));
+    var disableAbsoluteApply = isCustomRange && customRangeKind === PICKER_KINDS$1.ABSOLUTE && (absoluteStartTimeInvalid || absoluteEndTimeInvalid || !absoluteValue.startDate || !absoluteValue.endDate || (hasTimeInput ? !absoluteValue.startTime || !absoluteValue.endTime : false));
     var disableApply = disableRelativeApply || disableAbsoluteApply;
     React$1.useEffect(function () {
       return setInvalidState(invalid || disableApply);
@@ -280483,6 +280515,17 @@ React keys must be passed directly to JSX without using spread:
         },
         "required": false
       },
+      "timeZone": {
+        "defaultValue": {
+          "value": "undefined",
+          "computed": true
+        },
+        "description": "IANA timezone string to set as default timezone for dayjs",
+        "type": {
+          "name": "string"
+        },
+        "required": false
+      },
       "id": {
         "defaultValue": {
           "value": "undefined",
@@ -281387,6 +281430,8 @@ React keys must be passed directly to JSX without using spread:
     testId: PropTypes.string,
     /** the locale of the card, needed for number and date formatting */
     locale: PropTypes.string,
+    /** IANA timezone string to set as default timezone for dayjs */
+    timeZone: PropTypes.string,
     /** a way to pass down dashboard grid resize handles, only used by other card types */
     resizeHandles: PropTypes.array,
     /** Optional callback function that is passed an onChange function and the original cardConfig object.
@@ -284117,7 +284162,7 @@ React keys must be passed directly to JSX without using spread:
     : dataOrHoveredElement;
     var timeStamp = Array.isArray(data) ? (_data$ = data[0]) === null || _data$ === void 0 || (_data$ = _data$.date) === null || _data$ === void 0 ? void 0 : _data$.getTime() : data === null || data === void 0 || (_data$date = data.date) === null || _data$date === void 0 ? void 0 : _data$date.getTime();
     var dateLabel = timeStamp ? "<li class='datapoint-tooltip'>\n        <p class='label'>".concat((showTimeInGMT // show timestamp in gmt or local time
-    ? dayjs$1.utc(timeStamp) : dayjs$1(timeStamp)).format(tooltipDateFormatPattern), "</p>\n      </li>") : '';
+    ? dayjs$1.utc(timeStamp) : dayjs$1.tz(timeStamp)).format(tooltipDateFormatPattern), "</p>\n      </li>") : '';
     var matchingAlertRanges = findMatchingAlertRange(alertRanges, data);
     var matchingAlertLabels = Array.isArray(matchingAlertRanges) ? matchingAlertRanges.map(function (matchingAlertRange) {
       return "<li class='datapoint-tooltip'><a style=\"background-color:".concat(matchingAlertRange.color, "\" class=\"tooltip-color\"></a><p class='label'>").concat(alertDetected, " ").concat(matchingAlertRange.details, "</p></li>");
@@ -284856,7 +284901,8 @@ React keys must be passed directly to JSX without using spread:
       dateTimeMask = _ref.dateTimeMask,
       extraActions = _ref.extraActions,
       renderDateDropdownInPortal = _ref.renderDateDropdownInPortal,
-      id = _ref.id;
+      id = _ref.id,
+      timeZone = _ref.timeZone;
     var mergedI18n = _objectSpread$1o(_objectSpread$1o({}, defaultProps$1J.i18n), i18n);
     var langDir = useLangDirection();
     var overflowMenuPosition = React$1.useMemo(function () {
@@ -284960,6 +285006,7 @@ React keys must be passed directly to JSX without using spread:
       i18n: mergedI18n,
       dateTimeMask: dateTimeMask,
       locale: locale,
+      timeZone: timeZone,
       hasIconOnly: true,
       presets: Object.entries(timeRangeOptions).reduce(function (acc, _ref2) {
         var _ref3 = _slicedToArray$9(_ref2, 2),
@@ -285470,7 +285517,7 @@ React keys must be passed directly to JSX without using spread:
   };
 
   var _excluded$F = ["isSelected", "children", "dimensions", "id", "style", "className", "onScroll", "onMouseDown", "onMouseUp", "onTouchEnd", "onTouchStart", "onFocus", "onBlur", "tabIndex", "testID", "testId"],
-    _excluded2$4 = ["size", "children", "title", "subtitle", "hasTitleWrap", "layout", "isLoading", "isEmpty", "isEditable", "isExpanded", "isLazyLoading", "isResizable", "resizeHandles", "error", "hideHeader", "id", "tooltip", "titleTextTooltip", "timeRange", "timeRangeOptions", "onCardAction", "availableActions", "renderExpandIcon", "renderDateDropdownInPortal", "breakpoint", "i18n", "style", "className", "values", "testID", "testId", "contentClassName", "footerContent", "dateTimeMask", "extraActions", "padding", "overrides", "type", "data", "content", "shouldUseTranslatedLabels"];
+    _excluded2$4 = ["size", "children", "title", "subtitle", "hasTitleWrap", "layout", "isLoading", "isEmpty", "isEditable", "isExpanded", "isLazyLoading", "isResizable", "resizeHandles", "error", "hideHeader", "id", "tooltip", "titleTextTooltip", "timeRange", "timeRangeOptions", "onCardAction", "availableActions", "renderExpandIcon", "renderDateDropdownInPortal", "breakpoint", "i18n", "style", "className", "values", "testID", "testId", "contentClassName", "footerContent", "dateTimeMask", "extraActions", "padding", "overrides", "type", "data", "content", "timeZone", "shouldUseTranslatedLabels"];
   function ownKeys$1p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), !0).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var prefix$l = settings.prefix,
@@ -285733,9 +285780,11 @@ React keys must be passed directly to JSX without using spread:
       type = props.type,
       data = props.data,
       content = props.content,
+      timeZone = props.timeZone,
       shouldUseTranslatedLabels = props.shouldUseTranslatedLabels,
       others = _objectWithoutProperties$3(props, _excluded2$4);
-
+    var effectiveTimezone = timeZone || dayjs$1.tz.guess();
+    dayjs$1.tz.setDefault(effectiveTimezone);
     // Get translated title if shouldUseTranslatedLabels is true
     var title = getTranslatedLabel(titleProp, shouldUseTranslatedLabels, i18n);
     var tooltip = getTranslatedLabel(tooltipProp, shouldUseTranslatedLabels, i18n);
@@ -285773,12 +285822,12 @@ React keys must be passed directly to JSX without using spread:
         return subtitleProp;
       }
       if (mergedAvailableActions.range === 'full' || mergedAvailableActions.range === 'iconOnly') {
-        var _parseValue = parseValue(timeRange, dateTimeMask, strings.toLabel),
+        var _parseValue = parseValue(timeRange, dateTimeMask, strings.toLabel, true, effectiveTimezone),
           readableValue = _parseValue.readableValue;
         return readableValue;
       }
       return undefined;
-    }, [dateTimeMask, mergedAvailableActions.range, strings.toLabel, subtitleProp, timeRange]);
+    }, [dateTimeMask, mergedAvailableActions.range, strings.toLabel, subtitleProp, timeRange, effectiveTimezone]);
     var _useState = React$1.useState(getTheSubtitle),
       _useState2 = _slicedToArray$9(_useState, 2),
       subtitle = _useState2[0],
@@ -285836,6 +285885,7 @@ React keys must be passed directly to JSX without using spread:
       isExpanded: isExpanded,
       timeRange: timeRange,
       locale: others.locale,
+      timeZone: effectiveTimezone,
       timeRangeOptions: timeRangeOptions,
       onCardAction: cachedOnCardAction
       // TODO: remove deprecated testID prop in v3
@@ -286621,7 +286671,7 @@ React keys must be passed directly to JSX without using spread:
     var previousTickTimestamp = arguments.length > 5 ? arguments[5] : undefined;
     var shouldDisplayGMT = arguments.length > 6 ? arguments[6] : undefined;
     dayjs$1.locale(locale);
-    var currentTimestamp = shouldDisplayGMT ? dayjs$1.utc(timestamp) : dayjs$1(timestamp);
+    var currentTimestamp = shouldDisplayGMT ? dayjs$1.utc(timestamp) : dayjs$1.tz(timestamp);
     var sameDay = dayjs$1(previousTickTimestamp).isSame(currentTimestamp, 'day');
     var sameMonth = dayjs$1(previousTickTimestamp).isSame(currentTimestamp, 'month');
     var sameYear = dayjs$1(previousTickTimestamp).isSame(currentTimestamp, 'year');
@@ -286715,7 +286765,7 @@ React keys must be passed directly to JSX without using spread:
             // Check to see if the data Item actually exists in this timestamp before adding to data (to support sparse data in the values)
             if (!isNil(dataItem[dataSourceId])) {
               data.push({
-                date: dataItem[timeDataSourceId] instanceof Date ? dataItem[timeDataSourceId] : new Date(dataItem[timeDataSourceId]),
+                date: dayjs$1.tz(dataItem[timeDataSourceId]).toDate(),
                 value: dataItem[dataSourceId],
                 group: label,
                 dataSourceId: dataSourceId
@@ -287204,8 +287254,7 @@ React keys must be passed directly to JSX without using spread:
                   // bar this data belongs to
                   value: value[dataset.dataSourceId]
                 }, timeDataSourceId && type !== BAR_CHART_TYPES.GROUPED ? {
-                  date: new Date(value[timeDataSourceId]),
-                  // timestamp
+                  date: dayjs$1.tz(value[timeDataSourceId]).toDate(),
                   key: value[timeDataSourceId]
                 } : {
                   key: value[categoryDataSourceId]
@@ -287250,14 +287299,13 @@ React keys must be passed directly to JSX without using spread:
           dataset.forEach(function (value) {
             // if value is null, don't add it to the formatted chartData
             if (!isNil(value[series[0].dataSourceId])) {
-              var dataDate = new Date(value[timeDataSourceId]);
               data.push({
                 // Use the label if one exists
                 group: series[0].label ? series[0].label : series[0].dataSourceId,
                 // bar this data belongs to
                 value: value[series[0].dataSourceId],
                 // there should only be one series here because its a simple bar
-                date: dataDate // timestamp
+                date: dayjs$1.tz(value[timeDataSourceId]).toDate()
               });
             }
           });
@@ -287378,10 +287426,12 @@ React keys must be passed directly to JSX without using spread:
    * @param {string} timeDatasourceId time-based attribute
    * @param {bool} showTimeInGMT
    * @param {string} tooltipDataFormatPattern
+   * @param {string} timezone
    */
   var handleTooltip = function handleTooltip(dataOrHoveredElement, defaultTooltip, _datum, timeDataSourceId, showTimeInGMT) {
     var tooltipDateFormatPattern = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : DAYJS_INPUT_FORMATS.SECONDS;
     var locale = arguments.length > 6 ? arguments[6] : undefined;
+    var timezone = arguments.length > 7 ? arguments[7] : undefined;
     dayjs$1.locale(locale);
     var data = dataOrHoveredElement.__data__ // eslint-disable-line no-underscore-dangle
     ? dataOrHoveredElement.__data__ // eslint-disable-line no-underscore-dangle
@@ -287395,8 +287445,7 @@ React keys must be passed directly to JSX without using spread:
     if (timeDataSourceId) {
       // generate the formatted label
       var timestamp = typedData === null || typedData === void 0 ? void 0 : typedData.date;
-      var dateLabel = timestamp ? "<li class='datapoint-tooltip'>\n            <p class='label'>\n              ".concat((showTimeInGMT // show timestamp in gmt or local time
-      ? dayjs$1.utc(timestamp) : dayjs$1(timestamp)).format(tooltipDateFormatPattern), "</p>\n          </li>") : '';
+      var dateLabel = timestamp ? "<li class='datapoint-tooltip'>\n            <p class='label'>\n              ".concat((showTimeInGMT ? dayjs$1.utc(timestamp) : dayjs$1(timestamp).tz(timezone)).format(tooltipDateFormatPattern), "</p>\n          </li>") : '';
       var _convertStringsToDOME3 = convertStringsToDOMElement([dateLabel]),
         _convertStringsToDOME4 = _slicedToArray$9(_convertStringsToDOME3, 1),
         parsedDateLabel = _convertStringsToDOME4[0];
@@ -287462,6 +287511,8 @@ React keys must be passed directly to JSX without using spread:
    * @param {string} type of chart i.e. simple, grouped, stacked
    * @param {Array<Object>} values values before they are formatted for charting
    * @param {Array<Object>} chartData values after they are formatted for charting
+   * @param {string} defaultDateFormatPattern date format pattern
+   * @param {string} timezone timezone to use for formatting dates
    */
   var formatTableData = function formatTableData(timeDataSourceId, categoryDataSourceId, type, values, chartData) {
     var defaultDateFormatPattern = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : DAYJS_INPUT_FORMATS.SECONDS;
@@ -287486,7 +287537,7 @@ React keys must be passed directly to JSX without using spread:
           });
           tableData.push({
             id: "dataindex-".concat(index),
-            values: _objectSpread$1l(_objectSpread$1l({}, barTimeValue), {}, _defineProperty$c({}, timeDataSourceId, dayjs$1(timestamp).format(defaultDateFormatPattern))),
+            values: _objectSpread$1l(_objectSpread$1l({}, barTimeValue), {}, _defineProperty$c({}, timeDataSourceId, dayjs$1.tz(timestamp).format(defaultDateFormatPattern))),
             isSelectable: false
           });
         });
@@ -287545,7 +287596,7 @@ React keys must be passed directly to JSX without using spread:
     }
   };
 
-  var _excluded$E = ["title", "content", "children", "size", "values", "availableDimensions", "locale", "i18n", "isExpanded", "isLazyLoading", "isEditable", "isDashboardPreview", "isLoading", "isResizable", "interval", "className", "domainRange", "timeRange", "showTimeInGMT", "tooltipDateFormatPattern", "testID", "testId", "defaultDateFormatPattern"];
+  var _excluded$E = ["title", "content", "children", "size", "values", "availableDimensions", "locale", "timeZone", "i18n", "isExpanded", "isLazyLoading", "isEditable", "isDashboardPreview", "isLoading", "isResizable", "interval", "className", "domainRange", "timeRange", "showTimeInGMT", "tooltipDateFormatPattern", "testID", "testId", "defaultDateFormatPattern"];
   function ownKeys$1m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var iotPrefix$1j = settings.iotPrefix;
@@ -287570,6 +287621,7 @@ React keys must be passed directly to JSX without using spread:
       series: []
     },
     locale: 'en',
+    timeZone: undefined,
     showTimeInGMT: false,
     tooltipDateFormatPattern: DAYJS_INPUT_FORMATS.SECONDS,
     values: null,
@@ -287583,6 +287635,7 @@ React keys must be passed directly to JSX without using spread:
       initialValues = _ref.values,
       availableDimensions = _ref.availableDimensions,
       locale = _ref.locale,
+      timeZone = _ref.timeZone,
       i18n = _ref.i18n,
       isExpanded = _ref.isExpanded,
       isLazyLoading = _ref.isLazyLoading,
@@ -287600,6 +287653,8 @@ React keys must be passed directly to JSX without using spread:
       testId = _ref.testId,
       defaultDateFormatPattern = _ref.defaultDateFormatPattern,
       others = _objectWithoutProperties$3(_ref, _excluded$E);
+    var effectiveTimezone = timeZone || dayjs$1.tz.guess();
+    dayjs$1.tz.setDefault(effectiveTimezone);
     // need to deep merge the nested content default props as default props only uses a shallow merge natively
     var contentWithDefaults = React$1.useMemo(function () {
       return _defaultsDeep({}, content, defaultProps$1G.content);
@@ -287760,7 +287815,7 @@ React keys must be passed directly to JSX without using spread:
             for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
               args[_key] = arguments[_key];
             }
-            return handleTooltip.apply(void 0, args.concat([timeDataSourceId, showTimeInGMT, tooltipDateFormatPattern, locale]));
+            return handleTooltip.apply(void 0, args.concat([timeDataSourceId, showTimeInGMT, tooltipDateFormatPattern, locale, effectiveTimezone]));
           },
           groupLabel: mergedI18n.tooltipGroupLabel,
           totalLabel: mergedI18n.tooltipTotalLabel
@@ -287779,7 +287834,7 @@ React keys must be passed directly to JSX without using spread:
           enabled: false
         }
       });
-    }, [xLabel, layout, unit, scaleType, type, timeDataSourceId, axes.bottomAxesMapsTo, axes.leftAxesMapsTo, domainRange, decimalPrecision, maxTicksPerSize, formatTick, yLabel, legendPosition, chartData.length, isEditable, truncation, colors, mergedI18n.tooltipGroupLabel, mergedI18n.tooltipTotalLabel, zoomBar, size, isExpanded, locale, showTimeInGMT, tooltipDateFormatPattern]);
+    }, [xLabel, layout, unit, scaleType, type, timeDataSourceId, axes.bottomAxesMapsTo, axes.leftAxesMapsTo, domainRange, decimalPrecision, maxTicksPerSize, formatTick, yLabel, legendPosition, chartData.length, isEditable, truncation, colors, mergedI18n.tooltipGroupLabel, mergedI18n.tooltipTotalLabel, zoomBar, size, isExpanded, locale, showTimeInGMT, tooltipDateFormatPattern, effectiveTimezone]);
     return /*#__PURE__*/React$1.createElement(Card$1, _extends$4({
       title: title,
       className: classnames(className, "".concat(iotPrefix$1j, "--bar-chart-card")),
@@ -287793,7 +287848,8 @@ React keys must be passed directly to JSX without using spread:
       isResizable: isResizable,
       resizeHandles: resizeHandles,
       timeRange: timeRange,
-      locale: locale
+      locale: locale,
+      timeZone: effectiveTimezone
       // TODO: remove deprecated testID in v3.
       ,
       testId: testID || testId
@@ -287889,6 +287945,13 @@ React keys must be passed directly to JSX without using spread:
         },
         "required": false
       },
+      "timeZone": {
+        "defaultValue": {
+          "value": "undefined",
+          "computed": true
+        },
+        "required": false
+      },
       "showTimeInGMT": {
         "defaultValue": {
           "value": "false",
@@ -290142,7 +290205,7 @@ React keys must be passed directly to JSX without using spread:
     }
   };
 
-  var _excluded$D = ["testId", "defaultValue", "dateTimeMask", "presets", "intervals", "relatives", "expanded", "disabled", "invalid", "showRelativeOption", "showCustomRangeLink", "hasTimeInput", "renderPresetTooltipText", "onCancel", "onApply", "i18n", "light", "locale", "style"];
+  var _excluded$D = ["testId", "defaultValue", "dateTimeMask", "presets", "intervals", "relatives", "expanded", "disabled", "invalid", "showRelativeOption", "showCustomRangeLink", "hasTimeInput", "renderPresetTooltipText", "onCancel", "onApply", "i18n", "light", "locale", "timeZone", "style"];
   function ownKeys$1k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), !0).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var iotPrefix$1f = settings.iotPrefix,
@@ -290289,6 +290352,8 @@ React keys must be passed directly to JSX without using spread:
     light: PropTypes.bool,
     /** The language locale used to format the days of the week, months, and numbers. */
     locale: PropTypes.string,
+    /** IANA timezone string to interpret datetime values in (e.g., 'America/New_York') */
+    timeZone: PropTypes.string,
     /** Unique id of the component */
     id: PropTypes.string,
     style: PropTypes.objectOf(PropTypes.string)
@@ -290364,6 +290429,7 @@ React keys must be passed directly to JSX without using spread:
     },
     light: false,
     locale: 'en',
+    timeZone: undefined,
     id: undefined,
     style: {}
   };
@@ -290386,10 +290452,13 @@ React keys must be passed directly to JSX without using spread:
       i18n = _ref.i18n,
       light = _ref.light,
       locale = _ref.locale,
+      timeZone = _ref.timeZone,
       style = _ref.style,
       others = _objectWithoutProperties$3(_ref, _excluded$D);
     var id = React$1.useRef(others.id || v4()).current;
     var mergedI18n = _objectSpread$1i(_objectSpread$1i({}, defaultProps$1B.i18n), i18n);
+    var effectiveTimezone = timeZone || dayjs$1.tz.guess();
+    dayjs$1.tz.setDefault(effectiveTimezone);
     dayjs$1.locale(locale);
 
     // State
@@ -290516,7 +290585,7 @@ React keys must be passed directly to JSX without using spread:
         value.kind = PICKER_KINDS.PRESET;
       }
       setCurrentValue(value);
-      var parsedValue = parseValue(value, dateTimeMask, mergedI18n.toLabel);
+      var parsedValue = parseValue(value, dateTimeMask, mergedI18n.toLabel, hasTimeInput, effectiveTimezone);
       setHumanValue(parsedValue.readableValue);
       return _objectSpread$1i(_objectSpread$1i({}, value), parsedValue);
     };
@@ -290571,15 +290640,17 @@ React keys must be passed directly to JSX without using spread:
           setIsCustomRange(true);
           setCustomRangeKind(PICKER_KINDS.ABSOLUTE);
           if (!absolute.hasOwnProperty('start')) {
-            absolute.start = dayjs$1("".concat(absolute.startDate, " ").concat(absolute.startTime)).valueOf();
+            var startDateTime = "".concat(absolute.startDate, " ").concat(absolute.startTime);
+            absolute.start = dayjs$1.tz(startDateTime, detectDateTimeFormat(startDateTime), effectiveTimezone).valueOf();
           }
           if (!absolute.hasOwnProperty('end')) {
-            absolute.end = dayjs$1("".concat(absolute.endDate, " ").concat(absolute.endTime)).valueOf();
+            var endDateTime = "".concat(absolute.endDate, " ").concat(absolute.endTime);
+            absolute.end = dayjs$1.tz(endDateTime, detectDateTimeFormat(endDateTime), effectiveTimezone).valueOf();
           }
-          absolute.startDate = dayjs$1(absolute.start).format('MM/DD/YYYY');
-          absolute.startTime = dayjs$1(absolute.start).format('HH:mm');
-          absolute.endDate = dayjs$1(absolute.end).format('MM/DD/YYYY');
-          absolute.endTime = dayjs$1(absolute.end).format('HH:mm');
+          absolute.startDate = dayjs$1.tz(absolute.start).format('MM/DD/YYYY');
+          absolute.startTime = dayjs$1.tz(absolute.start).format('HH:mm');
+          absolute.endDate = dayjs$1.tz(absolute.end).format('MM/DD/YYYY');
+          absolute.endTime = dayjs$1.tz(absolute.end).format('HH:mm');
           setAbsoluteValue(absolute);
         }
       } else {
@@ -290668,7 +290739,7 @@ React keys must be passed directly to JSX without using spread:
       humanValue: humanValue
     });
     var disableRelativeApply = isCustomRange && customRangeKind === PICKER_KINDS.RELATIVE && (relativeLastNumberInvalid || relativeToTimeInvalid);
-    var disableAbsoluteApply = isCustomRange && customRangeKind === PICKER_KINDS.ABSOLUTE && (absoluteStartTimeInvalid || absoluteEndTimeInvalid || absoluteValue.startDate === '' && absoluteValue.endDate === '' || (hasTimeInput ? !absoluteValue.startTime || !absoluteValue.endTime : false));
+    var disableAbsoluteApply = isCustomRange && customRangeKind === PICKER_KINDS.ABSOLUTE && (absoluteStartTimeInvalid || absoluteEndTimeInvalid || !absoluteValue.startDate || !absoluteValue.endDate || (hasTimeInput ? !absoluteValue.startTime || !absoluteValue.endTime : false));
     var disableApply = disableRelativeApply || disableAbsoluteApply;
     React$1.useEffect(function () {
       return setInvalidState(invalid || disableApply);
@@ -291382,6 +291453,17 @@ React keys must be passed directly to JSX without using spread:
         },
         "required": false
       },
+      "timeZone": {
+        "defaultValue": {
+          "value": "undefined",
+          "computed": true
+        },
+        "description": "IANA timezone string to interpret datetime values in (e.g., 'America/New_York')",
+        "type": {
+          "name": "string"
+        },
+        "required": false
+      },
       "id": {
         "defaultValue": {
           "value": "undefined",
@@ -292313,7 +292395,6 @@ React keys must be passed directly to JSX without using spread:
       return setInvalidState(invalid);
     }, [invalid]);
     var onApplyClick = function onApplyClick() {
-      var _value$absolute$start, _value$absolute$end;
       var value = renderValue();
       var returnValue = {
         timeRangeKind: value.kind,
@@ -292328,8 +292409,8 @@ React keys must be passed directly to JSX without using spread:
           returnValue.timeRangeValue = _objectSpread$1h(_objectSpread$1h({}, value.absolute), {}, {
             humanValue: humanValue,
             tooltipValue: tooltipValue,
-            ISOStart: (_value$absolute$start = value.absolute.start) === null || _value$absolute$start === void 0 ? void 0 : _value$absolute$start.toISOString(),
-            ISOEnd: (_value$absolute$end = value.absolute.end) === null || _value$absolute$end === void 0 ? void 0 : _value$absolute$end.toISOString()
+            ISOStart: value.absolute.start ? new Date(value.absolute.start).toISOString() : undefined,
+            ISOEnd: value.absolute.end ? new Date(value.absolute.end).toISOString() : undefined
           });
           break;
         case PICKER_KINDS$1.SINGLE:
@@ -313598,7 +313679,7 @@ React keys must be passed directly to JSX without using spread:
   };
   var ValueContent$1 = ValueContent;
 
-  var _excluded$p = ["title", "content", "size", "values", "isEditable", "isResizable", "i18n", "dataState", "id", "locale", "customFormatter", "children", "fontSize", "isNumberValueCompact", "testID", "testId", "onAttributeClick", "className", "shouldUseTranslatedLabels"];
+  var _excluded$p = ["title", "content", "size", "values", "isEditable", "isResizable", "i18n", "dataState", "id", "locale", "timeZone", "customFormatter", "children", "fontSize", "isNumberValueCompact", "testID", "testId", "onAttributeClick", "className", "shouldUseTranslatedLabels"];
   function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 
@@ -313619,6 +313700,7 @@ React keys must be passed directly to JSX without using spread:
       dataState = _ref.dataState,
       id = _ref.id,
       locale = _ref.locale,
+      timeZone = _ref.timeZone,
       customFormatter = _ref.customFormatter,
       children = _ref.children,
       fontSize = _ref.fontSize,
@@ -313629,6 +313711,8 @@ React keys must be passed directly to JSX without using spread:
       className = _ref.className,
       shouldUseTranslatedLabels = _ref.shouldUseTranslatedLabels,
       others = _objectWithoutProperties$3(_ref, _excluded$p);
+    var effectiveTimezone = timeZone || dayjs$1.tz.guess();
+    dayjs$1.tz.setDefault(effectiveTimezone);
     var availableActions = _objectSpread$X({
       expand: false
     }, others.availableActions);
@@ -313654,6 +313738,7 @@ React keys must be passed directly to JSX without using spread:
       i18n: i18n,
       shouldUseTranslatedLabels: shouldUseTranslatedLabels,
       locale: locale,
+      timeZone: effectiveTimezone,
       id: id,
       className: classnames(className, _defineProperty$c(_defineProperty$c({}, "".concat(BASE_CLASS_NAME$2, "__horizontal"), layout === CARD_LAYOUTS.HORIZONTAL), "".concat(BASE_CLASS_NAME$2, "__vertical"), layout === CARD_LAYOUTS.VERTICAL))
       // TODO: remove deprecated 'testID' in v3.
@@ -321121,7 +321206,7 @@ React keys must be passed directly to JSX without using spread:
   };
   var ImageUploader$1 = ImageUploader;
 
-  var _excluded$m = ["title", "content", "children", "values", "size", "onCardAction", "availableActions", "isEditable", "isExpanded", "isResizable", "error", "isLoading", "maxFileSizeInBytes", "i18n", "i18n", "renderIconByName", "locale", "onUpload", "validateUploadedImage", "onBrowseClick", "testID", "testId"];
+  var _excluded$m = ["title", "content", "children", "values", "size", "onCardAction", "availableActions", "isEditable", "isExpanded", "isResizable", "error", "isLoading", "maxFileSizeInBytes", "i18n", "i18n", "renderIconByName", "locale", "onUpload", "validateUploadedImage", "onBrowseClick", "testID", "testId", "timeZone"];
   function ownKeys$S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), !0).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var iotPrefix$W = settings.iotPrefix;
@@ -321143,6 +321228,7 @@ React keys must be passed directly to JSX without using spread:
       }
     },
     locale: 'en',
+    timeZone: undefined,
     content: {},
     maxFileSizeInBytes: 1048576,
     accept: null,
@@ -321202,7 +321288,10 @@ React keys must be passed directly to JSX without using spread:
       onBrowseClick = _ref.onBrowseClick,
       testID = _ref.testID,
       testId = _ref.testId,
+      timeZone = _ref.timeZone,
       others = _objectWithoutProperties$3(_ref, _excluded$m);
+    var effectiveTimezone = timeZone || dayjs$1.tz.guess();
+    dayjs$1.tz.setDefault(effectiveTimezone);
     var _useState = React$1.useState(content),
       _useState2 = _slicedToArray$9(_useState, 2),
       imgContent = _useState2[0],
@@ -321261,7 +321350,8 @@ React keys must be passed directly to JSX without using spread:
       // TODO: remove deprecated testID prop in v3.
       ,
       testId: testID || testId,
-      locale: locale
+      locale: locale,
+      timeZone: effectiveTimezone
     }, others, {
       error: error,
       i18n: mergedI18n
@@ -321337,6 +321427,13 @@ React keys must be passed directly to JSX without using spread:
         },
         "required": false
       },
+      "timeZone": {
+        "defaultValue": {
+          "value": "undefined",
+          "computed": true
+        },
+        "required": false
+      },
       "content": {
         "defaultValue": {
           "value": "{}",
@@ -321442,7 +321539,7 @@ React keys must be passed directly to JSX without using spread:
                 });
                 var variableValue =
                 // format the TIMESTAMP type columns
-                (matchingColumn === null || matchingColumn === void 0 ? void 0 : matchingColumn.type) === 'TIMESTAMP' ? dayjs$1(row[variable]).format(defaultDateFormatPattern) : row[variable];
+                (matchingColumn === null || matchingColumn === void 0 ? void 0 : matchingColumn.type) === 'TIMESTAMP' ? dayjs$1.tz(row[variable]).format(defaultDateFormatPattern) : row[variable];
                 // encode value so the URL can be valid
                 var encodedValue = typeof variableValue === 'string' && variableValue !== null && variableValue !== void 0 && variableValue.includes('https') ? variableValue : encodeURIComponent(variableValue);
                 variableLink = variableLink.replace("{".concat(variable, "}"), encodedValue);
@@ -321510,7 +321607,7 @@ React keys must be passed directly to JSX without using spread:
     var defaultDateFormatPattern = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DAYJS_INPUT_FORMATS.SECONDS;
     return _objectSpread$R(_objectSpread$R({}, column.type === 'TIMESTAMP' ? {
       filterFunction: function filterFunction(cellValue, filterValue) {
-        var dateString = dayjs$1(cellValue).format(defaultDateFormatPattern);
+        var dateString = dayjs$1.tz(cellValue).format(defaultDateFormatPattern);
         return dateString.includes(filterValue);
       }
     } : {}), {}, {
@@ -321736,13 +321833,14 @@ React keys must be passed directly to JSX without using spread:
   };
   var ThresholdIcon$1 = ThresholdIcon;
 
-  var _excluded$l = ["id", "title", "isExpanded", "content", "children", "size", "onCardAction", "values", "filters", "isEditable", "isResizable", "i18n", "tooltip", "locale", "timeRange", "timeRangeOptions", "availableActions", "isLoading", "testID", "testId", "className", "renderDateDropdownInPortal", "withToolbarTooltips", "defaultDateFormatPattern", "extraActions"];
+  var _excluded$l = ["id", "title", "isExpanded", "content", "children", "size", "onCardAction", "values", "filters", "isEditable", "isResizable", "i18n", "tooltip", "locale", "timeZone", "timeRange", "timeRangeOptions", "availableActions", "isLoading", "testID", "testId", "className", "renderDateDropdownInPortal", "withToolbarTooltips", "defaultDateFormatPattern", "extraActions"];
   function ownKeys$Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), !0).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var iotPrefix$U = settings.iotPrefix;
   var defaultProps$$ = {
     size: CARD_SIZES.LARGE,
     locale: 'en',
+    timeZone: undefined,
     values: [],
     filters: [],
     i18n: {
@@ -321796,6 +321894,7 @@ React keys must be passed directly to JSX without using spread:
       i18n = _ref.i18n,
       tooltip = _ref.tooltip,
       locale = _ref.locale,
+      timeZone = _ref.timeZone,
       timeRange = _ref.timeRange,
       timeRangeOptions = _ref.timeRangeOptions,
       availableActions = _ref.availableActions,
@@ -321809,8 +321908,8 @@ React keys must be passed directly to JSX without using spread:
       extraActions = _ref.extraActions,
       others = _objectWithoutProperties$3(_ref, _excluded$l);
     var mergedI18n = _objectSpread$Q(_objectSpread$Q({}, defaultProps$$.i18n), i18n);
-
-    // Set the locale
+    var effectiveTimezone = timeZone || dayjs$1.tz.guess();
+    dayjs$1.tz.setDefault(effectiveTimezone);
     dayjs$1.locale(locale);
     /** Searches for variables and updates the card if it is passed the cardVariables prop */
     // Need to skip the linkTemplate variable for now because we will handle it at render time per row
@@ -321993,7 +322092,7 @@ React keys must be passed directly to JSX without using spread:
         var values = _objectSpread$Q({}, row.values);
         Object.keys(values).forEach(function (column) {
           if (!isEditable && filteredTimestampColumns.includes(column)) {
-            values[column] = values[column] ? dayjs$1(values[column]).format(defaultDateFormatPattern) : '';
+            values[column] = values[column] ? dayjs$1.tz(values[column]).format(defaultDateFormatPattern) : '';
           }
         });
         return _objectSpread$Q(_objectSpread$Q({}, row), {}, {
@@ -322171,6 +322270,7 @@ React keys must be passed directly to JSX without using spread:
       timeRangeOptions: timeRangeOptions,
       renderDateDropdownInPortal: renderDateDropdownInPortal,
       locale: locale,
+      timeZone: effectiveTimezone,
       id: id,
       extraActions: extraActions
     });
@@ -322188,6 +322288,7 @@ React keys must be passed directly to JSX without using spread:
       isExpanded: isExpanded,
       i18n: mergedI18n,
       locale: locale,
+      timeZone: effectiveTimezone,
       resizeHandles: resizeHandles,
       hideHeader: true,
       className: classnames("".concat(iotPrefix$U, "--table-card"), className, _defineProperty$c({}, "".concat(iotPrefix$U, "--table-card--with-tooltips"), withToolbarTooltips))
@@ -322295,6 +322396,13 @@ React keys must be passed directly to JSX without using spread:
         },
         "required": false
       },
+      "timeZone": {
+        "defaultValue": {
+          "value": "undefined",
+          "computed": true
+        },
+        "required": false
+      },
       "values": {
         "defaultValue": {
           "value": "[]",
@@ -322346,7 +322454,7 @@ React keys must be passed directly to JSX without using spread:
   };
   var TableCard$1 = TableCard;
 
-  var _excluded$k = ["title", "content", "children", "size", "interval", "isEditable", "isResizable", "values", "locale", "i18n", "isExpanded", "timeRange", "isLazyLoading", "isLoading", "domainRange", "tooltipDateFormatPattern", "tooltipShowTotals", "showTimeInGMT", "testID", "testId", "defaultDateFormatPattern"];
+  var _excluded$k = ["title", "content", "children", "size", "interval", "isEditable", "isResizable", "values", "locale", "timeZone", "i18n", "isExpanded", "timeRange", "isLazyLoading", "isLoading", "domainRange", "tooltipDateFormatPattern", "tooltipShowTotals", "showTimeInGMT", "testID", "testId", "defaultDateFormatPattern"];
   function ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), !0).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var iotPrefix$T = settings.iotPrefix;
@@ -322463,6 +322571,7 @@ React keys must be passed directly to JSX without using spread:
     },
     chartType: TIME_SERIES_TYPES.LINE,
     locale: 'en',
+    timeZone: undefined,
     content: {
       series: [],
       timeDataSourceId: 'timestamp',
@@ -322493,6 +322602,7 @@ React keys must be passed directly to JSX without using spread:
       isResizable = _ref.isResizable,
       initialValues = _ref.values,
       locale = _ref.locale,
+      timeZone = _ref.timeZone,
       i18n = _ref.i18n,
       isExpanded = _ref.isExpanded,
       timeRange = _ref.timeRange,
@@ -322506,6 +322616,9 @@ React keys must be passed directly to JSX without using spread:
       testId = _ref.testId,
       defaultDateFormatPattern = _ref.defaultDateFormatPattern,
       others = _objectWithoutProperties$3(_ref, _excluded$k);
+    var effectiveTimezone = timeZone || dayjs$1.tz.guess();
+    dayjs$1.tz.setDefault(effectiveTimezone);
+    dayjs$1.locale(locale);
     // need to deep merge the nested content default props as default props only uses a shallow merge natively
     var contentWithDefaults = React$1.useMemo(function () {
       return _defaultsDeep({}, content, defaultProps$_.content);
@@ -322535,8 +322648,6 @@ React keys must be passed directly to JSX without using spread:
       valuesProp = _handleCardVariables.values;
     var chartRef = React$1.useRef(null);
     var previousTick = React$1.useRef();
-    dayjs$1.locale(locale);
-
     // Workaround since downstream consumers might keep regenerating the series object and useMemo does a direct in-memory comparison for the object
     var objectAgnosticSeries = JSON.stringify(series);
     var objectAgnosticThresholds = JSON.stringify(thresholds);
@@ -322616,7 +322727,7 @@ React keys must be passed directly to JSX without using spread:
           });
           return {
             id: "dataindex-".concat(index),
-            values: _objectSpread$P(_objectSpread$P({}, _omit(value, timeDataSourceId)), {}, _defineProperty$c({}, timeDataSourceId, dayjs$1(value[timeDataSourceId]).format(defaultDateFormatPattern))),
+            values: _objectSpread$P(_objectSpread$P({}, _omit(value, timeDataSourceId)), {}, _defineProperty$c({}, timeDataSourceId, dayjs$1.tz(value[timeDataSourceId]).format(defaultDateFormatPattern))),
             isSelectable: false
           };
         });
@@ -322770,6 +322881,7 @@ React keys must be passed directly to JSX without using spread:
       timeRange: timeRange
     }, others, {
       locale: locale,
+      timeZone: effectiveTimezone,
       isExpanded: isExpanded,
       isEditable: isEditable,
       isEmpty: isChartDataEmpty,
@@ -322920,6 +323032,13 @@ React keys must be passed directly to JSX without using spread:
         },
         "required": false
       },
+      "timeZone": {
+        "defaultValue": {
+          "value": "undefined",
+          "computed": true
+        },
+        "required": false
+      },
       "content": {
         "defaultValue": {
           "value": "{\n  series: [],\n  timeDataSourceId: 'timestamp',\n  includeZeroOnXaxis: false,\n  includeZeroOnYaxis: false,\n  showLegend: true,\n  legendPosition: 'bottom',\n  truncation: {\n    type: 'end_line',\n    threshold: 20,\n    numCharacter: 20,\n  },\n}",
@@ -323219,7 +323338,7 @@ React keys must be passed directly to JSX without using spread:
     }
   });
 
-  var _excluded$j = ["id", "title", "size", "data", "isLoading", "isResizable", "loadData", "hasMoreData", "layout", "className", "children", "testID", "testId"];
+  var _excluded$j = ["id", "title", "size", "data", "isLoading", "isResizable", "loadData", "hasMoreData", "layout", "className", "children", "testID", "testId", "timeZone"];
   function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), !0).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var ListCard = function ListCard(_ref) {
@@ -323236,7 +323355,10 @@ React keys must be passed directly to JSX without using spread:
       children = _ref.children,
       testID = _ref.testID,
       testId = _ref.testId,
+      timeZone = _ref.timeZone,
       others = _objectWithoutProperties$3(_ref, _excluded$j);
+    var effectiveTimezone = timeZone || dayjs$1.tz.guess();
+    dayjs$1.tz.setDefault(effectiveTimezone);
     var handleScroll = function handleScroll(e) {
       var element = e.target;
       //  height of the elements content - height element’s content is scrolled vertically === height of the scrollable part of the element
@@ -323254,7 +323376,8 @@ React keys must be passed directly to JSX without using spread:
       resizeHandles: resizeHandles
       // TODO: remove deprecated 'testID' in v3.
       ,
-      testId: testID || testId
+      testId: testID || testId,
+      timeZone: effectiveTimezone
     }, others), /*#__PURE__*/React$1.createElement("div", {
       className: classnames('list-card', className),
       style: {