Our powerful JS Calendar component
Hi.
I'm trying to take out this part of calendar, to show only the day mode in the screen:
https://slack-files.com/TCE5WRQR0-F017Z358R1T-a74bb656f6
this is my html:
<bry-calendar #calendar [modes]='calendarConfig.modes' [sidebar]='calendarConfig.sidebar'></bry-calendar>
And this is my calendarConfig:
export const calendarConfig = {
sidebar: false,
modes: {
year: false,
month: false,
week: false,
agenda: false,
day: {
dayStartTime: 7,
dayEndTime: 20,
}
}
};
But this is my result:
https://slack-files.com/TCE5WRQR0-F017Z3HLNQ5-e29cc25af1
The hours simply disappear, could you help me?
Last edited by
freePlusxx01 on Fri Jul 31, 2020 2:43 pm, edited 1 time in total.
Hello.
Works here:
screen.png (24.09 KiB) Viewed 2140 times
Could you provide a runnable test case?
I did a runnable test case, how can I provide to you?
Please zip up and upload here (just drop it)
Ok, done. Have you received?
No, Look at the attach file options as you post
File is still not downloadable by direct link. Please review sharing options to make sure it allows to download to all users with link.
Try this:
Maxim : downloaded, link removed. please do not include node_modules to test cases.
I've checked your test case. Everything is rendered properly but you don't set height of the container element so it is not displayed as you expect. I'd recommend first to inspect DOM if you don't see element that you expect.
Add these styles and you will see everything.
app-root {
display: flex;
flex-direction: column;
height: 100vh;
}
bry-calendar {
flex: 1;
}
.b-calendar {
height: 100%;
}```