Interval States

[hugoaboud]

I want to use the Week/Day view as a scheduling tool, so I need the intervals to have states.

I've implemented a sample at the interval-states branch of my fork:
https://github.com/hugoaboud/qalendar/tree/interval-states

It adds a intervalStates prop to <Qalendar>, which is a list defining which intervals should be customized:

intervalStates: [
    {
      date: '2023-05-05',
      interval: 1,
      hidden: true
    },
    {
      date: '2023-05-04',
      interval: 3,
      color: '#900',
      disabled: true
    }
] as dayIntervalsStateType[],

So it appears like that:

I haven't implemented any tests yet, so I can evaluate your interest before.

It also implements a highlight on hover and click for intervals.

[tomosterlund]

This is a great idea! Feel free to open a pull request. Though I was sloppy sometimes, the goal is to have test coverage of every feature of the component. So if possible, try and implement unit & cypress tests, but also I can help you with this if you want.

Also a hot tip/request from my side: if opening a pull request, be sure to make as few code changes as possible to make the feature happen. There is a major refactoring in progress for v3, and for every file changed until then, I will have a merge conflict to solve later on.

[hugoaboud]

Nice! I figured a refactor might be on the way and tried to be careful with changes.
I'll review it as soon as possible and open a PR :)