feat(calendar-web): add hour scope for the day view

Author: rahmanunver

packages/pluggableWidgets/calendar-web/src/Calendar.xml

@@ -101,6 +101,14 @@
                         <attributeType name="DateTime" />
                     </attributeTypes>
                 </property>
+                <property key="minHour" type="integer" defaultValue="0">
+                    <caption>Day start hour</caption>
+                    <description>The hour at which the day view starts (0-23)</description>
+                </property>
+                <property key="maxHour" type="integer" defaultValue="24">
+                    <caption>Day end hour</caption>
+                    <description>The hour at which the day view ends (1-24)</description>
+                </property>
             </propertyGroup>
         </propertyGroup>
         <propertyGroup caption="Events">

packages/pluggableWidgets/calendar-web/src/utils/calendar-utils.ts

@@ -81,6 +81,12 @@ export function extractCalendarProps(props: CalendarContainerProps): DragAndDrop
     const viewsOption: ViewsProps<CalEvent, object> =
         props.view === "standard" ? ["day", "week", "month"] : ["month", "week", "work_week", "day", "agenda"];
 
+    // Compute minimum and maximum times for the day based on configured hours
+    const minTime = new Date();
+    minTime.setHours(props.minHour ?? 0, 0, 0, 0);
+    const maxTime = new Date();
+    maxTime.setHours(props.maxHour ?? 24, 0, 0, 0);
+
     const handleSelectEvent = (event: CalEvent): void => {
         if (props.onClickEvent?.canExecute) {
             props.onClickEvent.execute({
@@ -143,6 +149,8 @@ export function extractCalendarProps(props: CalendarContainerProps): DragAndDrop
         onSelectEvent: handleSelectEvent,
         onSelectSlot: handleSelectSlot,
         startAccessor: (event: CalEvent) => event.start,
-        titleAccessor: (event: CalEvent) => event.title
+        titleAccessor: (event: CalEvent) => event.title,
+        min: minTime,
+        max: maxTime
     };
 }

packages/pluggableWidgets/calendar-web/typings/CalendarProps.d.ts

@@ -42,6 +42,8 @@ export interface CalendarContainerProps {
     enableCreate: boolean;
     defaultView: DefaultViewEnum;
     startDateAttribute?: EditableValue<Date>;
+    minHour: number;
+    maxHour: number;
     eventDataAttribute?: EditableValue<string>;
     onClickEvent?: ActionValue<{ startDate: Option<Date>; endDate: Option<Date>; allDay: Option<boolean>; title: Option<string> }>;
     onCreateEvent?: ActionValue<{ startDate: Option<Date>; endDate: Option<Date>; allDay: Option<boolean> }>;
@@ -82,6 +84,8 @@ export interface CalendarPreviewProps {
     enableCreate: boolean;
     defaultView: DefaultViewEnum;
     startDateAttribute: string;
+    minHour: number | null;
+    maxHour: number | null;
     eventDataAttribute: string;
     onClickEvent: {} | null;
     onCreateEvent: {} | null;