Our powerful JS Calendar component


Post by Oleg »

I have a question about how to force the bryntum calendar to show the correct time on the vertical time axis. I have a feeling that the daylight saving time is shown one hour behind. See attached picture.

Attachments
problem time show bad time.jpg
problem time show bad time.jpg (143.17 KiB) Viewed 159 times

Post by Animal »

Can you show your data and CSS? Because I cannot reproduce that locally.

Screenshot 2024-03-01 at 16.59.36.png
Screenshot 2024-03-01 at 16.59.36.png (94.62 KiB) Viewed 151 times

Looks like you have some powerful CSS overrides going on there which is affecting layout:

Screenshot 2024-03-01 at 17.01.23.png
Screenshot 2024-03-01 at 17.01.23.png (57.73 KiB) Viewed 151 times

Could be that your CSS is disturbing the layout of the time axis. The layout of the .b-dayview-timeaxis-time elements inside the .b-timeaxis-container is very precise.


Post by Oleg »

I solved it by entering a numerical time value instead of a string into dayStartTime and it started to work correctly
berofer
dayStartTime: "13:00"
after
dayStartTime: 1360601000

    modeDefaults: {
        hourHeight: 450,
        dayStartTime: 13*60*60*1000,
        dayEndTime: 15*60*60*1000,
        timeResolution: {
            unit: "MINUTE",
            increment: 15
        },

Thanks for the advice, my solution helped me at the moment


Post by tasnim »

Glad to hear that, you've got it working and thank you for sharing the solution.

Best regards,
Tasnim


Post by Animal »

I have tried using the 24 hour time format version and it works as you see below. Are you using the latest version?

Screenshot 2024-03-04 at 15.41.01.png
Screenshot 2024-03-04 at 15.41.01.png (278.46 KiB) Viewed 122 times

Post by Animal »

This was only changed to accept HH:MM time strings in 5.4.0

There have been many new features and many bugs fixed since then. We strongly advise you to update to the latest version.


Post Reply