Can't import angular-calendar SASS files in an Angular project.

[santam85]

Describe the bug

Can't import library SASS files in an Angular project. Getting the following error:

SassError: Can't find stylesheet to import.
   ╷
12 │ @import "~angular-calendar/scss/angular-calendar";
   │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
  src/styles.scss 12:9  root stylesheet

Minimal reproduction of the problem with instructions

Create an empty Angular project that imports the SASS file in the app styles.scss by using:

@import "~angular-calendar/scss/angular-calendar";

Versions

• @angular/core: ^14.0.0
• angular-calendar: ^0.30.0

[matts-bot]

Thanks so much for opening an issue! If you'd like me to give priority to answering your issue or would just like to support this project, then please consider sponsoring me

[dereekb]

This is good. I ended up running into this about a week or two ago and ended up copying over the sass stylings to my project . I ended up modifying them a bit more to fit the angular/material mixin style presented.

The one thing I felt I needed to change was the fact that some of the styling classes are defined at the top level instead of within a mixin.

You might want to consider enhancing the SASS files a bit more for customization later. I meant to make a feature request/offer about it. I'd also be opening to copying over a more compatible version of my changes eventually back to this library if that's something desirable. I think I ended up putting more angular material theming adjustments into it that may not all be necessary or need adjustments.