Inaccuracy in task bar rendering

stylerhun

Hello!

We've experiencing inaccuracy during task bar rendering, using wx-react-gantt package. Even tasks with the same time range renders with different length. Even in you official demo examples on CodeSandbox I could reproduce the problem with changing only the first task's dates.
You can see in my pictures that I set a task with start: 2020-06-10 end: 2020-09-30 dates. You can see that it overlaps the Q3 vertical line in quarter view and does not fit to the end of month vertical line in month view.
I tried to set 00:00:00 time also it didn't help.

I have no idea that what's the problem and why it is not problem to other users? With my data I have many inaccuracies during render unfortunately :( However I love the library, I'm using it with React 18.

Screenshots:
https://drive.google.com/file/d/1SwUjWdj1yPU4hc_lkzLOdwNgulhk5THp/view?usp=drive_link
https://drive.google.com/file/d/1YhmfUygQMTLVdZH14fq0HbvdruLYR1od/view?usp=drive_link

You can try it out here if you choose the Custom zoom example in my fork: https://codesandbox.io/p/devbox/icy-fire-w2jl74?workspaceId=ws_VHfjsf3AGPLCJW5P3i2CN9

In my real life project here, you can see that nearly all my task bars have inaccuracy. 05-31, 06-30 (2 of them have different length): https://drive.google.com/file/d/1lr0DFWaTvOnBdNWDl_laRK5Hu__3_1my/view?usp=drive_link

Helga

Hello,

I can see two moments here: the provided task boundaries are not exact and Gantt sometimes renders them inaccurately.

As for the task boundaries, if you need to end task in the last day of the month, you should provide the next date for it, so instead of new Date(2020, 8, 30) please set new Date(2020, 9, 1) - this will render tasks accurately on the month scale (where the lowest line displays months).

However, even with start and date end dates properly defined, I can see slight inaccuracies in rendering bars on the quarter scale (where the lowest line displays quarters) - we will tackle this part and fix it in the codebase.

Thank you for sharing!