@dextinity/admin-date-time 2.0.0-canary-20260729062014

package/lib/dateRangePicker/DateRangeField.js

@@ -0,0 +1,20 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import { Field } from "@dextinity/admin";
+import { FinalFormDateRangePicker } from "./FinalFormDateRangePicker";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @deprecated Use `DateRangePickerField` from `@dextinity/admin` instead.
+ */
+export var DateRangeField = function DateRangeField(_ref) {
+  var restProps = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/_jsx(Field, _objectSpread({
+    component: FinalFormDateRangePicker
+  }, restProps));
+};

package/lib/dateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,44 @@
+import "react-date-range/dist/styles.css";
+import "react-date-range/dist/theme/default.css";
+import { type InputWithPopperProps } from "@dextinity/admin";
+import type { ComponentsOverrides } from "@mui/material";
+import { type Theme } from "@mui/material/styles";
+import { type FormatDateOptions } from "react-intl";
+import { type DateRangePickerClassKey, type SlotProps } from "./DateRangePicker.slots";
+/**
+ * @deprecated Use `DateRange` from `@dextinity/admin` instead.
+ */
+export type DateRange = {
+    start: string;
+    end: string;
+};
+export interface DateRangePickerProps extends Omit<InputWithPopperProps, "children" | "value" | "onChange" | "slotProps"> {
+    onChange?: (range?: DateRange) => void;
+    value?: DateRange;
+    formatDateOptions?: FormatDateOptions;
+    rangeStringSeparator?: string;
+    required?: boolean;
+    monthsToShow?: number;
+    maxDate?: Date;
+    minDate?: Date;
+    slotProps?: SlotProps;
+}
+/**
+ * @deprecated Use `DateRangePicker` from `@dextinity/admin` instead.
+ */
+export declare const DateRangePicker: (inProps: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+declare module "@mui/material/styles" {
+    interface ComponentNameToClassKey {
+        CometAdminLegacyDateRangePicker: DateRangePickerClassKey;
+    }
+    interface ComponentsPropsList {
+        CometAdminLegacyDateRangePicker: DateRangePickerProps;
+    }
+    interface Components {
+        CometAdminLegacyDateRangePicker?: {
+            defaultProps?: Partial<ComponentsPropsList["CometAdminLegacyDateRangePicker"]>;
+            styleOverrides?: ComponentsOverrides<Theme>["CometAdminLegacyDateRangePicker"];
+        };
+    }
+}
+//# sourceMappingURL=DateRangePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../src/dateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAuB,KAAK,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAElF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,KAAK,KAAK,EAAiB,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAE,KAAK,iBAAiB,EAAW,MAAM,YAAY,CAAC;AAK7D,OAAO,EAAa,KAAK,uBAAuB,EAAQ,KAAK,SAAS,EAAkB,MAAM,yBAAyB,CAAC;AAExH;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;IACrH,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,SAAS,CAAC,EAAE,SAAS,CAAC;CACzB;AAyCD;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,SAAS,oBAAoB,4CA6E5D,CAAC;AAEF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,+BAA+B,EAAE,uBAAuB,CAAC;KAC5D;IAED,UAAU,mBAAmB;QACzB,+BAA+B,EAAE,oBAAoB,CAAC;KACzD;IAED,UAAU,UAAU;QAChB,+BAA+B,CAAC,EAAE;YAC9B,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,iCAAiC,CAAC,CAAC,CAAC;YAC/E,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,iCAAiC,CAAC,CAAC;SAClF,CAAC;KACL;CACJ"}

package/lib/dateRangePicker/DateRangePicker.js

@@ -0,0 +1,145 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["onChange", "value", "formatDateOptions", "rangeStringSeparator", "endAdornment", "required", "placeholder", "monthsToShow", "minDate", "maxDate", "slotProps"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import "react-date-range/dist/styles.css";
+import "react-date-range/dist/theme/default.css";
+import { ClearInputAdornment } from "@dextinity/admin";
+import { Calendar } from "@dextinity/admin-icons";
+import { useThemeProps } from "@mui/material/styles";
+import { useIntl } from "react-intl";
+import { DatePickerNavigation } from "../DatePickerNavigation";
+import { useDateFnsLocale } from "../utils/DateFnsLocaleProvider";
+import { defaultMaxDate, defaultMinDate, getIsoDateString } from "../utils/datePickerHelpers";
+import { DateRange, Root, StartAdornment } from "./DateRangePicker.slots";
+
+/**
+ * @deprecated Use `DateRange` from `@dextinity/admin` instead.
+ */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+var useDateRangeTextValue = function useDateRangeTextValue(range, rangeStringSeparator, formatDateOptions) {
+  var intl = useIntl();
+  if (range) {
+    var startDateString = intl.formatDate(range.start, formatDateOptions);
+    var endDateString = intl.formatDate(range.end, formatDateOptions);
+    if (startDateString === endDateString) {
+      return startDateString;
+    }
+    return "".concat(startDateString).concat(rangeStringSeparator).concat(endDateString);
+  }
+  return "";
+};
+var rangeKey = "pickedDateRange";
+var getRangeFromValue = function getRangeFromValue(value) {
+  if (value !== null && value !== void 0 && value.start) {
+    var startDate = new Date(value.start);
+    return {
+      key: rangeKey,
+      startDate: startDate,
+      endDate: value.end ? new Date(value.end) : startDate
+    };
+  }
+
+  // The range-picker from react-date-range always requires at least one valid date range to prevent every date from being highlighted as selected.
+  // If no `value` is defined, this returns the current date as the selected range.
+  // This range is only for visual purposes and will never be passed to a change event.
+  return {
+    key: rangeKey,
+    startDate: new Date(),
+    endDate: new Date()
+  };
+};
+
+/**
+ * @deprecated Use `DateRangePicker` from `@dextinity/admin` instead.
+ */
+export var DateRangePicker = function DateRangePicker(inProps) {
+  var _useThemeProps = useThemeProps({
+      props: inProps,
+      name: "CometAdminLegacyDateRangePicker"
+    }),
+    _onChange = _useThemeProps.onChange,
+    value = _useThemeProps.value,
+    formatDateOptions = _useThemeProps.formatDateOptions,
+    _useThemeProps$rangeS = _useThemeProps.rangeStringSeparator,
+    rangeStringSeparator = _useThemeProps$rangeS === void 0 ? "  —  " : _useThemeProps$rangeS,
+    endAdornment = _useThemeProps.endAdornment,
+    required = _useThemeProps.required,
+    placeholder = _useThemeProps.placeholder,
+    _useThemeProps$months = _useThemeProps.monthsToShow,
+    monthsToShow = _useThemeProps$months === void 0 ? 2 : _useThemeProps$months,
+    _useThemeProps$minDat = _useThemeProps.minDate,
+    minDate = _useThemeProps$minDat === void 0 ? defaultMinDate : _useThemeProps$minDat,
+    _useThemeProps$maxDat = _useThemeProps.maxDate,
+    maxDate = _useThemeProps$maxDat === void 0 ? defaultMaxDate : _useThemeProps$maxDat,
+    slotProps = _useThemeProps.slotProps,
+    inputWithPopperProps = _objectWithoutProperties(_useThemeProps, _excluded);
+  var intl = useIntl();
+  var textValue = useDateRangeTextValue(value, rangeStringSeparator, formatDateOptions);
+  var dateFnsLocale = useDateFnsLocale();
+  return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread(_objectSpread({
+    value: textValue,
+    startAdornment: /*#__PURE__*/_jsx(StartAdornment, _objectSpread(_objectSpread({
+      position: "start",
+      disablePointerEvents: true
+    }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.startAdornment), {}, {
+      children: /*#__PURE__*/_jsx(Calendar, {})
+    })),
+    placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : intl.formatMessage({
+      id: "comet.dateRangePicker.selectDateRange",
+      defaultMessage: "Select date range"
+    })
+  }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), inputWithPopperProps), {}, {
+    readOnly: true,
+    required: required,
+    endAdornment: !required && value ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(ClearInputAdornment, {
+        position: "end",
+        onClick: function onClick() {
+          return _onChange && _onChange(undefined);
+        }
+      }), endAdornment]
+    }) : endAdornment,
+    children: function children(closePopper) {
+      return /*#__PURE__*/_jsx(DateRange, _objectSpread({
+        locale: dateFnsLocale,
+        minDate: minDate,
+        maxDate: maxDate,
+        weekStartsOn: 1,
+        direction: "horizontal",
+        monthDisplayFormat: "MMMM yyyy",
+        months: monthsToShow,
+        navigatorRenderer: function navigatorRenderer(focusedDate, changeShownDate) {
+          return /*#__PURE__*/_jsx(DatePickerNavigation, {
+            focusedDate: focusedDate,
+            changeShownDate: changeShownDate,
+            minDate: minDate,
+            maxDate: maxDate
+          });
+        },
+        onRangeFocusChange: function onRangeFocusChange(newFocusedRange) {
+          var rangeSelectionHasCompleted = newFocusedRange[0] === 0 && newFocusedRange[1] === 0;
+          if (rangeSelectionHasCompleted) {
+            closePopper(true);
+          }
+        },
+        ranges: [getRangeFromValue(value)],
+        onChange: function onChange(ranges) {
+          var pickedRange = ranges[rangeKey];
+          if (pickedRange.startDate && pickedRange.endDate) {
+            _onChange === null || _onChange === void 0 || _onChange({
+              start: getIsoDateString(pickedRange.startDate),
+              end: getIsoDateString(pickedRange.endDate)
+            });
+          }
+        },
+        showDateDisplay: false
+      }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.dateRange));
+    }
+  }));
+};

package/lib/dateRangePicker/DateRangePicker.slots.d.ts

@@ -0,0 +1,28 @@
+import { InputWithPopper, type InputWithPopperClassKey, type ThemedComponentBaseProps } from "@dextinity/admin";
+import { InputAdornment } from "@mui/material";
+import { DateRange as ReactDateRange } from "react-date-range";
+export type DateRangePickerClassKey = InputWithPopperClassKey | "dateRange" | "startAdornment";
+export type SlotProps = ThemedComponentBaseProps<{
+    root: typeof InputWithPopper;
+    startAdornment: typeof InputAdornment;
+    dateRange: typeof ReactDateRange;
+}>["slotProps"];
+export declare const Root: import("react").ForwardRefExoticComponent<Omit<Pick<import("@dextinity/admin").InputWithPopperProps, keyof import("@dextinity/admin").InputWithPopperProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    ownerState?: undefined;
+} & {
+    className?: string;
+    ownerState?: object;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const StartAdornment: import("react").ForwardRefExoticComponent<Omit<Pick<import("@mui/material").InputAdornmentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "className" | "classes" | "children" | "sx" | "position" | "variant" | "disablePointerEvents" | "disableTypography">, "slot" | "style" | "title" | "className" | "classes" | "children" | "sx" | "tabIndex" | "color" | "content" | "position" | "translate" | "variant" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "disablePointerEvents" | "disableTypography"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    ownerState?: undefined;
+} & {
+    className?: string;
+    ownerState?: object;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const DateRange: import("react").ForwardRefExoticComponent<Pick<import("react-date-range").DateRangeProps, keyof import("react-date-range").DateRangeProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    ownerState?: undefined;
+} & {
+    className?: string;
+    ownerState?: object;
+} & import("react").RefAttributes<unknown>>;
+//# sourceMappingURL=DateRangePicker.slots.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.slots.d.ts","sourceRoot":"","sources":["../../src/dateRangePicker/DateRangePicker.slots.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,eAAe,EAAE,KAAK,uBAAuB,EAAE,KAAK,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AACrI,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAI/D,MAAM,MAAM,uBAAuB,GAAG,uBAAuB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAE/F,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC;IAC7C,IAAI,EAAE,OAAO,eAAe,CAAC;IAC7B,cAAc,EAAE,OAAO,cAAc,CAAC;IACtC,SAAS,EAAE,OAAO,cAAc,CAAC;CACpC,CAAC,CAAC,WAAW,CAAC,CAAC;AAEhB,eAAO,MAAM,IAAI;;;;;mDAGb,CAAC;AAEL,eAAO,MAAM,cAAc;;;;;mDAGvB,CAAC;AAEL,eAAO,MAAM,SAAS;;;;;2CA4GrB,CAAC"}

package/lib/dateRangePicker/DateRangePicker.slots.js

@@ -0,0 +1,116 @@
+import { createComponentSlot, InputWithPopper } from "@dextinity/admin";
+import { InputAdornment } from "@mui/material";
+import { deepmerge } from "@mui/utils";
+import { DateRange as ReactDateRange } from "react-date-range";
+import { getReactDateRangeStyles } from "../utils/getReactDateRangeStyles";
+export var Root = createComponentSlot(InputWithPopper)({
+  componentName: "LegacyDateRangePicker",
+  slotName: "root"
+})();
+export var StartAdornment = createComponentSlot(InputAdornment)({
+  componentName: "LegacyDateRangePicker",
+  slotName: "startAdornment"
+})();
+export var DateRange = createComponentSlot(ReactDateRange)({
+  componentName: "LegacyDateRangePicker",
+  slotName: "dateRange"
+})(function (_ref) {
+  var theme = _ref.theme;
+  return deepmerge(getReactDateRangeStyles(theme), {
+    "& .rdrDay": {
+      "& .rdrStartEdge, & .rdrEndEdge, & .rdrInRange": {
+        backgroundColor: theme.palette.primary.main,
+        borderRadius: 0,
+        top: 0,
+        bottom: 0,
+        "& ~ .rdrDayNumber span:nth-child(n)": {
+          fontWeight: theme.typography.fontWeightBold,
+          color: "white"
+        },
+        "& ~ .rdrDayEndPreview.rdrDayStartPreview": {
+          backgroundColor: "transparent",
+          borderRadius: 0,
+          "& ~ .rdrDayNumber span:nth-child(n)": {
+            fontWeight: theme.typography.fontWeightBold,
+            color: "white"
+          }
+        }
+      },
+      "& .rdrStartEdge": {
+        right: 0,
+        borderTopLeftRadius: 4,
+        borderBottomLeftRadius: 4
+      },
+      "& .rdrEndEdge": {
+        left: 0,
+        borderTopRightRadius: 4,
+        borderBottomRightRadius: 4
+      },
+      "& .rdrInRange": {
+        borderRadius: 0,
+        opacity: 0.7,
+        right: 0,
+        left: 0
+      },
+      "& .rdrDayEndPreview, & .rdrDayStartPreview, & .rdrDayInPreview": {
+        backgroundColor: theme.palette.primary.main,
+        borderRadius: 0,
+        "& ~ .rdrDayNumber span:nth-child(n)": {
+          fontWeight: theme.typography.fontWeightBold,
+          color: "white",
+          "&:after": {
+            backgroundColor: "currentColor"
+          }
+        }
+      },
+      "& .rdrDayStartPreview": {
+        borderTopLeftRadius: 4,
+        borderBottomLeftRadius: 4
+      },
+      "& .rdrDayEndPreview": {
+        borderTopRightRadius: 4,
+        borderBottomRightRadius: 4
+      },
+      "& .rdrDayEndPreview.rdrDayStartPreview": {
+        backgroundColor: theme.palette.grey[50],
+        borderRadius: 4,
+        "& ~ .rdrDayNumber span:nth-child(n)": {
+          color: theme.palette.text.primary,
+          fontWeight: theme.typography.fontWeightRegular,
+          "&:after": {
+            backgroundColor: theme.palette.primary.main
+          }
+        }
+      },
+      "& .rdrDayInPreview": {
+        opacity: 0.7,
+        border: "none",
+        top: 0,
+        bottom: 0
+      },
+      "&.rdrDayToday": {
+        "& .rdrInRange ~ .rdrDayNumber span": {
+          fontWeight: theme.typography.fontWeightBold
+        },
+        "& .rdrStartEdge, & .rdrEndEdge, & .rdrInRange": {
+          "& ~ .rdrDayNumber span:nth-child(n)": {
+            "&:after": {
+              backgroundColor: "white"
+            }
+          }
+        }
+      },
+      "&.rdrDayPassive": {
+        "& .rdrDayEndPreview, & .rdrDayStartPreview, & .rdrDayInPreview, & .rdrStartEdge, & .rdrEndEdge, & .rdrInRange": {
+          "& ~ .rdrDayNumber span:nth-child(n)": {
+            fontWeight: theme.typography.fontWeightRegular,
+            color: theme.palette.grey[100]
+          },
+          "&:after": {
+            backgroundColor: "currentColor"
+          }
+        }
+      }
+    }
+  });
+});

package/lib/dateRangePicker/FinalFormDateRangePicker.d.ts

@@ -0,0 +1,14 @@
+import type { FieldRenderProps } from "react-final-form";
+import { type DateRange, type DateRangePickerProps } from "./DateRangePicker";
+export type FinalFormDateRangePickerProps = DateRangePickerProps;
+type FinalFormDateRangePickerInternalProps = FieldRenderProps<DateRange, HTMLInputElement | HTMLTextAreaElement>;
+/**
+ * @deprecated Use `DateRangePickerField` from `@dextinity/admin` instead.
+ *
+ * Final Form-compatible DateRangerPicker component.
+ *
+ * @see {@link DateRangeField} – preferred for typical form use. Use this only if no Field wrapper is needed.
+ */
+export declare const FinalFormDateRangePicker: ({ meta, input, ...restProps }: FinalFormDateRangePickerProps & FinalFormDateRangePickerInternalProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FinalFormDateRangePicker.d.ts.map

package/lib/dateRangePicker/FinalFormDateRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinalFormDateRangePicker.d.ts","sourceRoot":"","sources":["../../src/dateRangePicker/FinalFormDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAE,KAAK,SAAS,EAAmB,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE/F,MAAM,MAAM,6BAA6B,GAAG,oBAAoB,CAAC;AACjE,KAAK,qCAAqC,GAAG,gBAAgB,CAAC,SAAS,EAAE,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;AAEjH;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,GAAI,+BAA+B,6BAA6B,GAAG,qCAAqC,4CAE5I,CAAC"}

package/lib/dateRangePicker/FinalFormDateRangePicker.js

@@ -0,0 +1,24 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["meta", "input"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { DateRangePicker } from "./DateRangePicker";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @deprecated Use `DateRangePickerField` from `@dextinity/admin` instead.
+ *
+ * Final Form-compatible DateRangerPicker component.
+ *
+ * @see {@link DateRangeField} – preferred for typical form use. Use this only if no Field wrapper is needed.
+ */
+export var FinalFormDateRangePicker = function FinalFormDateRangePicker(_ref) {
+  var meta = _ref.meta,
+    input = _ref.input,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(DateRangePicker, _objectSpread(_objectSpread({}, input), restProps));
+};

package/lib/dateTimePicker/DateTimeField.d.ts

@@ -0,0 +1,8 @@
+import { type FieldProps } from "@dextinity/admin";
+import { type FinalFormDateTimePickerProps } from "./FinalFormDateTimePicker";
+export type DateTimeFieldProps = FieldProps<Date, HTMLInputElement> & FinalFormDateTimePickerProps;
+/**
+ * @deprecated Use `DateTimePickerField` from `@dextinity/admin` instead.
+ */
+export declare const DateTimeField: ({ ...restProps }: DateTimeFieldProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DateTimeField.d.ts.map

package/lib/dateTimePicker/DateTimeField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeField.d.ts","sourceRoot":"","sources":["../../src/dateTimePicker/DateTimeField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,EAA2B,KAAK,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AAEvG,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,IAAI,EAAE,gBAAgB,CAAC,GAAG,4BAA4B,CAAC;AAEnG;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,kBAAkB,kBAAkB,4CAEjE,CAAC"}

package/lib/dateTimePicker/DateTimeField.js

@@ -0,0 +1,20 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import { Field } from "@dextinity/admin";
+import { FinalFormDateTimePicker } from "./FinalFormDateTimePicker";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @deprecated Use `DateTimePickerField` from `@dextinity/admin` instead.
+ */
+export var DateTimeField = function DateTimeField(_ref) {
+  var restProps = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/_jsx(Field, _objectSpread({
+    component: FinalFormDateTimePicker
+  }, restProps));
+};

package/lib/dateTimePicker/DateTimePicker.d.ts

@@ -0,0 +1,39 @@
+import { type ThemedComponentBaseProps } from "@dextinity/admin";
+import { type ComponentsOverrides, FormControl, type InputBaseProps } from "@mui/material";
+import { type Theme } from "@mui/material/styles";
+import { DatePicker as DatePickerBase } from "../datePicker/DatePicker";
+import { TimePicker as TimePickerBase } from "../timePicker/TimePicker";
+export type DateTimePickerClassKey = "root" | "dateFormControl" | "timeFormControl" | "datePicker" | "timePicker";
+export interface DateTimePickerProps extends ThemedComponentBaseProps<{
+    root: "div";
+    dateFormControl: typeof FormControl;
+    timeFormControl: typeof FormControl;
+    datePicker: typeof DatePickerBase;
+    timePicker: typeof TimePickerBase;
+}> {
+    onChange?: (value?: Date) => void;
+    value?: Date;
+    required?: boolean;
+    disabled?: boolean;
+    onBlur?: InputBaseProps["onBlur"];
+    onFocus?: InputBaseProps["onFocus"];
+}
+/**
+ * @deprecated Use `DateTimePicker` from `@dextinity/admin` instead.
+ */
+export declare const DateTimePicker: (inProps: DateTimePickerProps) => import("react/jsx-runtime").JSX.Element;
+declare module "@mui/material/styles" {
+    interface ComponentNameToClassKey {
+        CometAdminLegacyDateTimePicker: DateTimePickerClassKey;
+    }
+    interface ComponentsPropsList {
+        CometAdminLegacyDateTimePicker: DateTimePickerProps;
+    }
+    interface Components {
+        CometAdminLegacyDateTimePicker?: {
+            defaultProps?: Partial<ComponentsPropsList["CometAdminLegacyDateTimePicker"]>;
+            styleOverrides?: ComponentsOverrides<Theme>["CometAdminLegacyDateTimePicker"];
+        };
+    }
+}
+//# sourceMappingURL=DateTimePicker.d.ts.map

package/lib/dateTimePicker/DateTimePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../src/dateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AACtF,OAAO,EAAE,KAAK,mBAAmB,EAAE,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAC3F,OAAO,EAAO,KAAK,KAAK,EAAiB,MAAM,sBAAsB,CAAC;AAItE,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAIxE,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,YAAY,GAAG,YAAY,CAAC;AAmElH,MAAM,WAAW,mBACb,SAAQ,wBAAwB,CAAC;IAC7B,IAAI,EAAE,KAAK,CAAC;IACZ,eAAe,EAAE,OAAO,WAAW,CAAC;IACpC,eAAe,EAAE,OAAO,WAAW,CAAC;IACpC,UAAU,EAAE,OAAO,cAAc,CAAC;IAClC,UAAU,EAAE,OAAO,cAAc,CAAC;CACrC,CAAC;IACF,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;CACvC;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,SAAS,mBAAmB,4CAkF1D,CAAC;AAEF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,8BAA8B,EAAE,sBAAsB,CAAC;KAC1D;IAED,UAAU,mBAAmB;QACzB,8BAA8B,EAAE,mBAAmB,CAAC;KACvD;IAED,UAAU,UAAU;QAChB,8BAA8B,CAAC,EAAE;YAC7B,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,gCAAgC,CAAC,CAAC,CAAC;YAC9E,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,gCAAgC,CAAC,CAAC;SACjF,CAAC;KACL;CACJ"}