Blog
Amplenote combines notes and to-do lists into one powerful tool. Learn more keyboard_arrow_right close
Calendar Pro
author avatar image
Published by Krishna Kanth B August 26, 2024
Last changed 13 days ago
   views

linkWelcome Note:

Thank you for checking out this plugin! If you've ever wanted to bring a little more organization and ease to your note-taking, you're in the right place. This tool will help you create interactive monthly calendars directly within your notes, making it easier than ever to track your daily activities and stay on top of your schedule.


No matter if you're a productivity enthusiast or just someone looking for a better way to organize your notes, this plugin is designed with you in mind. Let's dive in and see how this can help you transform your note-taking experience! 🌟

linkDemo:

linkCalendar Pro:

open_in_new

Note: To the call the Plugin, you need to now click on ctrl + o and select the options to call the plugin.

linkCalendar 2.0:

open_in_new

linkDocumentation:

linkOverview

The Calendar Creation Plugin is a simple yet powerful tool that allows you to generate monthly calendars directly within your notes. With customizable options for selecting the month and year, along with the ability to link each day to your daily entries, this plugin is perfect for anyone looking to stay organized and efficient.


linkHow to Use the Plugin

Selecting the Month and Year:

When you run the plugin, you’ll be prompted to select a month and year. This allows you to generate a calendar for any specific time period.

The month and year you select will determine the layout and dates of your calendar.

Linking Daily Entries:

You can choose whether or not to link each day in the calendar to your daily notes. If enabled, clicking on a date in the calendar will take you directly to that day’s entry.

This feature is particularly useful for tracking habits, journaling, or managing daily tasks.

Custom Tag Support:

The plugin allows you to select a custom tag to filter which notes are linked in the calendar.

By default, the plugin uses the "daily-jots" tag, but you can change this to any other tag that suits your needs.

Inserting the Calendar into Your Notes under a Designated Tag: -reports/-calendar-pro

Once you’ve selected your options, the plugin will generate the calendar and insert it into your note or take you to the respective note!.

The calendar is neatly formatted, making it easy to view and navigate your monthly schedule.

Generated time is also captured!


linkExample Workflow

Here’s how you might use the Calendar Creation Plugin in your daily routine:

Start Your Month: At the beginning of the month, use the plugin to generate a calendar for the upcoming weeks.

Link Your Daily Entries: As you create daily entries, they’ll automatically be linked to the corresponding dates in your calendar.

Review and Plan: Use the calendar to review past entries and plan for the days ahead, all from within a single note.


linkFAQs

Q: What if I forget to select a month or year?

A: Don’t worry! The plugin defaults to the current month and year if you don’t select anything.

Q: Can I use this plugin with other tags?

A: Yes! You can customize the tag used to link notes to the calendar, making it flexible for different types of notes.

Q: How do I disable the links in the calendar?

A: There’s an option to insert the calendar without links. Simply check the box when prompted.


Thank you for choosing the Calendar Creation Plugin! We hope it helps you stay organized and enhances your note-taking experience.


Happy planning! 📅✨

linkTable - Plugin Parameters:

Name

Calendar Pro

Icon

event_note

Setting

Default Tag to Create Calendar on.

Setting

Yearly Option [Do not Edit!]

Setting

Quarterly Option [Do not Edit!]

Setting

Monthly Option [Do not Edit!]

Description

Calendar Pro - New: Now this plugin support week starts with Monday or Sunday. Also week number, update week number prefix. And Supports Quarterly, Yearly, along with the Monthly Template. And Monthly can also be accessed from insert Options. - January 11th, 2025

Calendar 2.0 - A plugin that prompts users to select a month and year, then generates and inserts a customizable calendar with optional links to daily notes. Inspired from: Calendar Plugin , Calendar 2.0 Docs

Instructions

Calendar Pro Docs

linkCode Base:

{
// --------------------------------------------------------------------------
// Class definition for settings related to the calendar feature.
Settings: class {
constructor(dailyJotLink, sectionHeader, monthYear) {
this.dailyJotLink = dailyJotLink;
this.sectionHeader = sectionHeader;
this.monthYear = monthYear;
}
},
 
// Add week start configuration constant
CALENDAR_CONFIG: {
weekStartsOnMonday: false, // Set to true for Monday, false for Sunday (Update avaliable in users selection option!)
prefixWeek: `CW` // Update for KW for Kalendarwoche (German) / CW for calendar Week / just W for Week.
},
 
// --------------------------------------------------------------------------
// Function to handle month and year selection from a prompt, including calendar creation. -- noteOption
appOption: {
"Monthly": async function(app, noteUUID) {
const currentYear = new Date().getFullYear();
const years = [currentYear, currentYear - 1 , currentYear - 2 , currentYear - 3 , currentYear - 4]; // Adjust the range as needed
 
const result = await app.prompt("Select Month and Year (If left Empty, current Month-Year will be considered!)", {
inputs: [
{
label: "Month",
type: "select",
options: [
{ label: "January", value: "1" },
{ label: "February", value: "2" },
{ label: "March", value: "3" },
{ label: "April", value: "4" },
{ label: "May", value: "5" },
{ label: "June", value: "6" },
{ label: "July", value: "7" },
{ label: "August", value: "8" },
{ label: "September", value: "9" },
{ label: "October", value: "10" },
{ label: "November", value: "11" },
{ label: "December", value: "12" }
]
},
{
label: "Year",
type: "select",
options: years.map(year => ({ label: year.toString(), value: year.toString() }))
},
{
label: "Insert Calendar without links (Unchecked - Link to Daily Jot)",
type: "checkbox"
},
{
label: "Select a Different Tag (Default:'daily-jots')",
type: "tags",
limit: 1,
placeholder: "Enter tag (Max 1)"
},
{
label: "Week Starts with Monday? (Default: Sunday)",
type: "checkbox"
}
]
});
 
// ----------------------------------------------------------------------
// Extract results from the prompt and handle default values.
let [monthNum, yearNum, calWolinks, dailyJotreplace, weekStartsOnMonday] = result;
// console.log("dailyJotreplace:", dailyJotreplace);
 
// Update calendar configuration based on user selection
this.CALENDAR_CONFIG.weekStartsOnMonday = weekStartsOnMonday;
 
// Reverse the checkbox boolean value.
calWolinks = !calWolinks;
// Default to the current month if no month is selected.
monthNum = monthNum || new Date().getMonth() + 1;
// Default to the current year if no year is selected.
yearNum = yearNum || new Date().getFullYear();
 
// ----------------------------------------------------------------------
// Handle the default tag settings based on the user input.
const defaultTag = await (async () => {
if (dailyJotreplace) {
await app.setSetting("Default Tag to Create Calendar on.", dailyJotreplace);
}
const existingTag = await app.settings["Default Tag to Create Calendar on."] || "daily-jots";
return existingTag;
// console.log("existingTag:",existingTag);
})();
 
// console.log("defaultTag:",defaultTag);
 
// ----------------------------------------------------------------------
// Create and insert the calendar content if the month and year are provided.
if (monthNum && yearNum) {
 
// Create monthName from monthNum
const monthNames = [
"January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"
];
const monthName = monthNames[parseInt(monthNum) - 1];
 
const monthYear = `${monthNum}-${yearNum}`;
const headerName = `Calendar (${monthName}-${yearNum}):`;
const settings = new this.Settings(
calWolinks, // Insert or not insert links based on checkbox
headerName, // Header name for the calendar
monthYear // Selected month and year
);
 
// Fetch daily jots for the current month
const dailyJots = settings.dailyJotLink ? await this._getDailyJotsForMonth(app, settings.monthYear, defaultTag) : new Map();
 
// ----------------------------------------------------------------------
// Function to get current date and time formatted as YYMMDD_HHMMSS
function getCurrentDateTime() {
const now = new Date();
// Format the date and time as per requirement
const YYMMDD = now.toLocaleDateString('en-GB').split('/').reverse().join('');
const HHMMSS = now.toLocaleTimeString('en-GB', { hour12: false }).replace(/:/g, '');
return { YYMMDD, HHMMSS };
}
const { YYMMDD, HHMMSS } = getCurrentDateTime();
 
const finalContent = `
> <mark style="color:#3CC07D;">**${settings.sectionHeader} Monthly**<!-- {"cycleColor":"27"} --></mark>
> **Generated on:** ${YYMMDD}_${HHMMSS}
 
 
${this._createMonthlyCalendar(dailyJots, settings.monthYear)}
 
 
`;
 
// ----------------------------------------------------------------------
// Create Save Retrive Save Note to View the Monthly Note Calendar Option
const newNoteName = `Calendar Pro: Monthly`;
const newTagName = ['-reports/-calendar-pro'];
// Handle the insert note UUID.
const noteUUIDz = await (async () => {
const existingUUID = await app.settings["Monthly Option [Do not Edit!]"];
if (existingUUID)
return existingUUID;
const newUUIDx = await app.createNote(newNoteName, newTagName);
await app.setSetting("Monthly Option [Do not Edit!]", newUUIDx);
return newUUIDx;
})();
 
// Insert the accumulated content for the whole year into the note.
// console.log("finalContent:", finalContent);
await app.replaceNoteContent({ uuid: noteUUIDz }, finalContent);
await app.navigate(`https://www.amplenote.com/notes/${noteUUIDz}`);
}
},
// --------------------------------------------------------------------------
// Function to handle year selection from a prompt, including calendar creation. -- noteOption
"Yearly": async function(app, noteUUID) {
const currentYear = new Date().getFullYear();
const years = [currentYear, currentYear - 1 , currentYear - 2 , currentYear - 3 , currentYear - 4]; // Adjust the range as needed
 
const result = await app.prompt("Select Year (If left Empty, current Year will be considered!)", {
inputs: [
{
label: "Year",
type: "select",
options: years.map(year => ({ label: year.toString(), value: year.toString() }))
},
{
label: "Insert Calendar without links (Unchecked - Link to Daily Jot)",
type: "checkbox"
},
{
label: "Select a Different Tag (Default:'daily-jots')",
type: "tags",
limit: 1,
placeholder: "Enter tag (Max 1)"
},
{
label: "Week Starts with Monday? (Default: Sunday)",
type: "checkbox"
}
]
});
 
// ----------------------------------------------------------------------
// Extract results from the prompt and handle default values.
let [yearNum, calWolinks, dailyJotreplace, weekStartsOnMonday] = result;
// console.log("dailyJotreplace:", dailyJotreplace);
 
// Update calendar configuration based on user selection
this.CALENDAR_CONFIG.weekStartsOnMonday = weekStartsOnMonday;
 
// Reverse the checkbox boolean value.
calWolinks = !calWolinks;
// Default to the current month if no month is selected.
// monthNum = monthNum || new Date().getMonth() + 1;
// Default to the current year if no year is selected.
yearNum = yearNum || new Date().getFullYear();
 
// ----------------------------------------------------------------------
// Handle the default tag settings based on the user input.
const defaultTag = await (async () => {
if (dailyJotreplace) {
await app.setSetting("Default Tag to Create Calendar on.", dailyJotreplace);
}
const existingTag = await app.settings["Default Tag to Create Calendar on."] || "daily-jots";
return existingTag;
// console.log("existingTag:",existingTag);
})();
 
// console.log("defaultTag:",defaultTag);
 
// ----------------------------------------------------------------------
// Generate the full calendar for each month of the current year.
const monthNames = [
"January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"
];
 
// Loop through each month of the year
let finalContent = '';
 
for (let monthNum = 1; monthNum <= 12; monthNum++) {
const monthName = monthNames[monthNum - 1];
const monthYear = `${monthNum}-${yearNum}`;
const headerName = `Calendar (${monthName}-${yearNum}):`;
 
// Generate the settings for each month
const settings = new this.Settings(
calWolinks, // Assume links should be inserted
headerName, // Header name for the calendar
monthYear // Current month and year
);
 
// Fetch daily jots for the current month
// const dailyJots = await this._getDailyJotsForMonth(app, settings.monthYear, defaultTag);
const dailyJots = settings.dailyJotLink ? await this._getDailyJotsForMonth(app, settings.monthYear, defaultTag) : new Map();
 
// ----------------------------------------------------------------------
// Function to get current date and time formatted as YYMMDD_HHMMSS
function getCurrentDateTime() {
const now = new Date();
// Format the date and time as per requirement
const YYMMDD = now.toLocaleDateString('en-GB').split('/').reverse().join('');
const HHMMSS = now.toLocaleTimeString('en-GB', { hour12: false }).replace(/:/g, '');
return { YYMMDD, HHMMSS };
}
const { YYMMDD, HHMMSS } = getCurrentDateTime();
 
// Generate and accumulate the calendar content for each month
finalContent += `
> <mark style="color:#F8914D;">**${settings.sectionHeader} Yearly**<!-- {"cycleColor":"24"} --></mark>
> **Generated on:** ${YYMMDD}_${HHMMSS}
 
 
${this._createMonthlyCalendar(dailyJots, settings.monthYear)}
 
 
`;
}
 
// ----------------------------------------------------------------------
// Create Save Retrive Save Note to View the Yearly Note Calendar Option
const newNoteName = `Calendar Pro: Yearly`;
const newTagName = ['-reports/-calendar-pro'];
// Handle the insert note UUID.
const noteUUIDz = await (async () => {
const existingUUID = await app.settings["Yearly Option [Do not Edit!]"];
if (existingUUID)
return existingUUID;
const newUUIDx = await app.createNote(newNoteName, newTagName);
await app.setSetting("Yearly Option [Do not Edit!]", newUUIDx);
return newUUIDx;
})();
 
// Insert the accumulated content for the whole year into the note.
// console.log("finalContent:", finalContent);
await app.replaceNoteContent({ uuid: noteUUIDz }, finalContent);
await app.navigate(`https://www.amplenote.com/notes/${noteUUIDz}`);
},
 
// --------------------------------------------------------------------------
// Function to handle Last Quarter selection from a prompt, including calendar creation. -- noteOption
"Quarterly": async function(app, noteUUID) {
const currentYear = new Date().getFullYear();
const currentMonth = new Date().getMonth() + 1; // Current month (1-12)
const years = [currentYear, currentYear - 1 , currentYear - 2 , currentYear - 3 , currentYear - 4]; // Adjust the range as needed
 
const result = await app.prompt("Last Three Months will be Selected by default", {
inputs: [
{
label: "Insert Calendar without links (Unchecked - Link to Daily Jot)",
type: "checkbox"
},
{
label: "Select a Different Tag (Default:'daily-jots')",
type: "tags",
limit: 1,
placeholder: "Enter tag (Max 1)"
},
{
label: "Week Starts with Monday? (Default: Sunday)",
type: "checkbox"
}
]
});
 
// ----------------------------------------------------------------------
// Extract results from the prompt and handle default values.
let [calWolinks, dailyJotreplace, weekStartsOnMonday] = result;
// console.log("dailyJotreplace:", dailyJotreplace);
 
// Update calendar configuration based on user selection
this.CALENDAR_CONFIG.weekStartsOnMonday = weekStartsOnMonday;
 
// Reverse the checkbox boolean value.
calWolinks = !calWolinks;
// Default to the current month if no month is selected.
// monthNum = monthNum || new Date().getMonth() + 1;
// Default to the current year if no year is selected.
// yearNum = yearNum || new Date().getFullYear();
 
// ----------------------------------------------------------------------
// Handle the default tag settings based on the user input.
const defaultTag = await (async () => {
if (dailyJotreplace) {
await app.setSetting("Default Tag to Create Calendar on.", dailyJotreplace);
}
const existingTag = await app.settings["Default Tag to Create Calendar on."] || "daily-jots";
return existingTag;
// console.log("existingTag:",existingTag);
})();
 
// console.log("defaultTag:",defaultTag);
 
// ----------------------------------------------------------------------
// Generate the full calendar for each month of the current year.
const monthNames = [
"January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"
];
 
// Loop through the last three months
let finalContent = '';
 
for (let i = 0; i < 3; i++) {
let monthNum = currentMonth - i;
let year = currentYear;
 
// Adjust the month and year if needed (e.g., going from January to December of the previous year)
if (monthNum <= 0) {
monthNum += 12;
year -= 1;
}
 
const monthName = monthNames[monthNum - 1];
const monthYear = `${monthNum}-${year}`;
const headerName = `Calendar (${monthName}-${year}):`;
 
// Generate the settings for each month
const settings = new this.Settings(
calWolinks, // Assume links should be inserted
headerName, // Header name for the calendar
monthYear // Selected month and year
);
 
// Fetch daily jots for the current month
// const dailyJots = await this._getDailyJotsForMonth(app, settings.monthYear, defaultTag);
const dailyJots = settings.dailyJotLink ? await this._getDailyJotsForMonth(app, settings.monthYear, defaultTag) : new Map();
 
// ----------------------------------------------------------------------
// Function to get current date and time formatted as YYMMDD_HHMMSS
function getCurrentDateTime() {
const now = new Date();
// Format the date and time as per requirement
const YYMMDD = now.toLocaleDateString('en-GB').split('/').reverse().join('');
const HHMMSS = now.toLocaleTimeString('en-GB', { hour12: false }).replace(/:/g, '');
return { YYMMDD, HHMMSS };
}
const { YYMMDD, HHMMSS } = getCurrentDateTime();
 
// Generate and accumulate the calendar content for each of the last three months
finalContent += `
> <mark style="color:#F3DE6C;">**${settings.sectionHeader} Quarterly**<!-- {"cycleColor":"36"} --></mark>
> **Generated on:** ${YYMMDD}_${HHMMSS}
 
 
${this._createMonthlyCalendar(dailyJots, settings.monthYear)}
 
 
`;
}
 
// ----------------------------------------------------------------------
// Create Save Retrive Save Note to View the Monthly Note Calendar Option
const newNoteName = `Calendar Pro: Quarterly`;
const newTagName = ['-reports/-calendar-pro'];
// Handle the insert note UUID.
const noteUUIDz = await (async () => {
const existingUUID = await app.settings["Quarterly Option [Do not Edit!]"];
if (existingUUID)
return existingUUID;
const newUUIDx = await app.createNote(newNoteName, newTagName);
await app.setSetting("Quarterly Option [Do not Edit!]", newUUIDx);
return newUUIDx;
})();
 
// Insert the accumulated content for the whole year into the note.
// console.log("finalContent:", finalContent);
await app.replaceNoteContent({ uuid: noteUUIDz }, finalContent);
await app.navigate(`https://www.amplenote.com/notes/${noteUUIDz}`);
},
 
// --------------------------------------------------------------------------
}, // End noteOption
 
// --------------------------------------------------------------------------
// Function to handle month and year selection from a prompt, including calendar creation. -- innerText
insertText: {
"Monthly": async function(app, noteUUID) {
const currentYear = new Date().getFullYear();
const years = [currentYear, currentYear - 1 , currentYear - 2 , currentYear - 3 , currentYear - 4]; // Adjust the range as needed
 
const result = await app.prompt("Select Month and Year (If left Empty, current Month-Year will be considered!)", {
inputs: [
{
label: "Month",
type: "select",
options: [
{ label: "January", value: "1" },
{ label: "February", value: "2" },
{ label: "March", value: "3" },
{ label: "April", value: "4" },
{ label: "May", value: "5" },
{ label: "June", value: "6" },
{ label: "July", value: "7" },
{ label: "August", value: "8" },
{ label: "September", value: "9" },
{ label: "October", value: "10" },
{ label: "November", value: "11" },
{ label: "December", value: "12" }
]
},
{
label: "Year",
type: "select",
options: years.map(year => ({ label: year.toString(), value: year.toString() }))
},
{
label: "Insert Calendar without links (Unchecked - Link to Daily Jot)",
type: "checkbox"
},
{
label: "Select a Different Tag (Default:'daily-jots')",
type: "tags",
limit: 1,
placeholder: "Enter tag (Max 1)"
},
{
label: "Week Starts with Monday? (Default: Sunday)",
type: "checkbox"
}
]
});
 
// ----------------------------------------------------------------------
// Extract results from the prompt and handle default values.
let [monthNum, yearNum, calWolinks, dailyJotreplace, weekStartsOnMonday] = result;
// console.log("dailyJotreplace:", dailyJotreplace);
 
// Update calendar configuration based on user selection
this.CALENDAR_CONFIG.weekStartsOnMonday = weekStartsOnMonday;
 
// Reverse the checkbox boolean value.
calWolinks = !calWolinks;
// Default to the current month if no month is selected.
monthNum = monthNum || new Date().getMonth() + 1;
// Default to the current year if no year is selected.
yearNum = yearNum || new Date().getFullYear();
 
// ----------------------------------------------------------------------
// Handle the default tag settings based on the user input.
const defaultTag = await (async () => {
if (dailyJotreplace) {
await app.setSetting("Default Tag to Create Calendar on.", dailyJotreplace);
}
const existingTag = await app.settings["Default Tag to Create Calendar on."] || "daily-jots";
return existingTag;
// console.log("existingTag:",existingTag);
})();
 
// console.log("defaultTag:",defaultTag);
 
// ----------------------------------------------------------------------
// Create and insert the calendar content if the month and year are provided.
if (monthNum && yearNum) {
 
// Create monthName from monthNum
const monthNames = [
"January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"
];
const monthName = monthNames[parseInt(monthNum) - 1];
 
const monthYear = `${monthNum}-${yearNum}`;
const headerName = `Calendar (${monthName}-${yearNum}):`;
const settings = new this.Settings(
calWolinks, // Insert or not insert links based on checkbox
headerName, // Header name for the calendar
monthYear // Selected month and year
);
 
// Fetch daily jots for the current month
const dailyJots = settings.dailyJotLink ? await this._getDailyJotsForMonth(app, settings.monthYear, defaultTag) : new Map();
 
// ----------------------------------------------------------------------
// Function to get current date and time formatted as YYMMDD_HHMMSS
function getCurrentDateTime() {
const now = new Date();
// Format the date and time as per requirement
const YYMMDD = now.toLocaleDateString('en-GB').split('/').reverse().join('');
const HHMMSS = now.toLocaleTimeString('en-GB', { hour12: false }).replace(/:/g, '');
return { YYMMDD, HHMMSS };
}
const { YYMMDD, HHMMSS } = getCurrentDateTime();
 
// Generate and accumulate the calendar content for each month
const finalContent = `
> <mark style="color:#CE60D7;">**${settings.sectionHeader} Monthly**<!-- {"cycleColor":"31"} --></mark>
> **Generated on:** ${YYMMDD}_${HHMMSS}
 
 
${this._createMonthlyCalendar(dailyJots, settings.monthYear)}
 
 
`;
// Insert the accumulated content for the whole year into the note.
// console.log("finalContent:", finalContent);
await app.context.replaceSelection(finalContent);
}
},
 
// --------------------------------------------------------------------------
}, // End insertText
 
// --------------------------------------------------------------------------
// Function to retrieve daily jot notes for a given month and year.
async _getDailyJotsForMonth(app, monthYear, defaultTag) {
const [month, year] = this._parseMonthYear(monthYear);
const dailyJots = await app.filterNotes({ tag: `${defaultTag}`, query: `${month} ${year}` });
const map = dailyJots.reduce((map, jot) => {
map.set(jot.name.split(" ")[1].replace(/(st,|rd,|th,|nd,)/, ""), jot);
return map;
}, new Map());
return map;
},
 
// --------------------------------------------------------------------------
// Function to create a formatted calendar for the month, including links to notes if applicable.
// Modified calendar creation function to handle week start and add week numbers
_createMonthlyCalendar(dailyJots, monthYear) {
const [month, year] = this._parseMonthYear(monthYear);
const today = new Date(`${month} 1, ${year}`);
let dayOfWeek = today.getDay();
 
// Adjust dayOfWeek if week starts on Monday
if (this.CALENDAR_CONFIG.weekStartsOnMonday) {
dayOfWeek = dayOfWeek === 0 ? 6 : dayOfWeek - 1;
}
 
const totalDays = (new Date(year, today.getMonth() + 1, 0)).getDate();
const daysToPrint = Array.from(" ".repeat(dayOfWeek)).concat(Array.from({ length: totalDays }, (e, i) => `${i + 1}`));
 
// Calculate week number for the first visible day of the calendar
let currentWeek;
if (dayOfWeek > 0) {
// If month doesn't start on first day of week, get week number from last day of previous week
const lastDayPrevWeek = new Date(year, today.getMonth(), 1 - dayOfWeek);
currentWeek = this._getWeekNumber(lastDayPrevWeek);
} else {
// If month starts on first day of week, get week number from first day
currentWeek = this._getWeekNumber(today);
}
 
const reducer = (content, day, index) => {
let newContent = content;
 
// Add week number at the start of each week
if (index % 7 === 0) {
newContent += `|${this.CALENDAR_CONFIG.prefixWeek}${currentWeek}`;
if (day !== " ") {
// Only increment week number if we're not in empty cells
const nextWeekDate = new Date(year, today.getMonth(), parseInt(day) + 7);
currentWeek = this._getWeekNumber(nextWeekDate);
}
}
 
const dayCell = dailyJots.has(day) ? `[${day}](https://www.amplenote.com/notes/${dailyJots.get(day).uuid})` : day;
newContent += "|" + dayCell;
 
// End of week
if ((index + 1) % 7 === 0) {
newContent += "|\n";
}
 
return newContent;
};
 
// Modified header to include week number column
const weekDays = this.CALENDAR_CONFIG.weekStartsOnMonday
? ['M', 'T', 'W', 'T', 'F', 'S', 'S']
: ['S', 'M', 'T', 'W', 'T', 'F', 'S'];
 
const initialValue = `${this._getMonthYearHeader(monthYear)}\n|-|-|-|-|-|-|-|-|-|\n|${this.CALENDAR_CONFIG.prefixWeek}#|${weekDays.join('|')}|\n`;
 
const calendar = daysToPrint.reduce(reducer, initialValue);
return calendar;
},
 
// --------------------------------------------------------------------------
// Helper function to get the current month and year in "Month-Year" format.
// Modify month/year header to accommodate the extra column
_getMonthYearHeader(monthYear) {
const [month, year] = monthYear.split("-");
const monthNames = ["J|A|N", "F|E|B", "M|A|R", "A|P|R", "M|A|Y", "J|U|N", "J|U|L", "A|U|G", "S|E|P", "O|C|T", "N|O|V", "D|E|C"];
const lastTwoDigits = year.toString().slice(-2);
const [firstDigit, secondDigit] = lastTwoDigits;
const header = `|-|${monthNames[parseInt(month) - 1]}|-|${firstDigit}|${secondDigit}|-|`;
return header;
},
 
// --------------------------------------------------------------------------
// Modified week number calculation
_getWeekNumber(date) {
// Copy the date to avoid modifying the original
const target = new Date(date.valueOf());
 
// Adjust the day number based on week start configuration (Monday = 1, Sunday = 7)
const dayNr = this.CALENDAR_CONFIG.weekStartsOnMonday
? (target.getDay() === 0 ? 7 : target.getDay())
: target.getDay();
 
// Move to the nearest Thursday for ISO 8601 week number calculation
target.setDate(target.getDate() - dayNr + 4);
 
// Get the first Thursday of the year
const yearStart = new Date(target.getFullYear(), 0, 4); // Jan 4 is always in week 1
const yearStartDayNr = this.CALENDAR_CONFIG.weekStartsOnMonday
? (yearStart.getDay() === 0 ? 7 : yearStart.getDay())
: yearStart.getDay();
yearStart.setDate(yearStart.getDate() - yearStartDayNr + 4);
 
// Calculate the difference in days and determine the week number
const weekNumber = Math.floor((target - yearStart) / (7 * 24 * 60 * 60 * 1000)) + 1;
 
// Handle edge cases for week 53 and week 1
if (weekNumber === 53 && new Date(target.getFullYear(), 11, 31).getDay() < 4) {
return 1;
} else if (weekNumber === 0) {
return this._getWeekNumber(new Date(target.getFullYear() - 1, 11, 31));
}
 
return weekNumber;
},
 
// --------------------------------------------------------------------------
// Helper function to parse a "Month-Year" string into month name and year.
_parseMonthYear(monthYear) {
const [month, year] = monthYear.split("-").map(Number);
const monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
return [monthNames[month - 1], year];
},
 
// --------------------------------------------------------------------------
// Helper function to get the current month and year in "Month-Year" format.
_getCurrentMonthYear() {
const today = new Date();
const month = today.getMonth() + 1; // Months are 0-based, so add 1
const year = today.getFullYear();
return `${month}-${year}`;
},
// --------------------------------------------------------------------------
// Function to get current date and time formatted as YYMMDD_HHMMSS
/* _getCurrentDateTime() {
const now = new Date();
// Format the date and time as per requirement
const YYMMDD = now.toLocaleDateString('en-GB').split('/').reverse().join('');
const HHMMSS = now.toLocaleTimeString('en-GB', { hour12: false }).replace(/:/g, '');
return { YYMMDD, HHMMSS };
}, */
// --------------------------------------------------------------------------
}

linkAdditional Information:

linkChange Log:

August 25th, 2024: Sorted out the general and my personal requirement, which will make my life way easier using the calendar plugin. Added inputs for month and year combinations. Tested it and make some tweaks.

August 26th, 2024: Added prompt for headers, month year combo, and range of years, also implemented lazy mode for not selecting any and letting it take the default mode. Added insert and removed replace options. Finalized and tested the formatting best suited for easy use. Added setting to add only calendar or linked calendar, also added a tag input, in case you do not use daily-jots as daily-jots. Or by default you can use daily-jots. Documentation, proof reading, publish, image, categories, time consumed and discord publicity.

September 4th, 2024: Added Month to the Table Format itself. Preparation for Quarter and Yearly! Renamed Calendar 2.0 to Calendar Pro. Add Calendar Pro through insert-Option, Generate Report using note-Options for Monthly, Quarterly and Yearly, and they sit in a generic reports Tag. Added some colors for each type of Options that you choose Template, and the date_time info when the report has been generated!

October 13th, 2024: Changed the calling the plugin from noteOptions to appOptions, as these do not require the need of a specific note UUID to pick up on.

January 11th, 2025: Added week starts with Monday or Sunday Option. Added week number, still the starting of the month, it is getting the week number incorrect, if the month did not start from Monday, needs a future fix.

linkImplemented & Upcoming:

Month + Year Combo

Add Prompt to Manage Header: Introduce a popup/prompt to input the month and year.

Automatic Header Creation: The plugin automatically generates a header based on the selected month and year and inserts the calendar below it.

Default to Current Month/Year: If the user leaves the fields blank, the current month and year will be used by default.

Header Management

Inserting Data: Add an option to insert data below the header rather than replacing the existing content.

Dynamic Header Combination: Consider creating a dynamic header using the selected month and year. Replace the old header and content if this option is selected.

Calendar Insertion

Inserting Calendars: The plugin inserts the calendar into the note from the selected note option.

Settings and Options

Insert Calendar Without Tags: Add an option in the settings to insert the calendar without tags.

Feature: This feature is already available as "Insert Calendar without links (Unchecked - Link to Daily Jot Notes)".

Use Different Tags: Allow users to select a different tag instead of using the default "daily-jots."

Feature: This option is available as "Select a Different Tag (Default: 'daily-jots')."

Additional Tasks

Create a Testing Note: Generate a new note for testing with all the required details.

Documentation: Prepare comprehensive documentation, including GIFs for demonstration.

Proofreading: Ensure that the documentation is proofread for accuracy and clarity.

Publishing: Publish the documentation and the plugin as per your requirements.

September 4th, 2024

Naming

Calendar Pro: Month!

Insert existing code as of Old one.

Apply minor tweaks.

Note Option

Calendar Pro: Month!

Insert existing code as of Old one.

Calendar Pro: Quarter!

Insert code for generating a quarterly calendar.

Calendar Pro: Yearly!

Insert code for generating a yearly calendar.

Handle Duplication

Parent Tag

Predefine as -reports.

Note-Option

Insert reports into the tag directory -reports/-calendar-pro.

Navigation

Add Navigate Feature

Enable easy navigation within the plugin.

Yearly Calendar Implementation

Build Yearly Calendar

Run each month in a loop.

Store results separately.

Add a header with month-year format (e.g., JAN24).

Organize the calendar with three months in a row and four rows of data.

Include a final header with the year.

Plugin Strength

Enhance Plugin Utility

Make it a strong contender for long-term use in Amplenote.

Include both monthly and quarterly calendar options.

Future Ideas in the Bucket:

Start with Sunday or Start with Monday Option!

Future Plan - Amplenote Plugins!

High-Level Explanation of the Code For Curious Readers and Explores! Thank you if you have made till here. You are Awesome, if you are reading this! 😀. Have a Great Day Ahead!

Time Invested For this Plugin: 3h 40m + 8h 36m + 6h 42m + 20m = ~12h 36m. [Not including the ideas popping up randomly when doing daily rituals, only Screen Time.]

Seamless sharing comes standard
In Amplenote any plain old note can be shared as a web page with just a couple clicks. Along with rich footnotes and a built-in emoji selector 😄, this makes us the premier option for modern writers. Try it out yourself.