@pisell/date-picker 1.0.0

package/es/MultiInputTimeRangeField/MultiInputTimeRangeField.js

@@ -0,0 +1,355 @@
+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); }
+var _excluded = ["slots", "slotProps", "components", "componentsProps", "disabled", "autoFocus", "unstableStartFieldRef", "unstableEndFieldRef"],
+  _excluded2 = ["onKeyDown", "ref", "readOnly", "inputMode"],
+  _excluded3 = ["onKeyDown", "ref", "readOnly", "inputMode"];
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import Stack from '@mui/material/Stack';
+import MuiTextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import { styled, useThemeProps } from '@mui/material/styles';
+import { useSlotProps } from '@mui/base/utils';
+import { splitFieldInternalAndForwardedProps, uncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
+import { useMultiInputTimeRangeField } from "../internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField";
+var MultiInputTimeRangeFieldRoot = styled( /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(Stack, _extends({
+    ref: ref,
+    spacing: 2,
+    direction: "row",
+    alignItems: "baseline"
+  }, props));
+}), {
+  name: 'MuiMultiInputTimeRangeField',
+  slot: 'Root',
+  overridesResolver: function overridesResolver(props, styles) {
+    return styles.root;
+  }
+})({});
+var MultiInputTimeRangeFieldSeparator = styled(function (props) {
+  var _props$children;
+  return /*#__PURE__*/React.createElement(Typography, props, (_props$children = props.children) !== null && _props$children !== void 0 ? _props$children : ' – ');
+}, {
+  name: 'MuiMultiInputTimeRangeField',
+  slot: 'Separator',
+  overridesResolver: function overridesResolver(props, styles) {
+    return styles.separator;
+  }
+})({});
+var MultiInputTimeRangeField = /*#__PURE__*/React.forwardRef(function MultiInputTimeRangeField(inProps, ref) {
+  var _slots$root, _slots$textField, _slots$separator;
+  var themeProps = useThemeProps({
+    props: inProps,
+    name: 'MuiMultiInputTimeRangeField'
+  });
+  var _splitFieldInternalAn = splitFieldInternalAndForwardedProps(themeProps, 'time'),
+    timeFieldInternalProps = _splitFieldInternalAn.internalProps,
+    forwardedProps = _splitFieldInternalAn.forwardedProps;
+  var innerSlots = forwardedProps.slots,
+    innerSlotProps = forwardedProps.slotProps,
+    components = forwardedProps.components,
+    componentsProps = forwardedProps.componentsProps,
+    disabled = forwardedProps.disabled,
+    autoFocus = forwardedProps.autoFocus,
+    unstableStartFieldRef = forwardedProps.unstableStartFieldRef,
+    unstableEndFieldRef = forwardedProps.unstableEndFieldRef,
+    otherForwardedProps = _objectWithoutProperties(forwardedProps, _excluded);
+  var slots = innerSlots !== null && innerSlots !== void 0 ? innerSlots : uncapitalizeObjectKeys(components);
+  var slotProps = innerSlotProps !== null && innerSlotProps !== void 0 ? innerSlotProps : componentsProps;
+  var ownerState = themeProps;
+  var Root = (_slots$root = slots === null || slots === void 0 ? void 0 : slots.root) !== null && _slots$root !== void 0 ? _slots$root : MultiInputTimeRangeFieldRoot;
+  var rootProps = useSlotProps({
+    elementType: Root,
+    externalSlotProps: slotProps === null || slotProps === void 0 ? void 0 : slotProps.root,
+    externalForwardedProps: otherForwardedProps,
+    additionalProps: {
+      ref: ref
+    },
+    ownerState: ownerState
+  });
+  var TextField = (_slots$textField = slots === null || slots === void 0 ? void 0 : slots.textField) !== null && _slots$textField !== void 0 ? _slots$textField : MuiTextField;
+  var startTextFieldProps = useSlotProps({
+    elementType: TextField,
+    externalSlotProps: slotProps === null || slotProps === void 0 ? void 0 : slotProps.textField,
+    additionalProps: {
+      autoFocus: autoFocus
+    },
+    ownerState: _objectSpread(_objectSpread({}, ownerState), {}, {
+      position: 'start'
+    })
+  });
+  var endTextFieldProps = useSlotProps({
+    elementType: TextField,
+    externalSlotProps: slotProps === null || slotProps === void 0 ? void 0 : slotProps.textField,
+    ownerState: _objectSpread(_objectSpread({}, ownerState), {}, {
+      position: 'end'
+    })
+  });
+  var Separator = (_slots$separator = slots === null || slots === void 0 ? void 0 : slots.separator) !== null && _slots$separator !== void 0 ? _slots$separator : MultiInputTimeRangeFieldSeparator;
+  var separatorProps = useSlotProps({
+    elementType: Separator,
+    externalSlotProps: slotProps === null || slotProps === void 0 ? void 0 : slotProps.separator,
+    ownerState: ownerState
+  });
+  var _useMultiInputTimeRan = useMultiInputTimeRangeField({
+      sharedProps: _objectSpread(_objectSpread({}, timeFieldInternalProps), {}, {
+        disabled: disabled
+      }),
+      startTextFieldProps: startTextFieldProps,
+      endTextFieldProps: endTextFieldProps,
+      startInputRef: startTextFieldProps.inputRef,
+      unstableStartFieldRef: unstableStartFieldRef,
+      endInputRef: endTextFieldProps.inputRef,
+      unstableEndFieldRef: unstableEndFieldRef
+    }),
+    _useMultiInputTimeRan2 = _useMultiInputTimeRan.startDate,
+    onStartInputKeyDown = _useMultiInputTimeRan2.onKeyDown,
+    startInputRef = _useMultiInputTimeRan2.ref,
+    startReadOnly = _useMultiInputTimeRan2.readOnly,
+    startInputMode = _useMultiInputTimeRan2.inputMode,
+    startDateProps = _objectWithoutProperties(_useMultiInputTimeRan2, _excluded2),
+    _useMultiInputTimeRan3 = _useMultiInputTimeRan.endDate,
+    onEndInputKeyDown = _useMultiInputTimeRan3.onKeyDown,
+    endInputRef = _useMultiInputTimeRan3.ref,
+    endReadOnly = _useMultiInputTimeRan3.readOnly,
+    endInputMode = _useMultiInputTimeRan3.inputMode,
+    endDateProps = _objectWithoutProperties(_useMultiInputTimeRan3, _excluded3);
+  return /*#__PURE__*/React.createElement(Root, rootProps, /*#__PURE__*/React.createElement(TextField, _extends({
+    fullWidth: true
+  }, startDateProps, {
+    InputProps: _objectSpread(_objectSpread({}, startDateProps.InputProps), {}, {
+      readOnly: startReadOnly
+    }),
+    inputProps: _objectSpread(_objectSpread({}, startDateProps.inputProps), {}, {
+      ref: startInputRef,
+      inputMode: startInputMode,
+      onKeyDown: onStartInputKeyDown
+    })
+  })), /*#__PURE__*/React.createElement(Separator, separatorProps), /*#__PURE__*/React.createElement(TextField, _extends({
+    fullWidth: true
+  }, endDateProps, {
+    InputProps: _objectSpread(_objectSpread({}, endDateProps.InputProps), {}, {
+      readOnly: endReadOnly
+    }),
+    inputProps: _objectSpread(_objectSpread({}, endDateProps.inputProps), {}, {
+      ref: endInputRef,
+      readOnly: endReadOnly,
+      inputMode: endInputMode,
+      onKeyDown: onEndInputKeyDown
+    })
+  })));
+});
+MultiInputTimeRangeField.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * 12h/24h view for hour selection clock.
+   * @default `utils.is12HourCycleInCurrentLocale()`
+   */
+  ampm: PropTypes.bool,
+  autoFocus: PropTypes.bool,
+  className: PropTypes.string,
+  /**
+   * Overridable components.
+   * @default {}
+   * @deprecated Please use `slots`.
+   */
+  components: PropTypes.object,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   * @deprecated Please use `slotProps`.
+   */
+  componentsProps: PropTypes.object,
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue: PropTypes.arrayOf(PropTypes.any),
+  /**
+   * Defines the `flex-direction` style property.
+   * It is applied for all screen sizes.
+   * @default 'column'
+   */
+  direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: PropTypes.bool,
+  /**
+   * If `true`, disable values after the current date for date components, time for time components and both for date time components.
+   * @default false
+   */
+  disableFuture: PropTypes.bool,
+  /**
+   * Do not ignore date part when validating min/max time.
+   * @default false
+   */
+  disableIgnoringDatePartForTimeValidation: PropTypes.bool,
+  /**
+   * If `true`, disable values before the current date for date components, time for time components and both for date time components.
+   * @default false
+   */
+  disablePast: PropTypes.bool,
+  /**
+   * Add an element between each child.
+   */
+  divider: PropTypes.node,
+  /**
+   * Format of the date when rendered in the input(s).
+   */
+  format: PropTypes.string,
+  /**
+   * Density of the format when rendered in the input.
+   * Setting `formatDensity` to `"spacious"` will add a space before and after each `/`, `-` and `.` character.
+   * @default "dense"
+   */
+  formatDensity: PropTypes.oneOf(['dense', 'spacious']),
+  /**
+   * Maximal selectable time.
+   * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
+   */
+  maxTime: PropTypes.any,
+  /**
+   * Minimal selectable time.
+   * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
+   */
+  minTime: PropTypes.any,
+  /**
+   * Step over minutes.
+   * @default 1
+   */
+  minutesStep: PropTypes.number,
+  /**
+   * Callback fired when the value changes.
+   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
+   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
+   * @param {TValue} value The new value.
+   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
+   */
+  onChange: PropTypes.func,
+  /**
+   * Callback fired when the error associated to the current value changes.
+   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
+   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
+   * @param {TError} error The new error.
+   * @param {TValue} value The value associated to the error.
+   */
+  onError: PropTypes.func,
+  /**
+   * Callback fired when the selected sections change.
+   * @param {FieldSelectedSections} newValue The new selected sections.
+   */
+  onSelectedSectionsChange: PropTypes.func,
+  /**
+   * It prevents the user from changing the value of the field
+   * (not from interacting with the field).
+   * @default false
+   */
+  readOnly: PropTypes.bool,
+  /**
+   * The date used to generate a part of the new value that is not present in the format when both `value` and `defaultValue` are empty.
+   * For example, on time fields it will be used to determine the date to set.
+   * @default The closest valid date using the validation props, except callbacks such as `shouldDisableDate`. Value is rounded to the most granular section used.
+   */
+  referenceDate: PropTypes.any,
+  /**
+   * The currently selected sections.
+   * This prop accept four formats:
+   * 1. If a number is provided, the section at this index will be selected.
+   * 2. If an object with a `startIndex` and `endIndex` properties are provided, the sections between those two indexes will be selected.
+   * 3. If a string of type `FieldSectionType` is provided, the first section with that name will be selected.
+   * 4. If `null` is provided, no section will be selected
+   * If not provided, the selected sections will be handled internally.
+   */
+  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
+    endIndex: PropTypes.number.isRequired,
+    startIndex: PropTypes.number.isRequired
+  })]),
+  /**
+   * Disable specific clock time.
+   * @param {number} clockValue The value to check.
+   * @param {TimeView} view The clock type of the timeValue.
+   * @returns {boolean} If `true` the time will be disabled.
+   * @deprecated Consider using `shouldDisableTime`.
+   */
+  shouldDisableClock: PropTypes.func,
+  /**
+   * Disable specific time.
+   * @template TDate
+   * @param {TDate} value The value to check.
+   * @param {TimeView} view The clock type of the timeValue.
+   * @returns {boolean} If `true` the time will be disabled.
+   */
+  shouldDisableTime: PropTypes.func,
+  /**
+   * If `true`, the format will respect the leading zeroes (e.g: on dayjs, the format `M/D/YYYY` will render `8/16/2018`)
+   * If `false`, the format will always add leading zeroes (e.g: on dayjs, the format `M/D/YYYY` will render `08/16/2018`)
+   *
+   * Warning n°1: Luxon is not able to respect the leading zeroes when using macro tokens (e.g: "DD"), so `shouldRespectLeadingZeros={true}` might lead to inconsistencies when using `AdapterLuxon`.
+   *
+   * Warning n°2: When `shouldRespectLeadingZeros={true}`, the field will add an invisible character on the sections containing a single digit to make sure `onChange` is fired.
+   * If you need to get the clean value from the input, you can remove this character using `input.value.replace(/\u200e/g, '')`.
+   *
+   * Warning n°3: When used in strict mode, dayjs and moment require to respect the leading zeros.
+   * This mean that when using `shouldRespectLeadingZeros={false}`, if you retrieve the value directly from the input (not listening to `onChange`) and your format contains tokens without leading zeros, the value will not be parsed by your library.
+   *
+   * @default `false`
+   */
+  shouldRespectLeadingZeros: PropTypes.bool,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: PropTypes.object,
+  /**
+   * Overridable slots.
+   * @default {}
+   */
+  slots: PropTypes.object,
+  /**
+   * Defines the space between immediate children.
+   * @default 0
+   */
+  spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
+  style: PropTypes.object,
+  /**
+   * The system prop, which allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  /**
+   * Choose which timezone to use for the value.
+   * Example: "default", "system", "UTC", "America/New_York".
+   * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
+   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
+   * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
+   */
+  timezone: PropTypes.string,
+  unstableEndFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  unstableStartFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  /**
+   * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
+   *
+   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
+   * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
+   *
+   * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
+   * @default false
+   */
+  useFlexGap: PropTypes.bool,
+  /**
+   * The selected value.
+   * Used when the component is controlled.
+   */
+  value: PropTypes.arrayOf(PropTypes.any)
+};
+export { MultiInputTimeRangeField };

package/es/MultiInputTimeRangeField/MultiInputTimeRangeField.types.d.ts

@@ -0,0 +1,71 @@
+import * as React from 'react';
+import { SlotComponentProps } from '@mui/base/utils';
+import Typography from '@mui/material/Typography';
+import Stack, { StackProps } from '@mui/material/Stack';
+import TextField from '@mui/material/TextField';
+import { FieldRef } from '@mui/x-date-pickers/models';
+import { UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
+import { UseTimeRangeFieldDefaultizedProps, UseTimeRangeFieldProps } from '../internals/models/timeRange';
+import { RangePosition } from '../internals/models/range';
+import { UseMultiInputRangeFieldParams } from '../internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types';
+import { RangeFieldSection } from '../internals/models/fields';
+export declare type UseMultiInputTimeRangeFieldParams<TDate, TTextFieldSlotProps extends {}> = UseMultiInputRangeFieldParams<UseMultiInputTimeRangeFieldProps<TDate>, TTextFieldSlotProps>;
+export interface UseMultiInputTimeRangeFieldProps<TDate> extends Omit<UseTimeRangeFieldProps<TDate>, 'unstableFieldRef'> {
+    unstableStartFieldRef?: React.Ref<FieldRef<RangeFieldSection>>;
+    unstableEndFieldRef?: React.Ref<FieldRef<RangeFieldSection>>;
+}
+export declare type UseMultiInputTimeRangeFieldComponentProps<TDate, TChildProps extends {}> = Omit<TChildProps, keyof UseMultiInputTimeRangeFieldProps<TDate>> & UseMultiInputTimeRangeFieldProps<TDate>;
+export interface MultiInputTimeRangeFieldProps<TDate> extends UseMultiInputTimeRangeFieldComponentProps<TDate, Omit<StackProps, 'position'>> {
+    autoFocus?: boolean;
+    /**
+     * Overridable components.
+     * @default {}
+     * @deprecated Please use `slots`.
+     */
+    components?: MultiInputTimeRangeFieldSlotsComponent;
+    /**
+     * The props used for each component slot.
+     * @default {}
+     * @deprecated Please use `slotProps`.
+     */
+    componentsProps?: MultiInputTimeRangeFieldSlotsComponentsProps<TDate>;
+    /**
+     * Overridable slots.
+     * @default {}
+     */
+    slots?: UncapitalizeObjectKeys<MultiInputTimeRangeFieldSlotsComponent>;
+    /**
+     * The props used for each component slot.
+     * @default {}
+     */
+    slotProps?: MultiInputTimeRangeFieldSlotsComponentsProps<TDate>;
+}
+export declare type MultiInputTimeRangeFieldOwnerState<TDate> = MultiInputTimeRangeFieldProps<TDate>;
+export interface MultiInputTimeRangeFieldSlotsComponent {
+    /**
+     * Element rendered at the root.
+     * @default MultiInputTimeRangeFieldRoot
+     */
+    Root?: React.ElementType;
+    /**
+     * Form control with an input to render a time.
+     * It is rendered twice: once for the start time and once for the end time.
+     * Receives the same props as `@mui/material/TextField`.
+     * @default TextField from '@mui/material'
+     */
+    TextField?: React.ElementType;
+    /**
+     * Element rendered between the two inputs.
+     * @default MultiInputTimeRangeFieldSeparator
+     */
+    Separator?: React.ElementType;
+}
+export interface MultiInputTimeRangeFieldSlotsComponentsProps<TDate> {
+    root?: SlotComponentProps<typeof Stack, {}, MultiInputTimeRangeFieldOwnerState<TDate>>;
+    textField?: SlotComponentProps<typeof TextField, {}, MultiInputTimeRangeFieldOwnerState<TDate> & {
+        position: RangePosition;
+    }>;
+    separator?: SlotComponentProps<typeof Typography, {}, MultiInputTimeRangeFieldOwnerState<TDate>>;
+}
+export declare type UseMultiInputTimeRangeFieldDefaultizedProps<TDate, AdditionalProps extends {}> = UseTimeRangeFieldDefaultizedProps<TDate> & Omit<AdditionalProps, 'value' | 'defaultValue' | 'onChange'>;
+//# sourceMappingURL=MultiInputTimeRangeField.types.d.ts.map

package/es/MultiInputTimeRangeField/MultiInputTimeRangeField.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiInputTimeRangeField.types.d.ts","sourceRoot":"","sources":["MultiInputTimeRangeField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EACL,iCAAiC,EACjC,sBAAsB,EACvB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,6BAA6B,EAAE,MAAM,0EAA0E,CAAC;AACzH,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,oBAAY,iCAAiC,CAC3C,KAAK,EACL,mBAAmB,SAAS,EAAE,IAC5B,6BAA6B,CAAC,gCAAgC,CAAC,KAAK,CAAC,EAAE,mBAAmB,CAAC,CAAC;AAEhG,MAAM,WAAW,gCAAgC,CAAC,KAAK,CACrD,SAAQ,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC/D,qBAAqB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAC/D,mBAAmB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC;CAC9D;AAED,oBAAY,yCAAyC,CAAC,KAAK,EAAE,WAAW,SAAS,EAAE,IAAI,IAAI,CACzF,WAAW,EACX,MAAM,gCAAgC,CAAC,KAAK,CAAC,CAC9C,GACC,gCAAgC,CAAC,KAAK,CAAC,CAAC;AAE1C,MAAM,WAAW,6BAA6B,CAAC,KAAK,CAClD,SAAQ,yCAAyC,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IACtF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,sCAAsC,CAAC;IACpD;;;;OAIG;IACH,eAAe,CAAC,EAAE,4CAA4C,CAAC,KAAK,CAAC,CAAC;IACtE;;;OAGG;IACH,KAAK,CAAC,EAAE,sBAAsB,CAAC,sCAAsC,CAAC,CAAC;IACvE;;;OAGG;IACH,SAAS,CAAC,EAAE,4CAA4C,CAAC,KAAK,CAAC,CAAC;CACjE;AAED,oBAAY,kCAAkC,CAAC,KAAK,IAAI,6BAA6B,CAAC,KAAK,CAAC,CAAC;AAE7F,MAAM,WAAW,sCAAsC;IACrD;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC/B;AAED,MAAM,WAAW,4CAA4C,CAAC,KAAK;IACjE,IAAI,CAAC,EAAE,kBAAkB,CAAC,OAAO,KAAK,EAAE,EAAE,EAAE,kCAAkC,CAAC,KAAK,CAAC,CAAC,CAAC;IACvF,SAAS,CAAC,EAAE,kBAAkB,CAC5B,OAAO,SAAS,EAChB,EAAE,EACF,kCAAkC,CAAC,KAAK,CAAC,GAAG;QAAE,QAAQ,EAAE,aAAa,CAAA;KAAE,CACxE,CAAC;IACF,SAAS,CAAC,EAAE,kBAAkB,CAAC,OAAO,UAAU,EAAE,EAAE,EAAE,kCAAkC,CAAC,KAAK,CAAC,CAAC,CAAC;CAClG;AAED,oBAAY,2CAA2C,CACrD,KAAK,EACL,eAAe,SAAS,EAAE,IACxB,iCAAiC,CAAC,KAAK,CAAC,GAC1C,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC"}

package/es/MultiInputTimeRangeField/MultiInputTimeRangeField.types.js

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

package/es/MultiInputTimeRangeField/index.d.ts

@@ -0,0 +1,4 @@
+export { MultiInputTimeRangeField } from './MultiInputTimeRangeField';
+export { useMultiInputTimeRangeField as unstable_useMultiInputTimeRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField';
+export type { UseMultiInputTimeRangeFieldProps, UseMultiInputTimeRangeFieldComponentProps, MultiInputTimeRangeFieldProps, } from './MultiInputTimeRangeField.types';
+//# sourceMappingURL=index.d.ts.map

package/es/MultiInputTimeRangeField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,2BAA2B,IAAI,oCAAoC,EAAE,MAAM,wEAAwE,CAAC;AAC7J,YAAY,EACV,gCAAgC,EAChC,yCAAyC,EACzC,6BAA6B,GAC9B,MAAM,kCAAkC,CAAC"}

package/es/MultiInputTimeRangeField/index.js

@@ -0,0 +1,2 @@
+export { MultiInputTimeRangeField } from "./MultiInputTimeRangeField";
+export { useMultiInputTimeRangeField as unstable_useMultiInputTimeRangeField } from "../internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField";

package/es/PisellDateRangePicker/index.d.ts

@@ -0,0 +1,15 @@
+import { Dayjs } from "dayjs";
+import { PresetType } from "../Shortcuts";
+import "./index.less";
+export interface PisellDateRangePickerProps {
+    onChange?: (day: Dayjs[]) => void;
+    value?: Dayjs[];
+    presets?: PresetType[];
+    className?: string;
+    showTime?: boolean;
+    placeholder?: string;
+    disableDate?: (day: Dayjs) => boolean;
+}
+declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => JSX.Element;
+export default PisellDateRangePicker;
+//# sourceMappingURL=index.d.ts.map

package/es/PisellDateRangePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAIrC,OAAkB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAGrD,OAAO,cAAc,CAAC;AAYtB,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC;IAChB,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,OAAO,CAAC;CACvC;AAID,QAAA,MAAM,qBAAqB,UAAW,0BAA0B,gBA8E/D,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/es/PisellDateRangePicker/index.js

@@ -0,0 +1,104 @@
+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 dayjs from "dayjs";
+import { useState, useEffect, useMemo } from "react";
+import { DateRangePicker } from "../DateRangePicker";
+import ActionBar from "../ActionBar";
+import Shortcuts from "../Shortcuts";
+import { SingleInputDateRangeField } from "../SingleInputDateRangeField";
+import classNames from "classnames";
+import "./index.less";
+var transDayjsArr = function transDayjsArr(dayjsArr) {
+  var _newArr;
+  var newArr = dayjsArr;
+  if ((dayjsArr === null || dayjsArr === void 0 ? void 0 : dayjsArr.length) === 0) {
+    newArr = [null, null];
+  }
+  return (_newArr = newArr) === null || _newArr === void 0 ? void 0 : _newArr.map(function (item) {
+    return dayjs.isDayjs(item) ? item : null;
+  });
+};
+// api详情
+// https://mui.com/x/api/date-pickers/date-range-picker/
+var PisellDateRangePicker = function PisellDateRangePicker(props) {
+  var propsOnChange = props.onChange,
+    propsValue = props.value,
+    _props$presets = props.presets,
+    presets = _props$presets === void 0 ? [] : _props$presets,
+    className = props.className,
+    showTime = props.showTime,
+    placeholder = props.placeholder,
+    disableDate = props.disableDate;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = useState(function () {
+      return transDayjsArr(propsValue);
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    _value = _useState4[0],
+    setValue = _useState4[1];
+  useEffect(function () {
+    setValue(transDayjsArr(propsValue));
+  }, [propsValue]);
+  var handleOpen = function handleOpen() {
+    setOpen(true);
+  };
+  var handleClose = function handleClose() {
+    setOpen(false);
+    setValue(transDayjsArr(propsValue));
+  };
+  var handleOk = function handleOk() {
+    setOpen(false);
+    propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(_value);
+  };
+  var _presets = useMemo(function () {
+    return presets.map(function (item) {
+      var getValue = function getValue() {
+        if (typeof item.getValue === "function") {
+          return item.getValue();
+        }
+        return item === null || item === void 0 ? void 0 : item.value;
+      };
+      return {
+        label: item.label,
+        getValue: getValue
+      };
+    });
+  }, [presets]);
+  return /*#__PURE__*/React.createElement(DateRangePicker, {
+    label: placeholder,
+    className: classNames(className, "pisell-date-range-picker"),
+    value: _value,
+    closeOnSelect: false,
+    onClose: handleClose,
+    onChange: setValue,
+    onOpen: handleOpen,
+    open: open,
+    shouldDisableDate: disableDate,
+    slots: {
+      actionBar: ActionBar,
+      shortcuts: Shortcuts,
+      field: SingleInputDateRangeField
+    },
+    slotProps: {
+      shortcuts: {
+        items: _presets
+      },
+      actionBar: {
+        onOk: handleOk,
+        onCancel: handleClose,
+        showTime: showTime
+      },
+      field: {
+        size: "small"
+      }
+    }
+  });
+};
+export default PisellDateRangePicker;

package/es/PisellDateRangePicker/index.less

@@ -0,0 +1,16 @@
+.pisell-date-range-picker {
+  width: 300px;
+  //.MuiInputBase-input {
+  //  padding: 10px;
+  //}
+  label {
+    font-size: 14px;
+  }
+  .MuiOutlinedInput-notchedOutline {
+    legend {
+      width: auto;
+      line-height: 11px;
+      margin: 0;
+    }
+  }
+}

package/es/Shortcuts/index.d.ts

@@ -0,0 +1,14 @@
+import "./index.less";
+import { Dayjs } from "dayjs";
+export declare type PresetType = {
+    label: string;
+    getValue: () => [Dayjs, Dayjs];
+    value: [Dayjs, Dayjs];
+};
+interface ShortcutsProps {
+    items: PresetType[];
+    onChange: (day: [Dayjs, Dayjs]) => void;
+}
+declare const Shortcuts: (props: ShortcutsProps) => JSX.Element | null;
+export default Shortcuts;
+//# sourceMappingURL=index.d.ts.map

package/es/Shortcuts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9B,oBAAY,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC/B,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;CACvB,CAAC;AAEF,UAAU,cAAc;IACtB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;CACzC;AAED,QAAA,MAAM,SAAS,UAAW,cAAc,uBA2BvC,CAAC;AACF,eAAe,SAAS,CAAC"}

package/es/Shortcuts/index.js

@@ -0,0 +1,39 @@
+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 React, { useState } from "react";
+import classNames from "classnames";
+import "./index.less";
+var Shortcuts = function Shortcuts(props) {
+  var onChange = props.onChange,
+    items = props.items;
+  var _useState = useState(-1),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeIndex = _useState2[0],
+    setActiveIndex = _useState2[1];
+  var handleClick = function handleClick(item, index) {
+    onChange(item.getValue());
+    setActiveIndex(index);
+  };
+  if (items.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(props.className, "date-picker-shortcuts")
+  }, items.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: item.label,
+      className: "date-picker-shortcuts-item",
+      style: activeIndex === index ? {
+        background: "#F9FAFB"
+      } : {},
+      onClick: function onClick() {
+        return handleClick(item, index);
+      }
+    }, item.label);
+  }));
+};
+export default Shortcuts;