Scheduler issues (rrule + onDateChange)

[hollow kayak]

Hei 🙂

First of all, huge thanks for the amazing work, especially the schedule component it’s really awesome.

I’m currently trying out the new schedule and ran into a couple of things.

• When running tests (for a component that uses the schedule), I get the following error:
  SyntaxError: The requested module 'rrule' does not provide an export named 'RRule'

I’m using Vite 7 and Node v24 — am I doing something wrong, or could I be missing a dependency?

• onDateChange seems to only return the start date.
  It would be very helpful, especially in the month view, to also have access to the start and end dates of the current view.

Would appreciate any hints or clarification — thanks a lot!

[ivory snow]

Thanks for kind words! Do you use TypeScript? Can you share a repository with reproduction?

[hollow kayak]

Thanks a lot for the quick reply! 🙂
Yes, I’m using TypeScript. I was about to put together a small repo to reproduce the issue, but I’m currently running into some problems with jsdom. I’ll keep you updated once I’ve got something working.

[hollow kayak]

Hi again 🙂

I’ve put together a small repo to reproduce the issue: https://github.com/DanielBrommer/schedule-test

If run npm run vitest in this repo:

SyntaxError: The requested module 'rrule' does not provide an export named 'RRule'
 ❯ src/components/Welcome/Welcome.tsx:3:1
      1| import { Anchor, Text, Title } from '@mantine/core';
      2| import classes from './Welcome.module.css';
      3| import { Schedule } from '@mantine/schedule';
       | ^
      4|
      5| export function Welcome() { 

Additionally, I’ve noticed a couple of other small things:
In the month view, all-day events appear across two days.
When using onEventResize and onEventClick in the Schedule, it seems like onEventClick might also get triggered during a resize.

Thanks for your help!

[ivory snow]

Thanks for the reproduction, I'll have a look

In the month view, all-day events appear across two days.
This usually happens if event date changes depending on timezone

[hollow kayak]

Thanks a lot for the quick fix, really appreciate it! 🫶

I’ve been experimenting with different time formats using dayjs (with and without timezone), but I couldn’t manage to get an all-day event to show on only a single day in the month view. Do you happen to have any hints or best practices for that?

Also, I noticed that the events now have an opacity of 0.1 (via --event-bg). Is there a recommended way to override that?

Happy to provide more info if needed. 🙂

[ivory snow]

Can you send the code with minimal reproduction?

[hollow kayak]

Hi!
Sure 🙂
Here’s a minimal reproduction of the issue.
You can find the example in this repository / component: https://github.com/DanielBrommer/test-schedule/blob/master/src/pages/Home.page.tsx

Thanks!

[ivory snow]

For issue 1, there are 2 cases:

• start: '2025-11-04 00:00:00', end: '2025-11-05 00:00:00' → renders at width 28.5714% (2/7)
  ❌
  • start: '2025-11-11 00:00:00', end: '2025-11-11 23:59:59' → renders at width 14.2857% (1/7)
    ✓

I'll add support for case 1 to still treat it as single day all day event in n9.1.0 release

For events opacity:
You can set variant: 'filled' in the event to change variant