[ANGULAR] Problems to remove sidebar in Angular

[freePlusxx01]

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?

[Maxim Gorkovsky]

Hello.
Works here:

screen.png (24.09 KiB) Viewed 2137 times

Could you provide a runnable test case?

[freePlusxx01]

I did a runnable test case, how can I provide to you?

[mats]

Please zip up and upload here (just drop it)

[freePlusxx01]

Ok, done. Have you received?

[mats]

No, Look at the attach file options as you post

[freePlusxx01]

Oh, it returned that the file is too large, I uploaded at cloud, take a look:

https://drive.google.com/file/d/1rUf9_Be5i8lgaIP8g1zvEDHS7EazzPDn/view?usp=sharing

[Maxim Gorkovsky]

File is still not downloadable by direct link. Please review sharing options to make sure it allows to download to all users with link.

[freePlusxx01]

Try this:

Maxim: downloaded, link removed. please do not include node_modules to test cases.

[Maxim Gorkovsky]

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%;
  }```