@headless-adminapp/fluent 1.2.1 → 1.2.3

package/App/Navigation/NavItemComponent.js

@@ -4,7 +4,9 @@ exports.NavItemComponent = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_components_1 = require("@fluentui/react-components");
 const react_nav_preview_1 = require("@fluentui/react-nav-preview");
+const usePrefetch_1 = require("./usePrefetch");
 const NavItemComponent = ({ item, onClick, isMini, }) => {
+    (0, usePrefetch_1.usePrefetch)(item);
     return ((0, jsx_runtime_1.jsx)(react_nav_preview_1.NavItem, { href: item.link, onClick: (event) => {
             event.preventDefault();
             onClick(item);

package/App/Navigation/NavMiniCategoryMenu.js

@@ -4,6 +4,7 @@ exports.NavMiniCategoryMenu = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_components_1 = require("@fluentui/react-components");
 const NavItemComponent_1 = require("./NavItemComponent");
+const usePrefetch_1 = require("./usePrefetch");
 const NavMiniCategoryMenu = ({ item, isActive, onSelect, }) => {
     return ((0, jsx_runtime_1.jsxs)(react_components_1.Menu, { positioning: "after-top", children: [(0, jsx_runtime_1.jsx)(react_components_1.MenuTrigger, { children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(NavItemComponent_1.NavItemComponent, { item: {
                             key: item.key,
@@ -14,6 +15,10 @@ const NavMiniCategoryMenu = ({ item, isActive, onSelect, }) => {
                             isExternal: false,
                             RightComponent: undefined,
                             type: 'item',
-                        }, onClick: () => { }, isMini: true }, item.key) }) }), (0, jsx_runtime_1.jsx)(react_components_1.MenuPopover, { children: (0, jsx_runtime_1.jsx)(react_components_1.MenuList, { children: item.items.map((subItem) => ((0, jsx_runtime_1.jsx)(react_components_1.MenuItem, { onClick: () => onSelect(subItem), children: subItem.label }, subItem.key))) }) })] }));
+                        }, onClick: () => { }, isMini: true }, item.key) }) }), (0, jsx_runtime_1.jsx)(react_components_1.MenuPopover, { children: (0, jsx_runtime_1.jsx)(react_components_1.MenuList, { children: item.items.map((subItem) => ((0, jsx_runtime_1.jsx)(NavMenuItem, { item: subItem, onSelect: onSelect }, subItem.key))) }) })] }));
 };
 exports.NavMiniCategoryMenu = NavMiniCategoryMenu;
+const NavMenuItem = ({ item, onSelect }) => {
+    (0, usePrefetch_1.usePrefetch)(item);
+    return (0, jsx_runtime_1.jsx)(react_components_1.MenuItem, { onClick: () => onSelect(item), children: item.label });
+};

package/App/Navigation/NavSubItemComponent.js

@@ -4,7 +4,9 @@ exports.NavSubItemComponent = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_components_1 = require("@fluentui/react-components");
 const react_nav_preview_1 = require("@fluentui/react-nav-preview");
+const usePrefetch_1 = require("./usePrefetch");
 const NavSubItemComponent = ({ item, onClick, }) => {
+    (0, usePrefetch_1.usePrefetch)(item);
     return ((0, jsx_runtime_1.jsx)(react_nav_preview_1.NavSubItem, { href: item.link, onClick: (event) => {
             event.preventDefault();
             onClick(item);

package/App/Navigation/usePrefetch.d.ts

@@ -0,0 +1,2 @@
+import { NavItemInfo, NavSubItemInfo } from './types';
+export declare function usePrefetch(item: NavItemInfo | NavSubItemInfo): void;

package/App/Navigation/usePrefetch.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePrefetch = usePrefetch;
+const route_1 = require("@headless-adminapp/app/route");
+const react_1 = require("react");
+function usePrefetch(item) {
+    const router = (0, route_1.useRouter)();
+    (0, react_1.useEffect)(() => {
+        if (!item.isExternal) {
+            router.prefetch(item.link);
+        }
+    }, [item.isExternal, item.link, router]);
+}

package/PageCalendar/CalendarSection.d.ts

@@ -14,6 +14,8 @@ interface CalendarSectionProps {
     events: EventInput[];
     onDateSelect?: (event: DateSelectArg) => void;
     loading?: boolean;
+    selectable?: boolean;
+    initialDate?: Date;
 }
-export declare const CalendarSection: ({ startDate, endDate, viewType, onRangeChange, events, onDateSelect, loading, }: Readonly<CalendarSectionProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const CalendarSection: ({ startDate, endDate, viewType, onRangeChange, events, onDateSelect, loading, selectable, initialDate, }: Readonly<CalendarSectionProps>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/PageCalendar/CalendarSection.js

@@ -8,6 +8,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_components_1 = require("@fluentui/react-components");
 const daygrid_1 = __importDefault(require("@fullcalendar/daygrid"));
 const interaction_1 = __importDefault(require("@fullcalendar/interaction"));
+const moment_timezone_1 = __importDefault(require("@fullcalendar/moment-timezone"));
 const react_1 = __importDefault(require("@fullcalendar/react"));
 const timegrid_1 = __importDefault(require("@fullcalendar/timegrid"));
 const hooks_1 = require("@headless-adminapp/app/hooks");
@@ -26,9 +27,9 @@ const ViewSelector_1 = require("./ViewSelector");
 dayjs_1.default.extend(utc_1.default);
 dayjs_1.default.extend(timezone_1.default);
 dayjs_1.default.extend(isoWeek_1.default);
-const CalendarSection = ({ startDate, endDate, viewType, onRangeChange, events, onDateSelect, loading, }) => {
+const CalendarSection = ({ startDate, endDate, viewType, onRangeChange, events, onDateSelect, loading, selectable, initialDate, }) => {
     const calendarRef = (0, react_2.useRef)(null);
-    const { timezone } = (0, locale_1.useLocale)();
+    const { timezone, timeFormats } = (0, locale_1.useLocale)();
     const isMobile = (0, hooks_1.useIsMobile)();
     const isToday = (0, react_2.useMemo)(() => {
         if (!startDate || !endDate) {
@@ -130,8 +131,13 @@ const CalendarSection = ({ startDate, endDate, viewType, onRangeChange, events,
                         }, children: (0, jsx_runtime_1.jsx)(ViewSelector_1.ViewSelector, { viewType: viewType, onChange: (viewType) => {
                                 calendarRef.current?.getApi().changeView(viewType);
                                 calendarRef.current?.getApi().scrollToTime(initialScrollTime);
-                            } }) })] }), (0, jsx_runtime_1.jsxs)("div", { style: { flex: 1, position: 'relative' }, children: [(0, jsx_runtime_1.jsx)("div", { style: { position: 'absolute', inset: 0 }, children: (0, jsx_runtime_1.jsx)(react_1.default, { ref: calendarRef, plugins: [daygrid_1.default, timegrid_1.default, interaction_1.default], initialView: types_1.ViewType.Month, weekends: true, firstDay: 1, events: events, datesSet: handleDateRangeChange, select: onDateSelect, eventContent: renderEventContent_1.renderEventContent, timeZone: timezone, height: "100%", nowIndicator: true, scrollTime: initialScrollTime, scrollTimeReset: false, editable: false, selectable: true, selectMirror: true, dayMaxEvents: true, eventMinHeight: 24, eventTimeFormat: (props) => {
-                                return (0, dayjs_1.default)(props.start.marker).tz(timezone).format('hh:mm A');
+                            } }) })] }), (0, jsx_runtime_1.jsxs)("div", { style: { flex: 1, position: 'relative' }, children: [(0, jsx_runtime_1.jsx)("div", { style: { position: 'absolute', inset: 0 }, children: (0, jsx_runtime_1.jsx)(react_1.default, { ref: calendarRef, plugins: [
+                                daygrid_1.default,
+                                timegrid_1.default,
+                                interaction_1.default,
+                                moment_timezone_1.default,
+                            ], initialView: viewType, initialDate: initialDate, weekends: true, firstDay: 1, events: events, datesSet: handleDateRangeChange, select: onDateSelect, eventContent: renderEventContent_1.renderEventContent, timeZone: timezone, height: "100%", nowIndicator: true, scrollTime: initialScrollTime, scrollTimeReset: false, editable: false, selectable: selectable, selectMirror: true, dayMaxEvents: true, eventMinHeight: 24, eventTimeFormat: (props) => {
+                                return (0, dayjs_1.default)(new Date(props.start.year, props.start.month, props.start.day, props.start.hour, props.start.minute)).format(timeFormats.short);
                             }, headerToolbar: false }) }), (0, jsx_runtime_1.jsx)(BodyLoading_1.BodyLoading, { loading: loading })] })] }));
 };
 exports.CalendarSection = CalendarSection;

package/PageCalendar/PageCalendar.d.ts

@@ -2,6 +2,9 @@ import { CalendarConfig } from '@headless-adminapp/app/calendar/types';
 import { SchemaAttributes } from '@headless-adminapp/core/schema';
 interface PageCalendarProps<SA1 extends SchemaAttributes = SchemaAttributes, SA2 extends SchemaAttributes = SchemaAttributes, SA3 extends SchemaAttributes = SchemaAttributes> {
     config: CalendarConfig<SA1, SA2, SA3>;
+    initialView?: string;
+    initialDate?: string;
+    onChange?: (view: string, date: string) => void;
 }
 export declare function PageCalendar<SA1 extends SchemaAttributes = SchemaAttributes, SA2 extends SchemaAttributes = SchemaAttributes, SA3 extends SchemaAttributes = SchemaAttributes>(props: Readonly<PageCalendarProps<SA1, SA2, SA3>>): import("react/jsx-runtime").JSX.Element;
 export {};

package/PageCalendar/PageCalendar.js

@@ -16,5 +16,5 @@ function PageCalendar(props) {
         });
     }, [contextValue, props.config]);
     const config = props.config;
-    return ((0, jsx_runtime_1.jsx)(CalendarProvider_1.CalendarProvider, { config: config, children: (0, jsx_runtime_1.jsx)(PageCalendarUI_1.PageCalendarUI, {}) }));
+    return ((0, jsx_runtime_1.jsx)(CalendarProvider_1.CalendarProvider, { config: config, children: (0, jsx_runtime_1.jsx)(PageCalendarUI_1.PageCalendarUI, { initialView: props.initialView, initialDate: props.initialDate, onChange: props.onChange }) }));
 }

package/PageCalendar/PageCalendarUI.d.ts

@@ -1,2 +1,8 @@
 import { SchemaAttributes } from '@headless-adminapp/core/schema';
-export declare function PageCalendarUI<SA3 extends SchemaAttributes = SchemaAttributes>(): import("react/jsx-runtime").JSX.Element;
+interface PageCalendarUIProps {
+    initialView?: string;
+    initialDate?: string;
+    onChange?: (view: string, date: string) => void;
+}
+export declare function PageCalendarUI<SA3 extends SchemaAttributes = SchemaAttributes>(props: Readonly<PageCalendarUIProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/PageCalendar/PageCalendarUI.js

@@ -33,6 +33,7 @@ const auth_1 = require("@headless-adminapp/app/auth");
 const hooks_1 = require("@headless-adminapp/app/calendar/hooks");
 const useOpenDetailDialog_1 = require("@headless-adminapp/app/calendar/hooks/useOpenDetailDialog");
 const hooks_2 = require("@headless-adminapp/app/hooks");
+const locale_1 = require("@headless-adminapp/app/locale");
 const navigation_1 = require("@headless-adminapp/app/navigation");
 const route_1 = require("@headless-adminapp/app/route");
 const toast_notification_1 = require("@headless-adminapp/app/toast-notification");
@@ -51,15 +52,50 @@ const CalendarSection = (0, react_1.lazy)(() => Promise.resolve().then(() => __i
 dayjs_1.default.extend(utc_1.default);
 dayjs_1.default.extend(timezone_1.default);
 dayjs_1.default.extend(isoWeek_1.default);
-function PageCalendarUI() {
+function strToViewType(view) {
+    switch (view) {
+        case 'month':
+        case types_1.ViewType.Month:
+            return types_1.ViewType.Month;
+        case 'week':
+        case types_1.ViewType.Week:
+            return types_1.ViewType.Week;
+        case 'day':
+        case types_1.ViewType.Day:
+            return types_1.ViewType.Day;
+        default:
+            return undefined;
+    }
+}
+function viewTypeToStr(view) {
+    switch (view) {
+        case types_1.ViewType.Month:
+            return 'month';
+        case types_1.ViewType.Week:
+            return 'week';
+        case types_1.ViewType.Day:
+            return 'day';
+    }
+}
+function getInitialView(isMobile, initialView) {
+    if (initialView) {
+        const _view = strToViewType(initialView);
+        if (_view) {
+            return _view;
+        }
+    }
+    return isMobile ? types_1.ViewType.Day : types_1.ViewType.Month;
+}
+function PageCalendarUI(props) {
     const config = (0, hooks_1.useConfig)();
     const openToastNotification = (0, toast_notification_1.useOpenToastNotification)();
     const isMobile = (0, hooks_2.useIsMobile)();
+    const { timezone } = (0, locale_1.useLocale)();
     const [activeStartDate, setActiveStartDate] = (0, react_1.useState)(null);
     const [activeEndDate, setActiveEndDate] = (0, react_1.useState)(null);
     const [currentStartDate, setCurrentStartDate] = (0, react_1.useState)(null);
     const [currentEndDate, setCurrentEndDate] = (0, react_1.useState)(null);
-    const [viewType, setViewType] = (0, react_1.useState)(isMobile ? types_1.ViewType.Day : types_1.ViewType.Month);
+    const [viewType, setViewType] = (0, react_1.useState)(getInitialView(isMobile, props.initialView));
     const filterForm = (0, react_hook_form_1.useForm)({
         mode: 'all',
         defaultValues: config.defaultFilter,
@@ -100,10 +136,28 @@ function PageCalendarUI() {
         },
         staleTime: 1000 * 60 * 5, // 5 minutes
     });
+    const initialDate = (0, react_1.useMemo)(() => {
+        if (!props.initialDate) {
+            return undefined;
+        }
+        return (0, dayjs_1.default)(props.initialDate).tz(timezone, true).toDate();
+    }, [props.initialDate, timezone]);
     const openEventDetailModel = (0, useOpenDetailDialog_1.useOpenDetailDialog)(EventDialog_1.EventDialog);
     const router = (0, route_1.useRouter)();
     const routeResolver = (0, route_1.useRouteResolver)();
     const openForm = (0, navigation_1.useOpenForm)();
+    const selectable = (0, react_1.useMemo)(() => {
+        if (!config.createOptions) {
+            return false;
+        }
+        if (config.createOptions.mode === 'dialog') {
+            return true;
+        }
+        if (config.createOptions.mode === 'custom') {
+            return config.createOptions.allowQuickCreate ?? false;
+        }
+        return false;
+    }, [config.createOptions]);
     const handleNewRecord = (values) => {
         if (!config.createOptions) {
             return;
@@ -157,6 +211,7 @@ function PageCalendarUI() {
         setActiveStartDate(activeStart);
         setActiveEndDate(activeEnd);
         setViewType(viewType);
+        props.onChange?.(viewTypeToStr(viewType), (0, dayjs_1.default)(currentStart).tz(timezone).format('YYYY-MM-DD'));
     };
     return ((0, jsx_runtime_1.jsxs)("div", { style: {
             display: 'flex',
@@ -165,5 +220,5 @@ function PageCalendarUI() {
             gap: react_components_1.tokens.spacingVerticalM,
             padding: react_components_1.tokens.spacingHorizontalM,
             background: react_components_1.tokens.colorNeutralBackground2,
-        }, children: [(0, jsx_runtime_1.jsx)(Header_1.Header, { filterForm: filterForm, onCreateButtonClick: handleCreateButtonClick }), (0, jsx_runtime_1.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(CalendarSection, { startDate: currentStartDate, endDate: currentEndDate, viewType: viewType, onRangeChange: onRangeChange, events: events ?? [], onDateSelect: handleDateSelect, loading: loading }) })] }));
+        }, children: [(0, jsx_runtime_1.jsx)(Header_1.Header, { filterForm: filterForm, onCreateButtonClick: handleCreateButtonClick }), (0, jsx_runtime_1.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(CalendarSection, { startDate: currentStartDate, endDate: currentEndDate, viewType: viewType, onRangeChange: onRangeChange, events: events ?? [], onDateSelect: handleDateSelect, loading: loading, selectable: selectable, initialDate: initialDate }) })] }));
 }

package/PageCalendar/renderEventContent.js

@@ -14,32 +14,45 @@ const navigation_1 = require("@headless-adminapp/app/navigation");
 const route_1 = require("@headless-adminapp/app/route");
 const icons_1 = require("@headless-adminapp/icons");
 const dayjs_1 = __importDefault(require("dayjs"));
+const timezone_1 = __importDefault(require("dayjs/plugin/timezone"));
+const utc_1 = __importDefault(require("dayjs/plugin/utc"));
 const react_1 = require("react");
 const EventDialog_1 = require("./EventDialog/EventDialog");
+dayjs_1.default.extend(utc_1.default);
+dayjs_1.default.extend(timezone_1.default);
 function renderEventContent(eventInfo) {
     return (0, jsx_runtime_1.jsx)(EventContent, { eventInfo: eventInfo });
 }
+const EventItemPreviewComponent = ({ eventInfo, }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            display: 'flex',
+            backgroundColor: react_components_1.tokens.colorBrandBackground2,
+            color: react_components_1.tokens.colorNeutralForeground1,
+            borderRadius: react_components_1.tokens.borderRadiusMedium,
+            paddingBlock: react_components_1.tokens.spacingVerticalXXS,
+            paddingInline: react_components_1.tokens.spacingHorizontalS,
+            border: `1px solid ${react_components_1.tokens.colorBrandStroke2}`,
+            gap: react_components_1.tokens.spacingHorizontalS,
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            width: '100%',
+            height: '100%',
+            cursor: 'pointer',
+        }, children: [eventInfo.timeText && (0, jsx_runtime_1.jsx)("span", { children: eventInfo.timeText }), (0, jsx_runtime_1.jsx)("span", { style: { fontWeight: react_components_1.tokens.fontWeightSemibold }, children: eventInfo.event.title })] }));
+};
 const EventContent = ({ eventInfo }) => {
     const [open, setOpen] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)(react_components_1.Popover, { positioning: "after", withArrow: true, open: open, onOpenChange: (e, data) => setOpen(data.open), children: [(0, jsx_runtime_1.jsx)(react_components_1.PopoverTrigger, { children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                        display: 'flex',
-                        backgroundColor: react_components_1.tokens.colorBrandBackground2,
-                        color: react_components_1.tokens.colorNeutralForeground1,
-                        borderRadius: react_components_1.tokens.borderRadiusMedium,
-                        paddingBlock: react_components_1.tokens.spacingVerticalXXS,
-                        paddingInline: react_components_1.tokens.spacingHorizontalS,
-                        border: `1px solid ${react_components_1.tokens.colorBrandStroke2}`,
-                        gap: react_components_1.tokens.spacingHorizontalS,
-                        width: '100%',
-                        overflow: 'hidden',
-                        textOverflow: 'ellipsis',
-                        height: '100%',
-                        cursor: 'pointer',
-                    }, children: [eventInfo.timeText && (0, jsx_runtime_1.jsx)("span", { children: eventInfo.timeText }), (0, jsx_runtime_1.jsx)("span", { style: { fontWeight: react_components_1.tokens.fontWeightSemibold }, children: eventInfo.event.title })] }) }), (0, jsx_runtime_1.jsx)(react_components_1.PopoverSurface, { style: { maxWidth: 600 }, children: (0, jsx_runtime_1.jsx)(PopoverContent, { eventInfo: eventInfo, onClose: () => setOpen(false) }) })] }));
+    const config = (0, useConfig_1.useConfig)();
+    const EventItemPreview = config.EventItemPreviewComponent ?? EventItemPreviewComponent;
+    return ((0, jsx_runtime_1.jsxs)(react_components_1.Popover, { positioning: {
+            // coverTarget: true,
+            position: 'after',
+            shiftToCoverTarget: true,
+        }, withArrow: true, open: open, onOpenChange: (e, data) => setOpen(data.open), children: [(0, jsx_runtime_1.jsx)(react_components_1.PopoverTrigger, { children: (0, jsx_runtime_1.jsx)("div", { style: { width: '100%', height: '100%' }, children: (0, jsx_runtime_1.jsx)(EventItemPreview, { eventInfo: eventInfo }) }) }), (0, jsx_runtime_1.jsx)(react_components_1.PopoverSurface, { style: { maxWidth: 480 }, children: (0, jsx_runtime_1.jsx)(PopoverContent, { eventInfo: eventInfo, onClose: () => setOpen(false) }) })] }));
 };
 const PopoverContent = ({ eventInfo, onClose }) => {
     const config = (0, useConfig_1.useConfig)();
-    const { dateFormats, timeFormats } = (0, locale_1.useLocale)();
+    const { dateFormats, timeFormats, timezone } = (0, locale_1.useLocale)();
     const deleteEvent = (0, useDeleteEvent_1.useDeleteEvent)();
     const openEventDetailModel = (0, useOpenDetailDialog_1.useOpenDetailDialog)(EventDialog_1.EventDialog);
     const router = (0, route_1.useRouter)();
@@ -92,7 +105,11 @@ const PopoverContent = ({ eventInfo, onClose }) => {
                     display: 'flex',
                     flexDirection: 'column',
                     gap: react_components_1.tokens.spacingVerticalM,
-                }, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, dayjs_1.default)(eventInfo.event.start).format(dateFormats.long), ' ', (0, dayjs_1.default)(eventInfo.event.start).format(timeFormats.short), ' ', eventInfo.event.allDay
-                                ? 'All Day'
-                                : '- ' + (0, dayjs_1.default)(eventInfo.event.end).format(timeFormats.short)] }), (0, jsx_runtime_1.jsx)("div", { children: eventInfo.event.extendedProps.description })] })] }));
+                }, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, dayjs_1.default)(eventInfo.event.start).tz(timezone).format(dateFormats.long), ' ', eventInfo.event.allDay
+                                ? '(All Day)'
+                                : (0, dayjs_1.default)(eventInfo.event.start)
+                                    .tz(timezone)
+                                    .format(timeFormats.short) +
+                                    ' - ' +
+                                    (0, dayjs_1.default)(eventInfo.event.end).tz(timezone).format(timeFormats.short)] }), (0, jsx_runtime_1.jsx)("div", { children: eventInfo.event.extendedProps.description }), !!config.EventExtendedDetailComponent && ((0, jsx_runtime_1.jsx)(config.EventExtendedDetailComponent, { eventInfo: eventInfo }))] })] }));
 };

package/form/controls/TimeControl.js

@@ -33,7 +33,6 @@ function TimeControl({ value, onChange, id, name, onBlur, placeholder, disabled,
         }
         return (0, dayjs_1.default)().startOf('day').add(value, 'minutes').toDate();
     }, [value]);
-    console.log('TimeControl', value, selectedTime);
     return ((0, jsx_runtime_1.jsx)("div", { style: {
             display: 'flex',
             alignItems: 'center',
@@ -45,7 +44,6 @@ function TimeControl({ value, onChange, id, name, onBlur, placeholder, disabled,
             }, placeholder: placeholder, id: id, name: name, input: {
                 style: { minWidth: 0 },
             }, readOnly: isReadonly, selectedTime: selectedTime, freeform: true, value: internalTimeValue, onTimeChange: (_, data) => {
-                console.log('onTimeChange', data);
                 if (data.selectedTime) {
                     onChange?.((0, dayjs_1.default)(data.selectedTime).diff((0, dayjs_1.default)().startOf('day'), 'minutes'));
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/fluent",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -32,6 +32,7 @@
     "@fullcalendar/core": "6.1.15",
     "@fullcalendar/daygrid": "6.1.15",
     "@fullcalendar/interaction": "6.1.15",
+    "@fullcalendar/moment-timezone": "6.1.15",
     "@fullcalendar/react": "6.1.15",
     "@fullcalendar/timegrid": "6.1.15",
     "@hookform/resolvers": "^3.9.0",
@@ -41,6 +42,7 @@
     "dnd-core": "^16.0.1",
     "immutability-helper": "^3.1.1",
     "lodash": "^4.17.21",
+    "moment-timezone": "0.5.46",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
     "react-hook-form": "7.52.2",
@@ -50,5 +52,5 @@
     "uuid": "11.0.3",
     "yup": "^1.4.0"
   },
-  "gitHead": "1cf9322dda84c1898cc90f1e92278b79ed9f2902"
+  "gitHead": "8d3c42183ed245a59d5200b4f0d4d271ebfe2160"
 }