added defaultView Property

Author: joaojmendes

src/controls/calendar/Calendar.tsx

@@ -127,6 +127,7 @@ export const Calendar: React.FC<ICalendarControlProps> = ({
   onWeekChange,
   onViewChange,
   onDaySlotClick,
+  defaultView,
 }: ICalendarControlProps) => {
   const { styles } = useCalendarStyles();
   const calendarRef = useRef<HTMLDivElement>(null);
@@ -140,7 +141,7 @@ export const Calendar: React.FC<ICalendarControlProps> = ({
   );
   // Default view
   const [selectedView, setSelectedView] = useState<ECalendarViews>(
-    ECalendarViews.Month
+    defaultView ?? ECalendarViews.Month
   );
   const { getMonthCalendar } = useCalendar(
     Intl.DateTimeFormat().resolvedOptions().timeZone
@@ -246,6 +247,10 @@ export const Calendar: React.FC<ICalendarControlProps> = ({
     };
   }, [styles.calendarWrapper]);
 
+  useEffect(() => {
+    setSelectedView(defaultView ?? ECalendarViews.Month);
+  }, [defaultView]);
+
   const RenderContent = React.useCallback(() => {
     switch (selectedView) {
       case ECalendarViews.Month:

src/controls/calendar/models/ICalendarControlProps.ts

@@ -1,3 +1,4 @@
+import { ECalendarViews } from "./ECalendarViews";
 import { IEvent } from "./IEvents";
 import { Theme } from "@fluentui/react-components";
 
@@ -12,4 +13,5 @@ export interface ICalendarControlProps {
   onPrev?: (date:Date) => void;
   onViewChange?: (view: string) => void;
   onDaySlotClick?: (date: Date) => void;
+  defaultView? :ECalendarViews | undefined
 }