JSFiddle - React, Tailwind, and code Playground

by grant

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/luxon/1.26.0/luxon.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/suncalc/1.8.0/suncalc.min.js"></script>
<div id="time">

</div>

JavaScript

var dt = luxon.DateTime.local().setZone("America/Boise"); 
var boi = (dt.zoneName)
var hour = (dt.hour)
var minute = (dt.minute)
console.log(luxon.DateTime.now().toLocaleString({ hour: '2-digit', minute: '2-digit', hour12: false })); //=> '11:32'

console.log(boi)
console.log(dt.toFormat('EEE, MMM d, h:mm a ZZZZ'));

var local = luxon.DateTime.local();
var rezoned = local.setZone("America/Los_Angeles");
console.log(rezoned.toFormat('EEE, MMM d, h:mm a ZZZZ'));
var x = document.getElementById('time');
x.innerHTML = (dt.toFormat('EEE, MMM d, h:mm a ZZZZ'));

var times = SunCalc.getTimes(dt, 43.5, -115.1);
var sunr = times.sunrise.getHours() + ':' + times.sunrise.getMinutes()  ;
var sunHMS = times.sunrise.getHours() + ':' + times.sunrise.getMinutes() + ':' + times.sunrise.getSeconds() ;
var sunHour = times.sunrise.getHours();
var sunMinute = times.sunrise.getMinutes();
var sunrise = (times.sunrise.date)
console.log({sunrise})