@mantine/schedule 9.0.0-alpha.0

package/cjs/utils/sort-events/sort-events.cjs

@@ -0,0 +1,21 @@
+'use client';
+'use strict';
+
+var dayjs = require('dayjs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
+
+function sortEvents(events) {
+  return events.toSorted((a, b) => {
+    const startDiff = dayjs__default.default(a.start).diff(dayjs__default.default(b.start));
+    if (startDiff !== 0) {
+      return startDiff;
+    }
+    return dayjs__default.default(b.end).diff(dayjs__default.default(b.start)) - dayjs__default.default(a.end).diff(dayjs__default.default(a.start));
+  });
+}
+
+exports.sortEvents = sortEvents;
+//# sourceMappingURL=sort-events.cjs.map

package/cjs/utils/sort-events/sort-events.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-events.cjs","sources":["../../../src/utils/sort-events/sort-events.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { ScheduleEventData } from '../../types';\n\n/** Sorts events by start time, then by duration (longer first) */\nexport function sortEvents<T extends ScheduleEventData>(events: T[]): T[] {\n  return events.toSorted((a, b) => {\n    const startDiff = dayjs(a.start).diff(dayjs(b.start));\n\n    if (startDiff !== 0) {\n      return startDiff;\n    }\n\n    return dayjs(b.end).diff(dayjs(b.start)) - dayjs(a.end).diff(dayjs(a.start));\n  });\n}\n"],"names":["dayjs"],"mappings":";;;;;;;;;AAIO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAwC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAA;AACxE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,MAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAC,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA;AAC/B,CAAA,CAAA,CAAA,CAAA,MAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAYA,uBAAM,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAK,EAAE,CAAA,CAAA,CAAA,CAAA,CAAKA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAM,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA;AAEpD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAc,CAAA,CAAA,CAAG,CAAA;AACnB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACT,CAAA;AAEA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAOA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,EAAM,CAAA,CAAE,CAAA,CAAA,CAAG,EAAE,CAAA,CAAA,CAAA,CAAA,CAAKA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAM,EAAE,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAIA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAM,EAAE,GAAG,CAAA,CAAE,CAAA,CAAA,CAAA,EAAKA,sBAAA,CAAM,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA;AAAA,CAAA,CAC7E,CAAC,CAAA,CAAA;AACH,CAAA;;"}

package/cjs/utils/to-date-string/to-date-string.cjs

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+var dayjs = require('dayjs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
+
+function toDateString(date) {
+  return dayjs__default.default(date).format("YYYY-MM-DD 00:00:00");
+}
+
+exports.toDateString = toDateString;
+//# sourceMappingURL=to-date-string.cjs.map

package/cjs/utils/to-date-string/to-date-string.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"to-date-string.cjs","sources":["../../../src/utils/to-date-string/to-date-string.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { AnyDateValue, DateStringValue } from '../../types';\n\nexport function toDateString(date: AnyDateValue): DateStringValue {\n  return dayjs(date).format('YYYY-MM-DD 00:00:00');\n}\n"],"names":["dayjs"],"mappings":";;;;;;;;;AAGO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAqC,CAAA;AAChE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAOA,sBAAA,CAAM,CAAA,CAAA,CAAA,CAAI,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAqB,CAAA,CAAA;AACjD,CAAA;;"}

package/cjs/utils/to-time-string/to-time-string.cjs

@@ -0,0 +1,9 @@
+'use client';
+'use strict';
+
+function toTimeString({ hours, minutes, seconds }) {
+  return `${String(hours).padStart(2, "0")}:${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}`;
+}
+
+exports.toTimeString = toTimeString;
+//# sourceMappingURL=to-time-string.cjs.map

package/cjs/utils/to-time-string/to-time-string.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"to-time-string.cjs","sources":["../../../src/utils/to-time-string/to-time-string.ts"],"sourcesContent":["import { ParsedTime } from '../parse-time-string/parse-time-string';\n\nexport function toTimeString({ hours, minutes, seconds }: ParsedTime) {\n  return `${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;\n}\n"],"names":[],"mappings":";;;AAEO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,EAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAQ,CAAA,CAAe,CAAA;AACpE,CAAA,CAAA,OAAO,CAAA,CAAA,CAAG,OAAO,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAS,CAAA,CAAA,CAAG,GAAG,CAAC,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAG,CAAA,CAAA,CAAG,CAAC,CAAA,CAAA,EAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,OAAO,CAAA,CAAE,QAAA,CAAS,CAAA,EAAG,CAAA,CAAA,CAAG,CAAC,CAAA,CAAA,CAAA;AAClH,CAAA;;"}

package/cjs/utils/validate-event/validate-event.cjs

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+var dayjs = require('dayjs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
+
+function validateEvent(eventData) {
+  if (!dayjs__default.default(eventData.start).isValid()) {
+    throw new Error(`[@mantine/schedule] Invalid start date for event id: ${eventData.id}`);
+  }
+  if (!dayjs__default.default(eventData.end).isValid()) {
+    throw new Error(`[@mantine/schedule] Invalid end date for event id: ${eventData.id}`);
+  }
+  if (dayjs__default.default(eventData.end).isBefore(dayjs__default.default(eventData.start))) {
+    throw new Error(
+      `[@mantine/schedule] Event end date is before start date for event id: ${eventData.id}`
+    );
+  }
+  return eventData;
+}
+
+exports.validateEvent = validateEvent;
+//# sourceMappingURL=validate-event.cjs.map

package/cjs/utils/validate-event/validate-event.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-event.cjs","sources":["../../../src/utils/validate-event/validate-event.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { ScheduleEventData } from '../../types';\n\nexport function validateEvent(eventData: ScheduleEventData) {\n  if (!dayjs(eventData.start).isValid()) {\n    throw new Error(`[@mantine/schedule] Invalid start date for event id: ${eventData.id}`);\n  }\n\n  if (!dayjs(eventData.end).isValid()) {\n    throw new Error(`[@mantine/schedule] Invalid end date for event id: ${eventData.id}`);\n  }\n\n  if (dayjs(eventData.end).isBefore(dayjs(eventData.start))) {\n    throw new Error(\n      `[@mantine/schedule] Event end date is before start date for event id: ${eventData.id}`\n    );\n  }\n\n  return eventData;\n}\n"],"names":["dayjs"],"mappings":";;;;;;;;;AAGO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA8B,CAAA;AAC1D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,CAACA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAQ,CAAA,CAAG,CAAA;AACrC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAwD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAE,CAAA,CAAE,CAAA,CAAA;AAAA,CAAA,CACxF,CAAA;AAEA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,CAACA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAG,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAQ,CAAA,CAAG,CAAA;AACnC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAsD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAE,CAAA,CAAE,CAAA,CAAA;AAAA,CAAA,CACtF,CAAA;AAEA,CAAA,CAAA,IAAIA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAU,GAAG,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAASA,sBAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAG,CAAA;AACzD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,IAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACR,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAyE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAU,EAAE,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CACvF,CAAA;AAAA,CAAA,CACF,CAAA;AAEA,CAAA,CAAA,OAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACT,CAAA;;"}

package/esm/components/CurrentTimeIndicator/CurrentTimeIndicator.mjs

@@ -0,0 +1,101 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import dayjs from 'dayjs';
+import { useState } from 'react';
+import { createVarsResolver, getThemeColor, factory, useProps, useStyles, Box } from '@mantine/core';
+import { useDatesContext } from '@mantine/dates';
+import { useInterval } from '@mantine/hooks';
+import { formatDate } from '../../utils/format-date/format-date.mjs';
+import '../../utils/get-week-number/get-week-number.mjs';
+import { getCurrentTimePosition } from '../../utils/get-current-time-position/get-current-time-position.mjs';
+import { isInTimeRange } from '../../utils/is-in-time-range/is-in-time-range.mjs';
+import classes from './CurrentTimeIndicator.module.css.mjs';
+
+const defaultProps = {
+  __staticSelector: "CurrentTimeIndicator",
+  withTimeBubble: true,
+  withThumb: true,
+  currentTimeFormat: "HH:mm",
+  topOffset: "0rem"
+};
+const varsResolver = createVarsResolver((theme, { color }) => ({
+  currentTimeIndicator: {
+    "--indicator-color": color ? getThemeColor(color, theme) : void 0
+  }
+}));
+const CurrentTimeIndicator = factory((_props) => {
+  const props = useProps("CurrentTimeIndicator", defaultProps, _props);
+  const {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    attributes,
+    startOffset,
+    endOffset,
+    color,
+    withTimeBubble,
+    withThumb,
+    currentTimeFormat,
+    locale,
+    timeBubbleStartOffset,
+    __staticSelector,
+    topOffset,
+    startTime,
+    endTime,
+    ...others
+  } = props;
+  const getStyles = useStyles({
+    name: __staticSelector,
+    classes,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver,
+    attributes,
+    rootSelector: "currentTimeIndicator"
+  });
+  const ctx = useDatesContext();
+  const [offsetPercent, setOffsetPercent] = useState(
+    getCurrentTimePosition({ startTime, endTime })
+  );
+  useInterval(() => setOffsetPercent(getCurrentTimePosition({ startTime, endTime })), 1e3 * 60, {
+    autoInvoke: true
+  });
+  const formattedTime = withTimeBubble ? formatDate({ locale: ctx.getLocale(locale), date: dayjs(), format: currentTimeFormat }) : "";
+  if (!isInTimeRange({ date: dayjs().toDate(), startTime, endTime })) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      ...getStyles("currentTimeIndicator"),
+      __vars: {
+        "--top-offset": `calc(${offsetPercent}% + ${topOffset})`,
+        "--start-offset": startOffset,
+        "--end-offset": endOffset,
+        "--time-bubble-start-offset": timeBubbleStartOffset,
+        // Adjust time bubble width for formats including AM/PM
+        "--time-bubble-width": formattedTime?.toString().toLowerCase().includes("m") ? "64px" : "46px"
+      },
+      ...others,
+      children: [
+        withTimeBubble && /* @__PURE__ */ jsx("div", { ...getStyles("currentTimeIndicatorTimeBubble"), children: formattedTime }),
+        withThumb && /* @__PURE__ */ jsx("div", { ...getStyles("currentTimeIndicatorThumb") }),
+        /* @__PURE__ */ jsx("div", { ...getStyles("currentTimeIndicatorLine") })
+      ]
+    }
+  );
+});
+CurrentTimeIndicator.displayName = "@mantine/schedule/CurrentTimeIndicator";
+CurrentTimeIndicator.classes = classes;
+CurrentTimeIndicator.varsResolver = varsResolver;
+
+export { CurrentTimeIndicator };
+//# sourceMappingURL=CurrentTimeIndicator.mjs.map

package/esm/components/CurrentTimeIndicator/CurrentTimeIndicator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrentTimeIndicator.mjs","sources":["../../../src/components/CurrentTimeIndicator/CurrentTimeIndicator.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { useState } from 'react';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getThemeColor,\n  MantineColor,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { useDatesContext } from '@mantine/dates';\nimport { useInterval } from '@mantine/hooks';\nimport { DateLabelFormat } from '../../types';\nimport { formatDate, getCurrentTimePosition, isInTimeRange } from '../../utils';\nimport classes from './CurrentTimeIndicator.module.css';\n\nexport type CurrentTimeIndicatorStylesNames =\n  | 'currentTimeIndicator'\n  | 'currentTimeIndicatorLine'\n  | 'currentTimeIndicatorThumb'\n  | 'currentTimeIndicatorTimeBubble';\n\nexport type CurrentTimeIndicatorCssVariables = {\n  currentTimeIndicator: '--indicator-color';\n};\n\nexport interface CurrentTimeIndicatorProps\n  extends BoxProps, StylesApiProps<CurrentTimeIndicatorFactory>, ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Key of `theme.colors` or any valid CSS color value @default 'red' */\n  color?: MantineColor;\n\n  /** Offset from the left side */\n  startOffset?: string;\n\n  /** Offset from the right side */\n  endOffset?: string;\n\n  /** Extra configurable offset from the top */\n  topOffset?: string;\n\n  /** Offset for the time bubble */\n  timeBubbleStartOffset?: string;\n\n  /** If set, displays a bubble with the current time @default @true */\n  withTimeBubble?: boolean;\n\n  /** If set, displays thumb next to the line @default true */\n  withThumb?: boolean;\n\n  /** Format of the time displayed in the time bubble @default 'HH:mm' */\n  currentTimeFormat?: DateLabelFormat;\n\n  /** Locale passed down to dayjs during formatting */\n  locale?: string;\n\n  /** Start time of the day */\n  startTime?: string;\n\n  /** End time of the day */\n  endTime?: string;\n}\n\nexport type CurrentTimeIndicatorFactory = Factory<{\n  props: CurrentTimeIndicatorProps;\n  ref: HTMLDivElement;\n  stylesNames: CurrentTimeIndicatorStylesNames;\n  vars: CurrentTimeIndicatorCssVariables;\n}>;\n\nconst defaultProps = {\n  __staticSelector: 'CurrentTimeIndicator',\n  withTimeBubble: true,\n  withThumb: true,\n  currentTimeFormat: 'HH:mm',\n  topOffset: '0rem',\n} satisfies Partial<CurrentTimeIndicatorProps>;\n\nconst varsResolver = createVarsResolver<CurrentTimeIndicatorFactory>((theme, { color }) => ({\n  currentTimeIndicator: {\n    '--indicator-color': color ? getThemeColor(color, theme) : undefined,\n  },\n}));\n\nexport const CurrentTimeIndicator = factory<CurrentTimeIndicatorFactory>((_props) => {\n  const props = useProps('CurrentTimeIndicator', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    startOffset,\n    endOffset,\n    color,\n    withTimeBubble,\n    withThumb,\n    currentTimeFormat,\n    locale,\n    timeBubbleStartOffset,\n    __staticSelector,\n    topOffset,\n    startTime,\n    endTime,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<CurrentTimeIndicatorFactory>({\n    name: __staticSelector,\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n    attributes,\n    rootSelector: 'currentTimeIndicator',\n  });\n\n  const ctx = useDatesContext();\n  const [offsetPercent, setOffsetPercent] = useState(\n    getCurrentTimePosition({ startTime, endTime })\n  );\n  useInterval(() => setOffsetPercent(getCurrentTimePosition({ startTime, endTime })), 1000 * 60, {\n    autoInvoke: true,\n  });\n  const formattedTime = withTimeBubble\n    ? formatDate({ locale: ctx.getLocale(locale), date: dayjs(), format: currentTimeFormat })\n    : '';\n\n  if (!isInTimeRange({ date: dayjs().toDate(), startTime, endTime })) {\n    return null;\n  }\n\n  return (\n    <Box\n      {...getStyles('currentTimeIndicator')}\n      __vars={{\n        '--top-offset': `calc(${offsetPercent}% + ${topOffset})`,\n        '--start-offset': startOffset,\n        '--end-offset': endOffset,\n        '--time-bubble-start-offset': timeBubbleStartOffset,\n\n        // Adjust time bubble width for formats including AM/PM\n        '--time-bubble-width': formattedTime?.toString().toLowerCase().includes('m')\n          ? '64px'\n          : '46px',\n      }}\n      {...others}\n    >\n      {withTimeBubble && (\n        <div {...getStyles('currentTimeIndicatorTimeBubble')}>{formattedTime}</div>\n      )}\n\n      {withThumb && <div {...getStyles('currentTimeIndicatorThumb')} />}\n\n      <div {...getStyles('currentTimeIndicatorLine')} />\n    </Box>\n  );\n});\n\nCurrentTimeIndicator.displayName = '@mantine/schedule/CurrentTimeIndicator';\nCurrentTimeIndicator.classes = classes;\nCurrentTimeIndicator.varsResolver = varsResolver;\n"],"names":[],"mappings":"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CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CACL,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAY,CAAA,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"}

package/esm/components/CurrentTimeIndicator/CurrentTimeIndicator.module.css.mjs

@@ -0,0 +1,5 @@
+'use client';
+var classes = {"currentTimeIndicator":"m_74c54f2d","currentTimeIndicatorLine":"m_e62414c1","currentTimeIndicatorThumb":"m_decee6a9","currentTimeIndicatorTimeBubble":"m_4b00bcc6"};
+
+export { classes as default };
+//# sourceMappingURL=CurrentTimeIndicator.module.css.mjs.map

package/esm/components/CurrentTimeIndicator/CurrentTimeIndicator.module.css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrentTimeIndicator.module.css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/esm/components/DayView/DayView.mjs

@@ -0,0 +1,398 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef, createElement } from 'react';
+import dayjs from 'dayjs';
+import { createVarsResolver, rem, getRadius, factory, useProps, useStyles, useResolvedStylesApi, UnstyledButton, Box, ScrollArea } from '@mantine/core';
+import { useDatesContext } from '@mantine/dates';
+import { useDragDropHandlers } from '../../hooks/use-drag-drop-handlers.mjs';
+import { useSlotDragSelect } from '../../hooks/use-slot-drag-select.mjs';
+import { getLabel } from '../../labels.mjs';
+import { formatDate } from '../../utils/format-date/format-date.mjs';
+import '../../utils/get-week-number/get-week-number.mjs';
+import { getDayTimeIntervals } from '../../utils/get-day-time-intervals/get-day-time-intervals.mjs';
+import { toDateString } from '../../utils/to-date-string/to-date-string.mjs';
+import { clampIntervalMinutes } from '../../utils/clamp-interval-minutes/clamp-interval-minutes.mjs';
+import { isAllDayEvent } from '../../utils/is-all-day-event/is-all-day-event.mjs';
+import { getVisibleEvents } from '../../utils/get-visible-events/get-visible-events.mjs';
+import { calculateDropTime } from '../../utils/calculate-drop-time/calculate-drop-time.mjs';
+import { getBusinessHoursMod } from '../../utils/get-business-hours-mod/get-business-hours-mod.mjs';
+import { CurrentTimeIndicator } from '../CurrentTimeIndicator/CurrentTimeIndicator.mjs';
+import { DragContext } from '../DragContext/DragContext.mjs';
+import { MoreEvents } from '../MoreEvents/MoreEvents.mjs';
+import { ScheduleEvent } from '../ScheduleEvent/ScheduleEvent.mjs';
+import { ScheduleHeaderBase } from '../ScheduleHeader/ScheduleHeaderBase.mjs';
+import classes from './DayView.module.css.mjs';
+import { getDayViewEvents } from './get-day-view-events/get-day-view-events.mjs';
+
+const defaultProps = {
+  __staticSelector: "DayView",
+  startTime: "00:00:00",
+  endTime: "23:59:59",
+  intervalMinutes: 15,
+  withAllDaySlot: true,
+  slotLabelFormat: "HH:mm",
+  headerFormat: "MMMM D, YYYY",
+  withCurrentTimeBubble: true,
+  withHeader: true,
+  highlightBusinessHours: false,
+  businessHours: ["09:00:00", "17:00:00"],
+  withEventsDragAndDrop: false,
+  withDragSlotSelect: false,
+  mode: "default"
+};
+const varsResolver = createVarsResolver(
+  (_theme, { radius, slotHeight, allDaySlotHeight }) => ({
+    dayView: {
+      "--day-view-radius": radius !== void 0 ? getRadius(radius) : void 0,
+      "--day-view-slot-height": rem(slotHeight),
+      "--day-view-all-day-slot-height": rem(allDaySlotHeight)
+    }
+  })
+);
+const DayView = factory((_props) => {
+  const props = useProps("DayView", defaultProps, _props);
+  const {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    attributes,
+    vars,
+    __staticSelector,
+    startTime,
+    endTime,
+    intervalMinutes,
+    withAllDaySlot,
+    date,
+    locale,
+    slotLabelFormat,
+    headerFormat,
+    withCurrentTimeIndicator = dayjs(date).isSame(dayjs(), "day"),
+    withCurrentTimeBubble,
+    withHeader,
+    radius,
+    onDateChange,
+    onViewChange,
+    previousControlProps,
+    nextControlProps,
+    todayControlProps,
+    viewSelectProps,
+    slotHeight,
+    allDaySlotHeight,
+    scrollAreaProps,
+    events,
+    moreEventsProps,
+    renderEventBody,
+    renderEvent,
+    labels,
+    highlightBusinessHours,
+    businessHours,
+    withEventsDragAndDrop,
+    onEventDrop,
+    canDragEvent,
+    onEventDragStart,
+    onEventDragEnd,
+    onTimeSlotClick,
+    onAllDaySlotClick,
+    onEventClick,
+    withDragSlotSelect,
+    onSlotDragEnd,
+    mode,
+    ...others
+  } = props;
+  const getStyles = useStyles({
+    name: __staticSelector,
+    classes,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    attributes,
+    vars,
+    varsResolver,
+    rootSelector: "dayView"
+  });
+  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi({
+    classNames,
+    styles,
+    props
+  });
+  const stylesApiProps = {
+    classNames: resolvedClassNames,
+    styles: resolvedStyles,
+    attributes,
+    __staticSelector,
+    radius
+  };
+  const ctx = useDatesContext();
+  const slots = getDayTimeIntervals({ startTime, endTime, intervalMinutes });
+  const slotsRef = useRef([]);
+  const handleSlotKeyDown = (event, slotIndex) => {
+    const direction = event.key;
+    if (direction === "ArrowDown" && slotIndex < slots.length - 1) {
+      event.preventDefault();
+      slotsRef.current[slotIndex + 1]?.focus();
+    } else if (direction === "ArrowUp" && slotIndex > 0) {
+      event.preventDefault();
+      slotsRef.current[slotIndex - 1]?.focus();
+    }
+  };
+  const slotDragSelect = useSlotDragSelect({
+    enabled: withDragSlotSelect && mode !== "static",
+    onDragEnd: (startIndex, endIndex) => {
+      if (!onSlotDragEnd) {
+        return;
+      }
+      const slotDate = dayjs(date).format("YYYY-MM-DD");
+      onSlotDragEnd(
+        `${slotDate} ${slots[startIndex].startTime}`,
+        `${slotDate} ${slots[endIndex].endTime}`
+      );
+    }
+  });
+  const eventsData = getDayViewEvents({ events, date, startTime, endTime });
+  const dragDrop = useDragDropHandlers({
+    enabled: withEventsDragAndDrop,
+    mode,
+    onEventDrop,
+    canDragEvent,
+    onEventDragStart,
+    onEventDragEnd,
+    calculateDropTarget: (slotIndex, draggedEvent) => {
+      const slotTime = slots[slotIndex].startTime;
+      return calculateDropTime({
+        draggedEvent,
+        targetDate: date,
+        targetSlotTime: slotTime,
+        intervalMinutes
+      });
+    }
+  });
+  const eventsNodes = eventsData.regularEvents.map((event) => {
+    const eventIsAllDay = isAllDayEvent({ event, date });
+    const isDraggable = !eventIsAllDay && dragDrop.isDraggableEvent(event);
+    return /* @__PURE__ */ jsx(
+      ScheduleEvent,
+      {
+        event,
+        renderEventBody,
+        renderEvent,
+        autoSize: true,
+        draggable: isDraggable,
+        mode,
+        onClick: onEventClick ? (e) => onEventClick(event, e) : void 0,
+        ...stylesApiProps,
+        style: {
+          ...stylesApiProps.styles?.event,
+          top: `${event.position.top}%`,
+          height: `${event.position.height}%`,
+          insetInlineStart: `${event.position.offset}%`,
+          width: `${event.position.width}%`,
+          position: "absolute"
+        }
+      },
+      event.id
+    );
+  });
+  const allDayEventsCount = getVisibleEvents({
+    maxEvents: 2,
+    totalEvents: eventsData.allDayEvents.length
+  });
+  const allDayEventsNodes = eventsData.allDayEvents.slice(0, allDayEventsCount.visibleEventsCount).map((event) => /* @__PURE__ */ jsx(
+    ScheduleEvent,
+    {
+      event,
+      renderEventBody,
+      renderEvent,
+      style: { maxHeight: "50%" },
+      nowrap: true,
+      autoSize: true,
+      mode,
+      onClick: onEventClick ? (e) => onEventClick(event, e) : void 0,
+      ...stylesApiProps
+    },
+    event.id
+  ));
+  const dayGroup = dayjs(date).format("YYYY-MM-DD");
+  const items = slots.map((slot, index) => {
+    const isDropTarget = dragDrop.isDropTarget(index);
+    const isDragSelected = slotDragSelect.isSlotSelected(index, dayGroup);
+    return /* @__PURE__ */ createElement(
+      UnstyledButton,
+      {
+        ...getStyles("dayViewSlot"),
+        key: slot.startTime,
+        ref: (node) => {
+          slotsRef.current[index] = node;
+        },
+        mod: {
+          "hour-start": slot.isHourStart,
+          ...getBusinessHoursMod({
+            time: slot.startTime,
+            businessHours,
+            highlightBusinessHours
+          }),
+          "drop-target": isDropTarget,
+          "drag-selected": isDragSelected,
+          static: mode === "static"
+        },
+        __vars: { "--slot-size": `${clampIntervalMinutes(intervalMinutes) / 60}` },
+        "aria-label": `${getLabel("timeSlot", labels)} ${slot.startTime} - ${slot.endTime}`,
+        tabIndex: mode === "static" ? -1 : index === 0 ? 0 : -1,
+        "data-drag-slot-index": withDragSlotSelect && mode !== "static" ? index : void 0,
+        "data-drag-slot-group": withDragSlotSelect && mode !== "static" ? dayGroup : void 0,
+        onKeyDown: mode === "static" ? void 0 : (e) => handleSlotKeyDown(e, index),
+        onPointerDown: withDragSlotSelect && mode !== "static" ? (e) => slotDragSelect.handleSlotPointerDown(e, index, dayGroup) : void 0,
+        onClick: mode === "static" || !onTimeSlotClick ? void 0 : (event) => {
+          const slotDate = dayjs(date).format("YYYY-MM-DD");
+          onTimeSlotClick(
+            `${slotDate} ${slot.startTime}`,
+            `${slotDate} ${slot.endTime}`,
+            event
+          );
+        },
+        onDragOver: withEventsDragAndDrop && mode !== "static" ? (event) => dragDrop.handleDragOver(event, index) : void 0,
+        onDragLeave: withEventsDragAndDrop && mode !== "static" ? dragDrop.handleDragLeave : void 0,
+        onDrop: withEventsDragAndDrop && mode !== "static" ? (event) => dragDrop.handleDrop(event, index) : void 0
+      }
+    );
+  });
+  const slotsLabels = slots.reduce((acc, slot) => {
+    if (slot.isHourStart) {
+      const slotTime = dayjs(`${dayjs(date).format("YYYY-MM-DD")} ${slot.startTime}`);
+      const label = formatDate({
+        locale: ctx.getLocale(locale),
+        date: slotTime,
+        format: slotLabelFormat
+      });
+      acc.push(
+        /* @__PURE__ */ createElement(
+          Box,
+          {
+            ...getStyles("dayViewSlotLabel"),
+            key: slot.startTime,
+            mod: getBusinessHoursMod({
+              time: slot.startTime,
+              businessHours,
+              highlightBusinessHours
+            })
+          },
+          label
+        )
+      );
+    }
+    return acc;
+  }, []);
+  const content = /* @__PURE__ */ jsxs(
+    Box,
+    {
+      ...getStyles("dayView"),
+      mod: { static: mode === "static", "slot-dragging": slotDragSelect.isDragging },
+      ...others,
+      children: [
+        withHeader && /* @__PURE__ */ jsx(
+          ScheduleHeaderBase,
+          {
+            view: "day",
+            navigationHandlers: {
+              previous: () => toDateString(dayjs(date).subtract(1, "day")),
+              next: () => toDateString(dayjs(date).add(1, "day")),
+              today: () => toDateString(dayjs())
+            },
+            control: {
+              title: formatDate({ locale: ctx.getLocale(locale), date, format: headerFormat }),
+              miw: 140
+            },
+            labels,
+            onDateChange,
+            onViewChange,
+            previousControlProps,
+            nextControlProps,
+            todayControlProps,
+            viewSelectProps,
+            stylesApiProps
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ScrollArea.Autosize,
+          {
+            scrollbarSize: 4,
+            ...scrollAreaProps,
+            ...getStyles("dayViewScrollArea", {
+              className: scrollAreaProps?.className,
+              style: scrollAreaProps?.style
+            }),
+            children: /* @__PURE__ */ jsxs(Box, { ...getStyles("dayViewInner"), children: [
+              /* @__PURE__ */ jsxs("div", { ...getStyles("dayViewSlotLabels"), children: [
+                withAllDaySlot && /* @__PURE__ */ jsx(Box, { ...getStyles("dayViewSlotLabel"), mod: { "all-day": true }, children: getLabel("allDay", labels) }),
+                slotsLabels
+              ] }),
+              /* @__PURE__ */ jsxs("div", { ...getStyles("dayViewSlots"), children: [
+                withAllDaySlot && /* @__PURE__ */ jsxs("div", { ...getStyles("dayViewAllDay"), children: [
+                  /* @__PURE__ */ jsxs("div", { ...getStyles("dayViewAllDayEvents"), children: [
+                    allDayEventsNodes,
+                    allDayEventsCount.hiddenEventsCount > 0 && /* @__PURE__ */ jsx(
+                      MoreEvents,
+                      {
+                        events: eventsData.allDayEvents,
+                        moreEventsCount: allDayEventsCount.hiddenEventsCount,
+                        renderEventBody,
+                        mode,
+                        ...stylesApiProps,
+                        ...moreEventsProps
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    UnstyledButton,
+                    {
+                      ...getStyles("dayViewSlot"),
+                      mod: { "all-day": true },
+                      "aria-label": `${getLabel("timeSlot", labels)} ${getLabel("allDay", labels)}`,
+                      onClick: mode === "static" || !onAllDaySlotClick ? void 0 : (e) => {
+                        onAllDaySlotClick(dayjs(date).format("YYYY-MM-DD"), e);
+                      }
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { ...getStyles("dayViewTimeSlots"), children: [
+                  eventsNodes,
+                  withCurrentTimeIndicator && /* @__PURE__ */ jsx(
+                    CurrentTimeIndicator,
+                    {
+                      startOffset: "calc(var(--day-view-slot-labels-width) * -1)",
+                      endOffset: "0rem",
+                      topOffset: "0rem",
+                      timeBubbleStartOffset: "calc(var(--day-view-slot-labels-width) * -1 + 30px)",
+                      currentTimeFormat: slotLabelFormat,
+                      withTimeBubble: withCurrentTimeBubble,
+                      withThumb: !withCurrentTimeBubble,
+                      locale,
+                      startTime,
+                      endTime,
+                      ...stylesApiProps
+                    }
+                  ),
+                  items
+                ] })
+              ] })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+  if (withEventsDragAndDrop) {
+    return /* @__PURE__ */ jsx(DragContext.Provider, { value: dragDrop.dragContextValue, children: content });
+  }
+  return content;
+});
+DayView.displayName = "@mantine/schedule/DayView";
+DayView.classes = classes;
+DayView.varsResolver = varsResolver;
+
+export { DayView };
+//# sourceMappingURL=DayView.mjs.map