Timeline bars sometimes misaligned, also alignment changes when using zoom function

[Vingro]

Description

The bars in a timeline chart are sometimes not aligned correctly to the grid and the axis. I thought it might have something to do with time zone vs. UTC, but zooming in and out seems to randomly change the alignment.

Steps to Reproduce

1. Create a basic timeline chart (for example just copy the example on https://apexcharts.com/javascript-chart-demos/timeline-charts/basic/). Add dates without a time, just like in the example.
2. Add grid lines to increase visibility of the issue (leaving out the grid lines still show the misalignment against the date axis).
3. Zoom in and out around the position where a bar starts and check the alignment against grid lines and/or date axis.

Expected Behavior

Perfectly aligned bars, starting directly at the same position where the grid line is, independent of zoom level.

Actual Behavior

Random misalignments. Sometimes the bar starts on the left side of the grid line, sometimes on the right, depending on the zoom level. By default the alignment is already a bit off.

Screenshots

By default already a little bit off:

After zooming in by dragging a range, the bar starts on the left of the grid line:

After zooming in again, the bar suddenly starts on the right of the grid line:

Reproduction Link

https://codepen.io/vingro/pen/LYwaowe
(removed the css to show the issue on full width.