Our blazing fast Grid component built with pure JavaScript


Post by Exigo »

Hello, I was trying to use the datepicker for a filter on a DateField in a grid.
Here I noticed that the styling was completly off. I tried to uninstall the newest version of grid which did fix the "next month buttons" being correct, but did not fix the rest of the issues, I have provided a few pictures to show my implementation, can you suggest something that can fix this for me? This is from a datepicker example made at the top level of my app, that has no other styling.

Typescript file

Datepicker ts.PNG
Datepicker ts.PNG (29.3 KiB) Viewed 719 times

Html file

datepicker html.PNG
datepicker html.PNG (2.3 KiB) Viewed 719 times

How it is shown

Calendar bugged.PNG
Calendar bugged.PNG (56.73 KiB) Viewed 719 times

Weird css styling that half fixes it?

.b-panel.b-calendarpanel .b-calendarpanel-content .b-weeks-container {
    display: flex;
    /* flex-direction: column;

Post by mats »

Looks like you loaded the wrong (or no) CSS file. Can you please upload a simple test case? Hard to debug an image :)


Post by Exigo »

Yeah, thanks for pointing me in the right direction, completly forgot this could be a thing since it has worked until now.. but it was because I had only imported schedulerPro css file and not also the grid css file


Post by mats »

SchedulerPro SCSS has all the core stuff from grid so no need to add Grid SCSS file. Must be something else like version mismatch (or a bug). Any change you can upload a simple test case?


Post Reply