test(calendar-web): use dynamic.available for timeFormat/showEventDate in specs

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: iobuhov

packages/pluggableWidgets/calendar-web/src/__tests__/Calendar.spec.tsx

@@ -1,8 +1,8 @@
 import { render, screen } from "@testing-library/react";
 import { dynamic, ListValueBuilder } from "@mendix/widget-plugin-test-utils";
 
-import MxCalendar from "../Calendar";
 import { CalendarContainerProps } from "../../typings/CalendarProps";
+import MxCalendar from "../Calendar";
 import { CalendarPropsBuilder } from "../helpers/CalendarPropsBuilder";
 
 // Mock react-big-calendar to avoid View.title issues
@@ -305,7 +305,7 @@ describe("CalendarPropsBuilder multi-day time formats", () => {
     const buildWithTimeFormat = (timeFormatValue: string) => {
         const props = {
             ...customViewProps,
-            timeFormat: dynamic(timeFormatValue)
+            timeFormat: dynamic.available(timeFormatValue)
         };
         const builder = new CalendarPropsBuilder(props);
         return builder.build(mockLocalizer, "en");
@@ -370,8 +370,8 @@ describe("CalendarPropsBuilder showEventDate hides multi-day formats", () => {
     it("blanks eventTimeRangeStartFormat when showEventDate=false", () => {
         const props = {
             ...customViewProps,
-            showEventDate: dynamic(false),
-            timeFormat: dynamic("HH:mm")
+            showEventDate: dynamic.available(false),
+            timeFormat: dynamic.available("HH:mm")
         };
         const builder = new CalendarPropsBuilder(props);
         const result = builder.build(mockLocalizer, "en");
@@ -387,8 +387,8 @@ describe("CalendarPropsBuilder showEventDate hides multi-day formats", () => {
     it("blanks eventTimeRangeEndFormat when showEventDate=false", () => {
         const props = {
             ...customViewProps,
-            showEventDate: dynamic(false),
-            timeFormat: dynamic("HH:mm")
+            showEventDate: dynamic.available(false),
+            timeFormat: dynamic.available("HH:mm")
         };
         const builder = new CalendarPropsBuilder(props);
         const result = builder.build(mockLocalizer, "en");
@@ -404,8 +404,8 @@ describe("CalendarPropsBuilder showEventDate hides multi-day formats", () => {
     it("blanks eventTimeRangeFormat when showEventDate=false", () => {
         const props = {
             ...customViewProps,
-            showEventDate: dynamic(false),
-            timeFormat: dynamic("HH:mm")
+            showEventDate: dynamic.available(false),
+            timeFormat: dynamic.available("HH:mm")
         };
         const builder = new CalendarPropsBuilder(props);
         const result = builder.build(mockLocalizer, "en");
@@ -421,8 +421,8 @@ describe("CalendarPropsBuilder showEventDate hides multi-day formats", () => {
     it("preserves all time range formats when showEventDate=true", () => {
         const props = {
             ...customViewProps,
-            showEventDate: dynamic(true),
-            timeFormat: dynamic("p")
+            showEventDate: dynamic.available(true),
+            timeFormat: dynamic.available("p")
         };
         const builder = new CalendarPropsBuilder(props);
         const result = builder.build(mockLocalizer, "en");