@pisell/date-picker 1.0.0

package/es/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/es/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/es/DateRangeCalendar/DateRangeCalendar.types.js

@@ -0,0 +1 @@
+export {};

package/es/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/es/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/es/DateRangeCalendar/dateRangeCalendarClasses.js

@@ -0,0 +1,5 @@
+import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+export var getDateRangeCalendarUtilityClass = function getDateRangeCalendarUtilityClass(slot) {
+  return generateUtilityClass('MuiDateRangeCalendar', slot);
+};
+export var dateRangeCalendarClasses = generateUtilityClasses('MuiDateRangeCalendar', ['root', 'monthContainer', 'dayDragging']);

package/es/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/es/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/es/DateRangeCalendar/index.js

@@ -0,0 +1,2 @@
+export { DateRangeCalendar } from "./DateRangeCalendar";
+export { getDateRangeCalendarUtilityClass, dateRangeCalendarClasses } from "./dateRangeCalendarClasses";

package/es/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/es/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/es/DateRangeCalendar/useDragRange.js

@@ -0,0 +1,260 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import * as React from 'react';
+import useEventCallback from '@mui/utils/useEventCallback';
+import { isEndOfRange, isStartOfRange } from "../internals/utils/date-utils";
+var resolveDateFromTarget = function resolveDateFromTarget(target, utils, timezone) {
+  var timestampString = target.dataset.timestamp;
+  if (!timestampString) {
+    return null;
+  }
+  var timestamp = +timestampString;
+  return utils.dateWithTimezone(new Date(timestamp).toISOString(), timezone);
+};
+var isSameAsDraggingDate = function isSameAsDraggingDate(event) {
+  var timestampString = event.target.dataset.timestamp;
+  return timestampString === event.dataTransfer.getData('draggingDate');
+};
+var resolveButtonElement = function 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 = function resolveElementFromTouch(event, ignoreTouchTarget) {
+  var _event$changedTouches;
+  // don't parse multi-touch result
+  if (((_event$changedTouches = event.changedTouches) === null || _event$changedTouches === void 0 ? void 0 : _event$changedTouches.length) === 1 && event.touches.length <= 1) {
+    var element = document.elementFromPoint(event.changedTouches[0].clientX, event.changedTouches[0].clientY);
+    // `elementFromPoint` could have resolved preview div or wrapping div
+    // might need to recursively find the nested button
+    var buttonElement = resolveButtonElement(element);
+    if (ignoreTouchTarget && buttonElement === event.changedTouches[0].target) {
+      return null;
+    }
+    return buttonElement;
+  }
+  return null;
+};
+var useDragRangeEvents = function useDragRangeEvents(_ref) {
+  var utils = _ref.utils,
+    setRangeDragDay = _ref.setRangeDragDay,
+    setIsDragging = _ref.setIsDragging,
+    isDragging = _ref.isDragging,
+    onDatePositionChange = _ref.onDatePositionChange,
+    onDrop = _ref.onDrop,
+    disableDragEditing = _ref.disableDragEditing,
+    dateRange = _ref.dateRange,
+    timezone = _ref.timezone;
+  var emptyDragImgRef = React.useRef(null);
+  React.useEffect(function () {
+    // Preload the image - required for Safari support: https://stackoverflow.com/a/40923520/3303436
+    emptyDragImgRef.current = document.createElement('img');
+    emptyDragImgRef.current.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
+  }, []);
+  var isElementDraggable = function isElementDraggable(day) {
+    if (day == null) {
+      return false;
+    }
+    var shouldInitDragging = !disableDragEditing && !!dateRange[0] && !!dateRange[1];
+    var isSelectedStartDate = isStartOfRange(utils, day, dateRange);
+    var isSelectedEndDate = isEndOfRange(utils, day, dateRange);
+    return shouldInitDragging && (isSelectedStartDate || isSelectedEndDate);
+  };
+  var handleDragStart = useEventCallback(function (event) {
+    var 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);
+    var buttonDataset = event.target.dataset;
+    if (buttonDataset.timestamp) {
+      event.dataTransfer.setData('draggingDate', buttonDataset.timestamp);
+    }
+    if (buttonDataset.position) {
+      onDatePositionChange(buttonDataset.position);
+    }
+  });
+  var handleTouchStart = useEventCallback(function (event) {
+    var target = resolveElementFromTouch(event);
+    if (!target) {
+      return;
+    }
+    var newDate = resolveDateFromTarget(target, utils, timezone);
+    if (!isElementDraggable(newDate)) {
+      return;
+    }
+    setRangeDragDay(newDate);
+    setIsDragging(true);
+    var button = event.target;
+    var buttonDataset = button.dataset;
+    if (buttonDataset.position) {
+      onDatePositionChange(buttonDataset.position);
+    }
+  });
+  var handleDragEnter = useEventCallback(function (event) {
+    if (!isDragging) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    event.dataTransfer.dropEffect = 'move';
+    setRangeDragDay(resolveDateFromTarget(event.target, utils, timezone));
+  });
+  var handleTouchMove = useEventCallback(function (event) {
+    var target = resolveElementFromTouch(event);
+    if (!isDragging || !target) {
+      return;
+    }
+    var newDate = resolveDateFromTarget(target, utils, timezone);
+    if (newDate) {
+      setRangeDragDay(newDate);
+    }
+  });
+  var handleDragLeave = useEventCallback(function (event) {
+    if (!isDragging) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+  });
+  var handleDragOver = useEventCallback(function (event) {
+    if (!isDragging) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    event.dataTransfer.dropEffect = 'move';
+  });
+  var handleTouchEnd = useEventCallback(function (event) {
+    if (!isDragging) {
+      return;
+    }
+    setRangeDragDay(null);
+    setIsDragging(false);
+    var target = resolveElementFromTouch(event, true);
+    if (!target) {
+      return;
+    }
+
+    // make sure the focused element is the element where touch ended
+    target.focus();
+    var newDate = resolveDateFromTarget(target, utils, timezone);
+    if (newDate) {
+      onDrop(newDate);
+    }
+  });
+  var handleDragEnd = useEventCallback(function (event) {
+    if (!isDragging) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    setIsDragging(false);
+    setRangeDragDay(null);
+  });
+  var handleDrop = useEventCallback(function (event) {
+    if (!isDragging) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    setIsDragging(false);
+    setRangeDragDay(null);
+    // make sure the focused element is the element where drop ended
+    event.currentTarget.focus();
+    if (isSameAsDraggingDate(event)) {
+      return;
+    }
+    var 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
+  };
+};
+export var useDragRange = function useDragRange(_ref2) {
+  var disableDragEditing = _ref2.disableDragEditing,
+    utils = _ref2.utils,
+    onDatePositionChange = _ref2.onDatePositionChange,
+    onDrop = _ref2.onDrop,
+    dateRange = _ref2.dateRange,
+    timezone = _ref2.timezone;
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isDragging = _React$useState2[0],
+    setIsDragging = _React$useState2[1];
+  var _React$useState3 = React.useState(null),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    rangeDragDay = _React$useState4[0],
+    setRangeDragDay = _React$useState4[1];
+  var handleRangeDragDayChange = useEventCallback(function (val) {
+    if (!utils.isEqual(val, rangeDragDay)) {
+      setRangeDragDay(val);
+    }
+  });
+  var draggingDatePosition = React.useMemo(function () {
+    var _dateRange = _slicedToArray(dateRange, 2),
+      start = _dateRange[0],
+      end = _dateRange[1];
+    if (rangeDragDay) {
+      if (start && utils.isBefore(rangeDragDay, start)) {
+        return 'start';
+      }
+      if (end && utils.isAfter(rangeDragDay, end)) {
+        return 'end';
+      }
+    }
+    return null;
+  }, [dateRange, rangeDragDay, utils]);
+  var dragRangeEvents = useDragRangeEvents({
+    utils: utils,
+    onDatePositionChange: onDatePositionChange,
+    onDrop: onDrop,
+    setIsDragging: setIsDragging,
+    isDragging: isDragging,
+    setRangeDragDay: handleRangeDragDayChange,
+    disableDragEditing: disableDragEditing,
+    dateRange: dateRange,
+    timezone: timezone
+  });
+  return React.useMemo(function () {
+    return _objectSpread({
+      isDragging: isDragging,
+      rangeDragDay: rangeDragDay,
+      draggingDatePosition: draggingDatePosition
+    }, !disableDragEditing ? dragRangeEvents : {});
+  }, [isDragging, rangeDragDay, draggingDatePosition, disableDragEditing, dragRangeEvents]);
+};

package/es/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/es/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"}