Set slotduration based on eventduration?

[Azur1337]

Im currently working on a project where I need to create a schooltimetable. This is my current progress.

Right now I have the calendars SlotMinTime be the first events starting time and the SlotMaxTime the last events ending time.
However, I want the slots to be the same duration as the events, in this example the first slot should be 07:30-09:00, second slot 09:00-09:15 and the third slot 09:15-10:45.
Ive been trying to find a solution for this for a few hours now and havent been successful yet.
Any ideas?

[vkurko]

You have a very specific requirement and unfortunately there is no solution for it out of the box. Perhaps you should reduce the slotDuration, for example, to 15 minutes and then somehow hide the extra time labels via CSS, leaving only the necessary ones...

[Azur1337]

Sorry for the confusion. As we are using svelte we're not using the ES6 way of usage. Instead we use

let plugins = [TimeGrid];
  let options = {
    view: "timeGridWeek",
    firstDay: 1,
    eventBackgroundColor: "#769CD9",
    flexibleSlotTimeLimits: true,
    slotDuration: "00:15",
    slotHeight: 24,
    slotMinTime: "07:30",
    slotMaxTime: "07:30",
    events: lesson.map(entry => ({
          start: entry.start_time,
          end: entry.end_time,
          title: entry.name,
        }))
  };```
  
  And call the calendar via `<Calendar {plugins} {options} />`
  
  For us, the events are still not showing up despite the fixed syntax

[vkurko]

These values must not be equal, otherwise there is no time period to display:

slotMinTime: "07:30",
slotMaxTime: "07:30",

[Azur1337]

Subject: Sincere Apology for the Oversight Regarding Calendar Rendering

Dear vkurko,

I hope this message finds you well. I am writing to extend my heartfelt apologies for the oversight that led to a significant waste of your time. Upon careful review and reflection, it has come to my attention that the error we encountered in rendering the calendar was due to attempting to render it before the associated array was properly filled. This realization brings forth a deep sense of regret and responsibility on my part, and I sincerely apologize for any inconvenience and frustration this may have caused you.

As a fellow developer, I understand the value of time and effort invested in our projects. Your dedication and hard work in crafting the calendar functionality deserve commendation, and it deeply pains me to realize that my oversight resulted in a needless waste of your valuable time. Please accept my sincerest apologies for this oversight.

Moving forward, I am committed to taking proactive measures to prevent similar incidents from occurring in the future. I will ensure thorough testing and validation processes are in place to catch such issues early on and prevent them from affecting our collaborative efforts.

I want to express my gratitude for your patience and professionalism throughout this ordeal. Your willingness to collaborate and troubleshoot the issue together reflects the true spirit of teamwork, and I am genuinely appreciative of your support.

Please know that I hold the utmost respect for your skills and contributions to our project. Your expertise and insights are invaluable assets, and I am committed to fostering a more conducive environment for collaboration and success moving forward.

Once again, I apologize wholeheartedly for the oversight and any inconvenience it may have caused you. Please do not hesitate to reach out if there is anything I can do to make amends or assist you further.

Thank you for your understanding and patience.

Warm regards,

Azur

I am stupid.

[Azur1337]

These values must not be equal, otherwise there is no time period to display:
This does in fact work, as flexibleSlotTimeLimits is true

[vkurko]

No problem 😃