How to Display the Full Month and Year in Spark AR (Full Code Included)

// Load in the required modules
const Scene = require('Scene');
const Time = require('Time');
const Diagnostics = require('Diagnostics'); // Include Diagnostics for debugging

// Enable async/await in JS [part 1]
(async function() {
    // Use findFirst to ensure the objects are available when the script runs
    const [monthText, yearText] = await Promise.all([
        Scene.root.findFirst('monthText', {recursive: true}),
        Scene.root.findFirst('yearText', {recursive: true})
    ]);

    // Array of month names for manual formatting
    const monthNames = [
        "January", "February", "March", "April", "May", "June",
        "July", "August", "September", "October", "November", "December"
    ];

    // Function to set the current date
    function setCurrentDate() {
        const now = new Date();

        // Debugging: Log the current date to the console
        Diagnostics.log('Current Date: ' + now.toString());

        // Manually get the month and year
        const month = monthNames[now.getUTCMonth()]; // getUTCMonth returns a zero-indexed month
        const year = now.getUTCFullYear().toString(); // getUTCFullYear returns the 4-digit year

        // Debugging: Log the formatted month and year to the console
        Diagnostics.log('Formatted Month: ' + month);
        Diagnostics.log('Formatted Year: ' + year);

        // Set the month and year text separately
        monthText.text = month;
        yearText.text = year;
    }

    // Call the function to set the date when the script starts
    setCurrentDate();

    // Update the date every minute (60000 milliseconds)
    Time.setInterval(setCurrentDate, 60000);
})();