JSFiddle - React, Tailwind, and code Playground

by grant

HTML

<div class="text-muted mt-2" id="lastPull"></div>

JavaScript

function myFunction(dateTimeString) {
  const options = {
    timeZone: 'America/Boise',
    hour12: true,
    hour: '2-digit',
    minute: '2-digit'
  };

  let t = new Date(dateTimeString).toLocaleTimeString('en-US', options);
  let d = new Date(dateTimeString).toLocaleDateString('en-US');

  if (d && t) {
    return ("last generated: " + d + ' ' + t);
  } else {
    return "";
  }
}
//let lastPull = data.properties.generatedAt;
//2020-12-18T09:52:35+00:00
let lastPull = "2020-12-18T12:46:40+00:00"
 $("#lastPull").html(myFunction(lastPull));
 
 var str = "2020-12-18T09:52:35";
var dt = new Date(str + "Z");
console.log("UTC string:");
console.log(dt.toUTCString());
console.log("Local string");
console.log(dt.toString());
console.log("Hours UTC:   " + dt.getUTCHours());
console.log("Hours local: " + dt.getHours());