fix(demo): fix harmful styling use

Author: paodb

src/test/java/com/flowingcode/addons/ycalendar/MonthDemo.java

@@ -36,7 +36,7 @@
 public class MonthDemo extends Div {
 
   public MonthDemo() {
-
+    addClassName("month-demo");
     MonthCalendar calendar = new MonthCalendar(YearMonth.now());
 
     calendar.setClassNameGenerator(date -> {

src/test/java/com/flowingcode/addons/ycalendar/YearDemo.java

@@ -43,6 +43,7 @@ public class YearDemo extends Div {
       TestUtils.getMethod(IntegerField.class, "setStepButtonsVisible", boolean.class).orElse(null);
 
   public YearDemo() {
+    addClassName("year-demo");
     YearCalendar calendar = new YearCalendar();
     calendar.setClassNameGenerator(date -> {
       if (TestUtils.isPublicHoliday(date)) {

src/test/java/com/flowingcode/addons/ycalendar/YearMonthCalendarDemoView.java

@@ -22,6 +22,7 @@
 import com.flowingcode.vaadin.addons.DemoLayout;
 import com.flowingcode.vaadin.addons.GithubLink;
 import com.flowingcode.vaadin.addons.demo.TabbedDemo;
+import com.vaadin.flow.component.dependency.CssImport;
 import com.vaadin.flow.component.dependency.StyleSheet;
 import com.vaadin.flow.router.ParentLayout;
 import com.vaadin.flow.router.Route;
@@ -30,7 +31,7 @@
 @ParentLayout(DemoLayout.class)
 @Route("year-month-calendar")
 @GithubLink("https://github.com/FlowingCode/YearMonthCalendarAddon")
-@StyleSheet("context://styles/ycalendar-styles.css")
+@CssImport("./styles/ycalendar-styles.css")
 public class YearMonthCalendarDemoView extends TabbedDemo {
 
   public YearMonthCalendarDemoView() {

…NF/resources/styles/ycalendar-styles.css …INF/frontend/styles/ycalendar-styles.csssrc/test/resources/META-INF/resources/styles/ycalendar-styles.css renamed to src/test/resources/META-INF/frontend/styles/ycalendar-styles.css src/test/resources/META-INF/resources/styles/ycalendar-styles.css renamed to src/test/resources/META-INF/frontend/styles/ycalendar-styles.css

@@ -17,11 +17,11 @@
  * limitations under the License.
  * #L%
  */
-#content vaadin-horizontal-layout {
+.year-demo vaadin-horizontal-layout, .month-demo vaadin-horizontal-layout {
 	gap: 0px;
 	flex-wrap: wrap
 }
 
-#content vaadin-horizontal-layout > * {
+.year-demo vaadin-horizontal-layout > *, .month-demo vaadin-horizontal-layout > * {
 	padding-left: 1ex;
 }