Text Days To End Of Month

ScriptWidget template.

Example

// 
// ScriptWidget 
// https://xnu.app/scriptwidget
// 

var d = new Date();
var n = d.getDay();
console.log(n);

let linearGradient = {
  type: "linear",
  colors: ["purple", "white"],
  startPoint: "leading",
  endPoint: "trailing",
};

var a = moment().endOf('month');
var b = moment();
var days = a.diff(b, 'days');

$render(
  <vstack
    background={$gradient(linearGradient)}
    frame="max,center"
  >
    <text font="largeTitle" color="black" padding="10">
        { days + " Days"}
    </text>

    <text font="caption" color="black" padding="0">
        Until end of month
    </text>
  </vstack>
);
Templates live in Shared/ScriptWidgetRuntime/Resource/Script.bundle/template/ and can be imported directly into the app.