@pisell/date-picker 1.0.0

package/lib/DateRangeCalendar/DateRangeCalendar.types.d.ts

@@ -0,0 +1,124 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { SlotComponentProps } from '@mui/base';
+import { Theme } from '@mui/material/styles';
+import { TimezoneProps } from '@mui/x-date-pickers/models';
+import { BaseDateValidationProps, DefaultizedProps, ExportedDayCalendarProps, DayCalendarSlotsComponent, DayCalendarSlotsComponentsProps, PickersArrowSwitcherSlotsComponent, PickersArrowSwitcherSlotsComponentsProps, PickerSelectionState, PickersCalendarHeaderSlotsComponent, PickersCalendarHeaderSlotsComponentsProps, DayCalendarProps, ExportedUseViewsOptions, UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
+import { DateRange, DayRangeValidationProps } from '../internals/models';
+import { DateRangeCalendarClasses } from './dateRangeCalendarClasses';
+import { DateRangePickerDay, DateRangePickerDayProps } from '../DateRangePickerDay';
+import { UseRangePositionProps } from '../internals/hooks/useRangePosition';
+export declare type DateRangePosition = 'start' | 'end';
+export interface DateRangeCalendarSlotsComponent<TDate> extends PickersArrowSwitcherSlotsComponent, Omit<DayCalendarSlotsComponent<TDate>, 'Day'>, PickersCalendarHeaderSlotsComponent {
+    /**
+     * Custom component for day in range pickers.
+     * Check the [DateRangePickersDay](https://mui.com/x/api/date-pickers/date-range-picker-day/) component.
+     * @default DateRangePickersDay
+     */
+    Day?: React.ElementType<DateRangePickerDayProps<TDate>>;
+}
+export interface DateRangeCalendarSlotsComponentsProps<TDate> extends PickersArrowSwitcherSlotsComponentsProps, Omit<DayCalendarSlotsComponentsProps<TDate>, 'day'>, PickersCalendarHeaderSlotsComponentsProps<TDate> {
+    day?: SlotComponentProps<typeof DateRangePickerDay, {}, DayCalendarProps<TDate> & {
+        day: TDate;
+        selected: boolean;
+    }>;
+}
+export interface ExportedDateRangeCalendarProps<TDate> extends ExportedDayCalendarProps, BaseDateValidationProps<TDate>, DayRangeValidationProps<TDate>, TimezoneProps, Pick<ExportedUseViewsOptions<'day'>, 'autoFocus'> {
+    /**
+     * If `true`, after selecting `start` date calendar will not automatically switch to the month of `end` date.
+     * @default false
+     */
+    disableAutoMonthSwitching?: boolean;
+    /**
+     * Default calendar month displayed when `value={[null, null]}`.
+     */
+    defaultCalendarMonth?: TDate;
+    /**
+     * If `true`, the picker and text field are disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Make picker read only.
+     * @default false
+     */
+    readOnly?: boolean;
+    /**
+     * Disable heavy animations.
+     * @default typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent)
+     */
+    reduceAnimations?: boolean;
+    /**
+     * Callback fired on month change.
+     * @template TDate
+     * @param {TDate} month The new month.
+     */
+    onMonthChange?: (month: TDate) => void;
+    /**
+     * The number of calendars to render.
+     * @default 2
+     */
+    calendars?: 1 | 2 | 3;
+    /**
+     * Position the current month is rendered in.
+     * @default 1
+     */
+    currentMonthCalendarPosition?: 1 | 2 | 3;
+    /**
+     * If `true`, editing dates by dragging is disabled.
+     * @default false
+     */
+    disableDragEditing?: boolean;
+}
+export interface DateRangeCalendarProps<TDate> extends ExportedDateRangeCalendarProps<TDate>, UseRangePositionProps {
+    /**
+     * The selected value.
+     * Used when the component is controlled.
+     */
+    value?: DateRange<TDate>;
+    /**
+     * The default selected value.
+     * Used when the component is not controlled.
+     */
+    defaultValue?: DateRange<TDate>;
+    /**
+     * Callback fired when the value changes.
+     * @template TDate
+     * @param {DateRange<TDate>} value The new value.
+     * @param {PickerSelectionState | undefined} selectionState Indicates if the date range selection is complete.
+     */
+    onChange?: (value: DateRange<TDate>, selectionState?: PickerSelectionState) => void;
+    className?: string;
+    classes?: Partial<DateRangeCalendarClasses>;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     * Overridable components.
+     * @default {}
+     * @deprecated Please use `slots`.
+     */
+    components?: DateRangeCalendarSlotsComponent<TDate>;
+    /**
+     * The props used for each component slot.
+     * @default {}
+     * @deprecated Please use `slotProps`.
+     */
+    componentsProps?: DateRangeCalendarSlotsComponentsProps<TDate>;
+    /**
+     * Overridable component slots.
+     * @default {}
+     */
+    slots?: UncapitalizeObjectKeys<DateRangeCalendarSlotsComponent<TDate>>;
+    /**
+     * The props used for each component slot.
+     * @default {}
+     */
+    slotProps?: DateRangeCalendarSlotsComponentsProps<TDate>;
+}
+export interface DateRangeCalendarOwnerState<TDate> extends DateRangeCalendarProps<TDate> {
+    isDragging: boolean;
+}
+export declare type DateRangeCalendarDefaultizedProps<TDate> = DefaultizedProps<DateRangeCalendarProps<TDate>, 'reduceAnimations' | 'calendars' | 'disableDragEditing' | keyof BaseDateValidationProps<TDate>>;
+//# sourceMappingURL=DateRangeCalendar.types.d.ts.map

package/lib/DateRangeCalendar/DateRangeCalendar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeCalendar.types.d.ts","sourceRoot":"","sources":["DateRangeCalendar.types.ts"],"names":[],"mappings":"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"}

package/lib/DateRangeCalendar/DateRangeCalendar.types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/DateRangeCalendar/DateRangeCalendar.types.ts
+var DateRangeCalendar_types_exports = {};
+module.exports = __toCommonJS(DateRangeCalendar_types_exports);

package/lib/DateRangeCalendar/dateRangeCalendarClasses.d.ts

@@ -0,0 +1,12 @@
+export interface DateRangeCalendarClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the container of a month. */
+    monthContainer: string;
+    /** Styles applied to the day calendar container when dragging */
+    dayDragging: string;
+}
+export declare type DateRangeCalendarClassKey = keyof DateRangeCalendarClasses;
+export declare const getDateRangeCalendarUtilityClass: (slot: string) => string;
+export declare const dateRangeCalendarClasses: DateRangeCalendarClasses;
+//# sourceMappingURL=dateRangeCalendarClasses.d.ts.map

package/lib/DateRangeCalendar/dateRangeCalendarClasses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateRangeCalendarClasses.d.ts","sourceRoot":"","sources":["dateRangeCalendarClasses.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,wBAAwB;IACvC,0CAA0C;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,cAAc,EAAE,MAAM,CAAC;IACvB,iEAAiE;IACjE,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,oBAAY,yBAAyB,GAAG,MAAM,wBAAwB,CAAC;AAEvE,eAAO,MAAM,gCAAgC,SAAU,MAAM,WACT,CAAC;AAErD,eAAO,MAAM,wBAAwB,EAAE,wBAGtC,CAAC"}

package/lib/DateRangeCalendar/dateRangeCalendarClasses.js

@@ -0,0 +1,36 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/DateRangeCalendar/dateRangeCalendarClasses.ts
+var dateRangeCalendarClasses_exports = {};
+__export(dateRangeCalendarClasses_exports, {
+  dateRangeCalendarClasses: () => dateRangeCalendarClasses,
+  getDateRangeCalendarUtilityClass: () => getDateRangeCalendarUtilityClass
+});
+module.exports = __toCommonJS(dateRangeCalendarClasses_exports);
+var import_utils = require("@mui/utils");
+var getDateRangeCalendarUtilityClass = (slot) => (0, import_utils.unstable_generateUtilityClass)("MuiDateRangeCalendar", slot);
+var dateRangeCalendarClasses = (0, import_utils.unstable_generateUtilityClasses)(
+  "MuiDateRangeCalendar",
+  ["root", "monthContainer", "dayDragging"]
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  dateRangeCalendarClasses,
+  getDateRangeCalendarUtilityClass
+});

package/lib/DateRangeCalendar/index.d.ts

@@ -0,0 +1,5 @@
+export { DateRangeCalendar } from './DateRangeCalendar';
+export type { DateRangeCalendarProps, DateRangeCalendarSlotsComponent, DateRangeCalendarSlotsComponentsProps, ExportedDateRangeCalendarProps, } from './DateRangeCalendar.types';
+export { getDateRangeCalendarUtilityClass, dateRangeCalendarClasses, } from './dateRangeCalendarClasses';
+export type { DateRangeCalendarClassKey, DateRangeCalendarClasses, } from './dateRangeCalendarClasses';
+//# sourceMappingURL=index.d.ts.map

package/lib/DateRangeCalendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EACV,sBAAsB,EACtB,+BAA+B,EAC/B,qCAAqC,EACrC,8BAA8B,GAC/B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,gCAAgC,EAChC,wBAAwB,GACzB,MAAM,4BAA4B,CAAC;AACpC,YAAY,EACV,yBAAyB,EACzB,wBAAwB,GACzB,MAAM,4BAA4B,CAAC"}

package/lib/DateRangeCalendar/index.js

@@ -0,0 +1,34 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/DateRangeCalendar/index.ts
+var DateRangeCalendar_exports = {};
+__export(DateRangeCalendar_exports, {
+  DateRangeCalendar: () => import_DateRangeCalendar.DateRangeCalendar,
+  dateRangeCalendarClasses: () => import_dateRangeCalendarClasses.dateRangeCalendarClasses,
+  getDateRangeCalendarUtilityClass: () => import_dateRangeCalendarClasses.getDateRangeCalendarUtilityClass
+});
+module.exports = __toCommonJS(DateRangeCalendar_exports);
+var import_DateRangeCalendar = require("./DateRangeCalendar");
+var import_dateRangeCalendarClasses = require("./dateRangeCalendarClasses");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DateRangeCalendar,
+  dateRangeCalendarClasses,
+  getDateRangeCalendarUtilityClass
+});

package/lib/DateRangeCalendar/useDragRange.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { MuiPickersAdapter, PickersTimezone } from '@mui/x-date-pickers/models';
+import { DateRangePosition } from './DateRangeCalendar.types';
+import { DateRange } from '../internals/models';
+interface UseDragRangeParams<TDate> {
+    disableDragEditing?: boolean;
+    utils: MuiPickersAdapter<TDate>;
+    setRangeDragDay: (value: TDate | null) => void;
+    setIsDragging: (value: boolean) => void;
+    isDragging: boolean;
+    onDatePositionChange: (position: DateRangePosition) => void;
+    onDrop: (newDate: TDate) => void;
+    dateRange: DateRange<TDate>;
+    timezone: PickersTimezone;
+}
+interface UseDragRangeEvents {
+    onDragStart?: React.DragEventHandler<HTMLButtonElement>;
+    onDragEnter?: React.DragEventHandler<HTMLButtonElement>;
+    onDragLeave?: React.DragEventHandler<HTMLButtonElement>;
+    onDragOver?: React.DragEventHandler<HTMLButtonElement>;
+    onDragEnd?: React.DragEventHandler<HTMLButtonElement>;
+    onDrop?: React.DragEventHandler<HTMLButtonElement>;
+    onTouchStart?: React.TouchEventHandler<HTMLButtonElement>;
+    onTouchMove?: React.TouchEventHandler<HTMLButtonElement>;
+    onTouchEnd?: React.TouchEventHandler<HTMLButtonElement>;
+}
+interface UseDragRangeResponse<TDate> extends UseDragRangeEvents {
+    isDragging: boolean;
+    rangeDragDay: TDate | null;
+    draggingDatePosition: DateRangePosition | null;
+}
+export declare const useDragRange: <TDate>({ disableDragEditing, utils, onDatePositionChange, onDrop, dateRange, timezone, }: Omit<UseDragRangeParams<TDate>, "isDragging" | "setRangeDragDay" | "setIsDragging">) => UseDragRangeResponse<TDate>;
+export {};
+//# sourceMappingURL=useDragRange.d.ts.map

package/lib/DateRangeCalendar/useDragRange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragRange.d.ts","sourceRoot":"","sources":["useDragRange.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD,UAAU,kBAAkB,CAAC,KAAK;IAChC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAChC,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB,EAAE,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D,MAAM,EAAE,CAAC,OAAO,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IAC5B,QAAQ,EAAE,eAAe,CAAC;CAC3B;AAED,UAAU,kBAAkB;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;IACxD,WAAW,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;IACxD,WAAW,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;IACxD,UAAU,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;IACvD,SAAS,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;IACtD,MAAM,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;IACnD,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC1D,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACzD,UAAU,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACzD;AAED,UAAU,oBAAoB,CAAC,KAAK,CAAE,SAAQ,kBAAkB;IAC9D,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,KAAK,GAAG,IAAI,CAAC;IAC3B,oBAAoB,EAAE,iBAAiB,GAAG,IAAI,CAAC;CAChD;AA0OD,eAAO,MAAM,YAAY,gNAsDxB,CAAC"}

package/lib/DateRangeCalendar/useDragRange.js

@@ -0,0 +1,278 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/DateRangeCalendar/useDragRange.ts
+var useDragRange_exports = {};
+__export(useDragRange_exports, {
+  useDragRange: () => useDragRange
+});
+module.exports = __toCommonJS(useDragRange_exports);
+var React = __toESM(require("react"));
+var import_useEventCallback = __toESM(require("@mui/utils/useEventCallback"));
+var import_date_utils = require("../internals/utils/date-utils");
+var resolveDateFromTarget = (target, utils, timezone) => {
+  const timestampString = target.dataset.timestamp;
+  if (!timestampString) {
+    return null;
+  }
+  const timestamp = +timestampString;
+  return utils.dateWithTimezone(new Date(timestamp).toISOString(), timezone);
+};
+var isSameAsDraggingDate = (event) => {
+  const timestampString = event.target.dataset.timestamp;
+  return timestampString === event.dataTransfer.getData("draggingDate");
+};
+var resolveButtonElement = (element) => {
+  if (element) {
+    if (element instanceof HTMLButtonElement && !element.disabled) {
+      return element;
+    }
+    if (element.children.length) {
+      return resolveButtonElement(element.children[0]);
+    }
+    return null;
+  }
+  return element;
+};
+var resolveElementFromTouch = (event, ignoreTouchTarget) => {
+  var _a;
+  if (((_a = event.changedTouches) == null ? void 0 : _a.length) === 1 && event.touches.length <= 1) {
+    const element = document.elementFromPoint(
+      event.changedTouches[0].clientX,
+      event.changedTouches[0].clientY
+    );
+    const buttonElement = resolveButtonElement(element);
+    if (ignoreTouchTarget && buttonElement === event.changedTouches[0].target) {
+      return null;
+    }
+    return buttonElement;
+  }
+  return null;
+};
+var useDragRangeEvents = ({
+  utils,
+  setRangeDragDay,
+  setIsDragging,
+  isDragging,
+  onDatePositionChange,
+  onDrop,
+  disableDragEditing,
+  dateRange,
+  timezone
+}) => {
+  const emptyDragImgRef = React.useRef(null);
+  React.useEffect(() => {
+    emptyDragImgRef.current = document.createElement("img");
+    emptyDragImgRef.current.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
+  }, []);
+  const isElementDraggable = (day) => {
+    if (day == null) {
+      return false;
+    }
+    const shouldInitDragging = !disableDragEditing && !!dateRange[0] && !!dateRange[1];
+    const isSelectedStartDate = (0, import_date_utils.isStartOfRange)(utils, day, dateRange);
+    const isSelectedEndDate = (0, import_date_utils.isEndOfRange)(utils, day, dateRange);
+    return shouldInitDragging && (isSelectedStartDate || isSelectedEndDate);
+  };
+  const handleDragStart = (0, import_useEventCallback.default)((event) => {
+    const newDate = resolveDateFromTarget(event.target, utils, timezone);
+    if (!isElementDraggable(newDate)) {
+      return;
+    }
+    event.stopPropagation();
+    if (emptyDragImgRef.current) {
+      event.dataTransfer.setDragImage(emptyDragImgRef.current, 0, 0);
+    }
+    setRangeDragDay(newDate);
+    event.dataTransfer.effectAllowed = "move";
+    setIsDragging(true);
+    const buttonDataset = event.target.dataset;
+    if (buttonDataset.timestamp) {
+      event.dataTransfer.setData("draggingDate", buttonDataset.timestamp);
+    }
+    if (buttonDataset.position) {
+      onDatePositionChange(buttonDataset.position);
+    }
+  });
+  const handleTouchStart = (0, import_useEventCallback.default)((event) => {
+    const target = resolveElementFromTouch(event);
+    if (!target) {
+      return;
+    }
+    const newDate = resolveDateFromTarget(target, utils, timezone);
+    if (!isElementDraggable(newDate)) {
+      return;
+    }
+    setRangeDragDay(newDate);
+    setIsDragging(true);
+    const button = event.target;
+    const buttonDataset = button.dataset;
+    if (buttonDataset.position) {
+      onDatePositionChange(buttonDataset.position);
+    }
+  });
+  const handleDragEnter = (0, import_useEventCallback.default)((event) => {
+    if (!isDragging) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    event.dataTransfer.dropEffect = "move";
+    setRangeDragDay(resolveDateFromTarget(event.target, utils, timezone));
+  });
+  const handleTouchMove = (0, import_useEventCallback.default)((event) => {
+    const target = resolveElementFromTouch(event);
+    if (!isDragging || !target) {
+      return;
+    }
+    const newDate = resolveDateFromTarget(target, utils, timezone);
+    if (newDate) {
+      setRangeDragDay(newDate);
+    }
+  });
+  const handleDragLeave = (0, import_useEventCallback.default)((event) => {
+    if (!isDragging) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+  });
+  const handleDragOver = (0, import_useEventCallback.default)((event) => {
+    if (!isDragging) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    event.dataTransfer.dropEffect = "move";
+  });
+  const handleTouchEnd = (0, import_useEventCallback.default)((event) => {
+    if (!isDragging) {
+      return;
+    }
+    setRangeDragDay(null);
+    setIsDragging(false);
+    const target = resolveElementFromTouch(event, true);
+    if (!target) {
+      return;
+    }
+    target.focus();
+    const newDate = resolveDateFromTarget(target, utils, timezone);
+    if (newDate) {
+      onDrop(newDate);
+    }
+  });
+  const handleDragEnd = (0, import_useEventCallback.default)((event) => {
+    if (!isDragging) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    setIsDragging(false);
+    setRangeDragDay(null);
+  });
+  const handleDrop = (0, import_useEventCallback.default)((event) => {
+    if (!isDragging) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    setIsDragging(false);
+    setRangeDragDay(null);
+    event.currentTarget.focus();
+    if (isSameAsDraggingDate(event)) {
+      return;
+    }
+    const newDate = resolveDateFromTarget(event.target, utils, timezone);
+    if (newDate) {
+      onDrop(newDate);
+    }
+  });
+  return {
+    onDragStart: handleDragStart,
+    onDragEnter: handleDragEnter,
+    onDragLeave: handleDragLeave,
+    onDragOver: handleDragOver,
+    onDragEnd: handleDragEnd,
+    onDrop: handleDrop,
+    onTouchStart: handleTouchStart,
+    onTouchMove: handleTouchMove,
+    onTouchEnd: handleTouchEnd
+  };
+};
+var useDragRange = ({
+  disableDragEditing,
+  utils,
+  onDatePositionChange,
+  onDrop,
+  dateRange,
+  timezone
+}) => {
+  const [isDragging, setIsDragging] = React.useState(false);
+  const [rangeDragDay, setRangeDragDay] = React.useState(null);
+  const handleRangeDragDayChange = (0, import_useEventCallback.default)((val) => {
+    if (!utils.isEqual(val, rangeDragDay)) {
+      setRangeDragDay(val);
+    }
+  });
+  const draggingDatePosition = React.useMemo(() => {
+    const [start, end] = dateRange;
+    if (rangeDragDay) {
+      if (start && utils.isBefore(rangeDragDay, start)) {
+        return "start";
+      }
+      if (end && utils.isAfter(rangeDragDay, end)) {
+        return "end";
+      }
+    }
+    return null;
+  }, [dateRange, rangeDragDay, utils]);
+  const dragRangeEvents = useDragRangeEvents({
+    utils,
+    onDatePositionChange,
+    onDrop,
+    setIsDragging,
+    isDragging,
+    setRangeDragDay: handleRangeDragDayChange,
+    disableDragEditing,
+    dateRange,
+    timezone
+  });
+  return React.useMemo(
+    () => ({
+      isDragging,
+      rangeDragDay,
+      draggingDatePosition,
+      ...!disableDragEditing ? dragRangeEvents : {}
+    }),
+    [isDragging, rangeDragDay, draggingDatePosition, disableDragEditing, dragRangeEvents]
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useDragRange
+});

package/lib/DateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { DateRangePickerProps } from './DateRangePicker.types';
+declare type DatePickerComponent = (<TDate>(props: DateRangePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+declare const DateRangePicker: DatePickerComponent;
+export { DateRangePicker };
+//# sourceMappingURL=DateRangePicker.d.ts.map

package/lib/DateRangePicker/DateRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D,aAAK,mBAAmB,GAAG,CAAC,CAAC,KAAK,EAChC,KAAK,EAAE,oBAAoB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KACrE,GAAG,CAAC,OAAO,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC;AAExC,QAAA,MAAM,eAAe,qBAgBI,CAAC;AAkU1B,OAAO,EAAE,eAAe,EAAE,CAAC"}