Adds work week configuration feature

Implements configurable work week presets, allowing users to customize the days displayed in the calendar.

This includes:
- Defining work week settings (work days, day names, total days).
- Providing predefined work week presets (standard, compressed, weekend, full week).
- Adding UI elements to switch between presets.
- Updating grid and header rendering logic to reflect the selected work week.
- Emitting events when the work week changes, triggering necessary UI updates and data re-renders.

This provides a more flexible and personalized calendar experience.
This commit is contained in:
Janus Knudsen 2025-08-18 22:27:17 +02:00
parent 26f0cb8aaa
commit d017d48bd6
11 changed files with 283 additions and 34 deletions

View file

@ -48,6 +48,14 @@
<swp-view-button data-view="week" data-active="true">Week</swp-view-button>
<swp-view-button data-view="month" disabled>Month</swp-view-button>
</swp-view-selector>
<swp-workweek-presets>
<swp-preset-button data-workweek="standard" data-active="true">Mon-Fri</swp-preset-button>
<swp-preset-button data-workweek="compressed">Mon-Thu</swp-preset-button>
<swp-preset-button data-workweek="midweek">Wed-Fri</swp-preset-button>
<swp-preset-button data-workweek="weekend">Sat-Sun</swp-preset-button>
<swp-preset-button data-workweek="fullweek">7 Days</swp-preset-button>
</swp-workweek-presets>
</swp-calendar-nav>
<!-- Calendar Grid Container -->