Obsidian-Tasks-Calendar

What's inside?

• Fix (CSS): Calendar header overflows full width of dataview container
• Fix (JS): Broken custom css parameter (#44)
• Opt (CSS): Some small optimizations in list-view
• Add (JS): New formats [W]and ww to use in dailyNoteFormat parameter. This makes it possible to use the format YYYY-[W]ww for daily/weekly notes. (#39)

What's changed?

• (JS) The overdue flags now contains the relative time between overdue date and today
• (JS/CSS) Option noOverdueDays is renamed to noOverdueFlag
• Fix (CSS): task description display: inline

⚠️ All users must modify their dv.view() code line ⚠️

• Fix (JS): Error handler for firstDayOfWeek doesn't work properly. The input of 0 (zero) as number for using Sundays as first day of week doesn't work. Now the user has to write the firstDayOfWeek value inside quotes.

firstDayOfWeek: "0"

What's new?

• Redesigned list-view by using details elements to enable collapsing and expanding days
• Redesigned today in list-view to match other views
• Added overdue days flag on overdue tasks to show the number of days between today and the overdue date. This flag can be hidden by using the option noOverdueDays

Two Fixes

• Fix: lineClamp options doesn't work in week and month view since v1.4.0
• Fix: Broken calendar view after switching week view style since v1.4.0

+++ PLEASE COMPLETELY CLOSE AND RESTART OBSIDIAN AFTER UPDATE +++

What's new?

Now you can switch between the familiar month and week view and also the all new list view. Inside this, all tasks from the selected month are listed in a nice, clean, chronological, colorful way. All proven functionalities like filter, focus, statistic works pretty well in this new view. The options to customize the look and feel such as hiding the layer, filenames, icons, etc. can also be used as usual. Only the options for lineClamp can't take effect in list view.

I wish you much pleasure with the new view and productive success.

Updated startPosition format (#39)

With this update the startPosition format has changed. Now you can set a default calendar position (month/week) by using the following formats:

Month view: "YYYY-MM"

startPosition: "2022-12" (= 2022 - December)

Week view: "YYYY-ww"

startPosition: "2022-50" (= 2022 - Week 50)

+++ PLEASE COMPLETELY CLOSE AND RESTART OBSIDIAN AFTER UPDATE +++

Whats new?

Custom CSS Rules

• New parameter css to add custom CSS styles to Obsidian-Tasks-Calendar. Please use the developer console to identify the elements classes! Each style string should start with .tasksCalendar to avoid css conflicts!

  Sample usage
  css: ".tasksCalendar.style4[view='week'] .grid { height: 300px !important }"

Custom Format for Daily Notes

• (#34, #36) New parameter dailyNoteFormat to set a custom date format to identify your daily notes. At the moment the following characters are supported: Y M D d . , - : (space).

  Sample usage
  dailyNoteFormat: "YYYY, MMMM DD - dddd"

Style 11 (Widget style without weekend)

• (#36) New style11 only shows Monday - Friday (no weekends: Saturday, Sunday) and reduces the grid height only in week-view. Notice that the task statistic shows up the counter for ALL weekdays including the hidden weekend.

Little new feature

+++ Please completely close the Obsidian app and restart after the update +++

Now you can easily switch between the different styles of the week view without having to edit the dataviewjs code block. The style defined in the dataviewjs code block is set as default. To show up the switch, you must press the week view button from the week view again.

In a first version I implemented this function as a context menu on the week view button. But unfortunately the context menu click is a bit unreliable on touch devices.

❤️ Have a lot of fun with this gimmick ❤️

Small update with two fixes

• Fixed (JS) incomplete task description #31
• Fixed (CSS) overdue task style

Fix

• Since the latest update the task icons are missing on some devices when hiding the new filename header line on tasks

Improvements

• The readability of the task description and filename header was optimized. Each task has now a lighter and a darker text-color based on the note color. With the dark-theme a brighter color appears and with the light-theme a darker one. Because of the complexity adjusting all colors to perfect readability in dark and light mode, I have decided to remove the options noTransparency and noBackground for now.

Some fixes

• Fixed (JS): Removed multiple console.log outputs
• Fixed (JS/CSS): Filter conflict with cancelled tasks when hiding completed tasks by default. To set the filter active by default you have to enter the new filter option inside the options parameter like options: "filter". This filter show/hides completed and cancelled tasks.

What's new?

• Added (JS): Error handling for missing parameters inside dv.view()
• Added (CSS): More prominent style for overdue tasks to stich out of the mass.

New Task Style

• Added (JS/CSS): New task style with a separated header line. This way, the note icon and the task icon can be better distinguished and differentiated from each other. The file name of the note is also permanently visible without having to hover over it. For users who do not assign a color and/or icon to their notes, this should be an additional help. By default the task icon appears inside the header line in front of the file name to give more space to the task description. If the note has a unique note icon, then this will appear inside the header line in front of the file name. This new header line can be disabled with the option noFilename and give the user the "old" look and feel. In both cases, the task icon will be visible in front of the task description (if this is not disabled with the option noIcons).

Some fixes

• Fix: Remove doubled if statement for filter button event
• Fix: Style of cancelled tasks to look less prominent
• Fix: Disable focusing done tasks if filter is active

What's new?

• Add: Active done-filter now hides completed and cancelled tasks
• Add: New noLineClamp option to show full task description text without line clamp
• Add: Task hover styles on desktop only

Special thanks to @bartlomiejnowak94 for the first pull request (#27)

• NEW: textColor: "" meta inside your notes to change the tasks text-color to look completely different (#27)
• NEW: Keep statistic focus when switching views

• ADD: Focus tasks based on selection in statistic popup window
• FIX: Colors on popup statistic window
• IMPROVED: Size of the counter bubble on statistic button

Calendar Statistic

The new statistics display has been completely revised and integrated into the calendar header (#24). The number of all open tasks is displayed on the corresponding new button. This total number is made up of all open tasks, including overdue tasks and, if applicable, tasks without date from the daily notes (if not been deactivated). Within the statistics, however, all task groups are listed separately.

In the month view, only the tasks of the currently selected month are recorded. The tasks of days of the previous and following month displayed in the current month are not taken into account.

Some users would like to have permanently displayed statistics. For this reason, the popup-window remains open even if an element outside the popup-window is focused. In this way, users can keep the small popup displayed while switching through the individual months/weeks or switching the view.

Specific icons, depending on the task status of the month or week, immediately inform the user about the overall situation without having to look at the statistics.

• NEW: counter line below the calendar (#23)
• NEW: noCounter option to hide the counter line
• FIX: wrong font-sizes on mobile

• Fix: wrapperButtons on month view jumped sometimes into the correct week but in the wrong year
• Add: style-preview.md to show a preview of all available styles inside obsidian
• Add: 2 new styles (style9, style10)

Big feature update:

• Add back layer to show month and week informations behind the grid (can be hidden with options: "noLayer"
• Add new startView: "2024-06-01" parameter to directly focus selected month or week on open (#21)
• Add DQL (Dataview Query Language) support inside pages: "" parameter. Now you can write complex queries like pages: "dv.pages().file.tasks.where(t => t.tags.includes('#Pierre'))"

• Minor changes to the UI to take accent color more into account

• Fix: Incorrect display on the iPad
• Adjustment: Selecting week with first day of selected month when switching from month to week if is not the current month
• UI customisations