@pisell/date-picker 1.0.0

package/es/DateRangePicker/DateRangePicker.js

@@ -0,0 +1,331 @@
+var _excluded = ["desktopModeMediaQuery"];
+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); }
+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; }
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import { useThemeProps } from '@mui/material/styles';
+import { DesktopDateRangePicker } from "../DesktopDateRangePicker";
+import { MobileDateRangePicker } from "../MobileDateRangePicker";
+var DateRangePicker = /*#__PURE__*/React.forwardRef(function DateRangePicker(inProps, ref) {
+  var props = useThemeProps({
+    props: inProps,
+    name: 'MuiDateRangePicker'
+  });
+  var _props$desktopModeMed = props.desktopModeMediaQuery,
+    desktopModeMediaQuery = _props$desktopModeMed === void 0 ? '@media (pointer: fine)' : _props$desktopModeMed,
+    other = _objectWithoutProperties(props, _excluded);
+
+  // defaults to `true` in environments where `window.matchMedia` would not be available (i.e. test/jsdom)
+  var isDesktop = useMediaQuery(desktopModeMediaQuery, {
+    defaultMatches: true
+  });
+  if (isDesktop) {
+    return /*#__PURE__*/React.createElement(DesktopDateRangePicker, _extends({
+      ref: ref
+    }, other));
+  }
+  return /*#__PURE__*/React.createElement(MobileDateRangePicker, _extends({
+    ref: ref
+  }, other));
+});
+DateRangePicker.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * If `true`, the main element is focused during the first mount.
+   * This main element is:
+   * - the element chosen by the visible view if any (i.e: the selected day on the `day` view).
+   * - the `input` element if there is a field rendered.
+   */
+  autoFocus: PropTypes.bool,
+  /**
+   * The number of calendars to render on **desktop**.
+   * @default 2
+   */
+  calendars: PropTypes.oneOf([1, 2, 3]),
+  /**
+   * Class name applied to the root element.
+   */
+  className: PropTypes.string,
+  /**
+   * If `true`, the popover or modal will close after submitting the full date.
+   * @default `true` for desktop, `false` for mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
+   */
+  closeOnSelect: PropTypes.bool,
+  /**
+   * 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,
+  /**
+   * Position the current month is rendered in.
+   * @default 1
+   */
+  currentMonthCalendarPosition: PropTypes.oneOf([1, 2, 3]),
+  /**
+   * Formats the day of week displayed in the calendar header.
+   * @param {string} day The day of week provided by the adapter's method `getWeekdays`.
+   * @returns {string} The name to display.
+   * @default (day) => day.charAt(0).toUpperCase()
+   */
+  dayOfWeekFormatter: PropTypes.func,
+  /**
+   * Default calendar month displayed when `value={[null, null]}`.
+   */
+  defaultCalendarMonth: PropTypes.any,
+  /**
+   * The initial position in the edited date range.
+   * Used when the component is not controlled.
+   * @default 'start'
+   */
+  defaultRangePosition: PropTypes.oneOf(['end', 'start']),
+  /**
+   * The default value.
+   * Used when the component is not controlled.
+   */
+  defaultValue: PropTypes.arrayOf(PropTypes.any),
+  /**
+   * CSS media query when `Mobile` mode will be changed to `Desktop`.
+   * @default '@media (pointer: fine)'
+   * @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
+   */
+  desktopModeMediaQuery: PropTypes.string,
+  /**
+   * If `true`, after selecting `start` date calendar will not automatically switch to the month of `end` date.
+   * @default false
+   */
+  disableAutoMonthSwitching: PropTypes.bool,
+  /**
+   * If `true`, the picker and text field are disabled.
+   * @default false
+   */
+  disabled: PropTypes.bool,
+  /**
+   * If `true`, editing dates by dragging is disabled.
+   * @default false
+   */
+  disableDragEditing: 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,
+  /**
+   * If `true`, today's date is rendering without highlighting with circle.
+   * @default false
+   */
+  disableHighlightToday: PropTypes.bool,
+  /**
+   * If `true`, the open picker button will not be rendered (renders only the field).
+   * @default false
+   */
+  disableOpenPicker: 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,
+  /**
+   * If `true`, the week number will be display in the calendar.
+   */
+  displayWeekNumber: PropTypes.bool,
+  /**
+   * Calendar will show more weeks in order to match this value.
+   * Put it to 6 for having fix number of week in Gregorian calendars
+   * @default undefined
+   */
+  fixedWeekNumber: PropTypes.number,
+  /**
+   * Format of the date when rendered in the input(s).
+   * Defaults to localized format based on the used `views`.
+   */
+  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']),
+  /**
+   * Pass a ref to the `input` element.
+   * Ignored if the field has several inputs.
+   */
+  inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.object
+  })]),
+  /**
+   * The label content.
+   * Ignored if the field has several inputs.
+   */
+  label: PropTypes.node,
+  /**
+   * If `true`, calls `renderLoading` instead of rendering the day calendar.
+   * Can be used to preload information and show it in calendar.
+   * @default false
+   */
+  loading: PropTypes.bool,
+  /**
+   * Locale for components texts.
+   * Allows overriding texts coming from `LocalizationProvider` and `theme`.
+   */
+  localeText: PropTypes.object,
+  /**
+   * Maximal selectable date.
+   */
+  maxDate: PropTypes.any,
+  /**
+   * Minimal selectable date.
+   */
+  minDate: PropTypes.any,
+  /**
+   * Callback fired when the value is accepted.
+   * @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.
+   * @param {TValue} value The value that was just accepted.
+   */
+  onAccept: PropTypes.func,
+  /**
+   * 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 popup requests to be closed.
+   * Use in controlled mode (see `open`).
+   */
+  onClose: PropTypes.func,
+  /**
+   * Callback fired when the error associated to the current value changes.
+   * If the error has a non-null value, then the `TextField` will be rendered in `error` state.
+   *
+   * @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 describing why the current value is not valid.
+   * @param {TValue} value The value associated to the error.
+   */
+  onError: PropTypes.func,
+  /**
+   * Callback fired on month change.
+   * @template TDate
+   * @param {TDate} month The new month.
+   */
+  onMonthChange: PropTypes.func,
+  /**
+   * Callback fired when the popup requests to be opened.
+   * Use in controlled mode (see `open`).
+   */
+  onOpen: PropTypes.func,
+  /**
+   * Callback fired when the range position changes.
+   * @param {RangePosition} rangePosition The new range position.
+   */
+  onRangePositionChange: PropTypes.func,
+  /**
+   * Callback fired when the selected sections change.
+   * @param {FieldSelectedSections} newValue The new selected sections.
+   */
+  onSelectedSectionsChange: PropTypes.func,
+  /**
+   * Control the popup or dialog open state.
+   * @default false
+   */
+  open: PropTypes.bool,
+  /**
+   * The position in the currently edited date range.
+   * Used when the component position is controlled.
+   */
+  rangePosition: PropTypes.oneOf(['end', 'start']),
+  readOnly: PropTypes.bool,
+  /**
+   * Disable heavy animations.
+   * @default typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent)
+   */
+  reduceAnimations: PropTypes.bool,
+  /**
+   * Component displaying when passed `loading` true.
+   * @returns {React.ReactNode} The node to render when loading.
+   * @default () => "..."
+   */
+  renderLoading: PropTypes.func,
+  /**
+   * 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 date.
+   * @template TDate
+   * @param {TDate} day The date to test.
+   * @param {string} position The date to test, 'start' or 'end'.
+   * @returns {boolean} Returns `true` if the date should be disabled.
+   */
+  shouldDisableDate: PropTypes.func,
+  /**
+   * If `true`, days outside the current month are rendered:
+   *
+   * - if `fixedWeekNumber` is defined, renders days to have the weeks requested.
+   *
+   * - if `fixedWeekNumber` is not defined, renders day to fill the first and last week of the current month.
+   *
+   * - ignored if `calendars` equals more than `1` on range pickers.
+   * @default false
+   */
+  showDaysOutsideCurrentMonth: PropTypes.bool,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: PropTypes.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: PropTypes.object,
+  /**
+   * The system prop that 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,
+  /**
+   * The selected value.
+   * Used when the component is controlled.
+   */
+  value: PropTypes.arrayOf(PropTypes.any),
+  /**
+   * Define custom view renderers for each section.
+   * If `null`, the section will only have field editing.
+   * If `undefined`, internally defined view will be the used.
+   */
+  viewRenderers: PropTypes.shape({
+    day: PropTypes.func
+  })
+};
+export { DateRangePicker };

package/es/DateRangePicker/DateRangePicker.types.d.ts

@@ -0,0 +1,38 @@
+import { UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
+import { DesktopDateRangePickerProps, DesktopDateRangePickerSlotsComponent, DesktopDateRangePickerSlotsComponentsProps } from '../DesktopDateRangePicker';
+import { MobileDateRangePickerProps, MobileDateRangePickerSlotsComponent, MobileDateRangePickerSlotsComponentsProps } from '../MobileDateRangePicker';
+export interface DateRangePickerSlotsComponents<TDate> extends DesktopDateRangePickerSlotsComponent<TDate>, MobileDateRangePickerSlotsComponent<TDate> {
+}
+export interface DateRangePickerSlotsComponentsProps<TDate> extends DesktopDateRangePickerSlotsComponentsProps<TDate>, MobileDateRangePickerSlotsComponentsProps<TDate> {
+}
+export interface DateRangePickerProps<TDate> extends DesktopDateRangePickerProps<TDate>, MobileDateRangePickerProps<TDate> {
+    /**
+     * CSS media query when `Mobile` mode will be changed to `Desktop`.
+     * @default '@media (pointer: fine)'
+     * @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
+     */
+    desktopModeMediaQuery?: string;
+    /**
+     * Overridable components.
+     * @default {}
+     * @deprecated Please use `slots`.
+     */
+    components?: DateRangePickerSlotsComponents<TDate>;
+    /**
+     * The props used for each component slot.
+     * @default {}
+     * @deprecated Please use `slotProps`.
+     */
+    componentsProps?: DateRangePickerSlotsComponentsProps<TDate>;
+    /**
+     * Overridable component slots.
+     * @default {}
+     */
+    slots?: UncapitalizeObjectKeys<DateRangePickerSlotsComponents<TDate>>;
+    /**
+     * The props used for each component slot.
+     * @default {}
+     */
+    slotProps?: DateRangePickerSlotsComponentsProps<TDate>;
+}
+//# sourceMappingURL=DateRangePicker.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.types.d.ts","sourceRoot":"","sources":["DateRangePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EACL,2BAA2B,EAC3B,oCAAoC,EACpC,0CAA0C,EAC3C,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,0BAA0B,EAC1B,mCAAmC,EACnC,yCAAyC,EAC1C,MAAM,0BAA0B,CAAC;AAElC,MAAM,WAAW,8BAA8B,CAAC,KAAK,CACnD,SAAQ,oCAAoC,CAAC,KAAK,CAAC,EACjD,mCAAmC,CAAC,KAAK,CAAC;CAAG;AAEjD,MAAM,WAAW,mCAAmC,CAAC,KAAK,CACxD,SAAQ,0CAA0C,CAAC,KAAK,CAAC,EACvD,yCAAyC,CAAC,KAAK,CAAC;CAAG;AAEvD,MAAM,WAAW,oBAAoB,CAAC,KAAK,CACzC,SAAQ,2BAA2B,CAAC,KAAK,CAAC,EACxC,0BAA0B,CAAC,KAAK,CAAC;IACnC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;;;OAIG;IACH,UAAU,CAAC,EAAE,8BAA8B,CAAC,KAAK,CAAC,CAAC;IACnD;;;;OAIG;IACH,eAAe,CAAC,EAAE,mCAAmC,CAAC,KAAK,CAAC,CAAC;IAC7D;;;OAGG;IACH,KAAK,CAAC,EAAE,sBAAsB,CAAC,8BAA8B,CAAC,KAAK,CAAC,CAAC,CAAC;IACtE;;;OAGG;IACH,SAAS,CAAC,EAAE,mCAAmC,CAAC,KAAK,CAAC,CAAC;CACxD"}

package/es/DateRangePicker/DateRangePicker.types.js

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

package/es/DateRangePicker/DateRangePickerToolbar.d.ts

@@ -0,0 +1,12 @@
+import { BaseToolbarProps, ExportedBaseToolbarProps } from '@mui/x-date-pickers/internals';
+import { DateRange } from '../internals/models';
+import { UseRangePositionResponse } from '../internals/hooks/useRangePosition';
+import { DateRangePickerToolbarClasses } from './dateRangePickerToolbarClasses';
+export interface DateRangePickerToolbarProps<TDate> extends Omit<BaseToolbarProps<DateRange<TDate>, 'day'>, 'views' | 'view' | 'onViewChange' | 'onChange' | 'isLandscape'>, Pick<UseRangePositionResponse, 'rangePosition' | 'onRangePositionChange'> {
+    classes?: Partial<DateRangePickerToolbarClasses>;
+}
+export interface ExportedDateRangePickerToolbarProps extends ExportedBaseToolbarProps {
+}
+declare const DateRangePickerToolbar: any;
+export { DateRangePickerToolbar };
+//# sourceMappingURL=DateRangePickerToolbar.d.ts.map

package/es/DateRangePicker/DateRangePickerToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePickerToolbar.d.ts","sourceRoot":"","sources":["DateRangePickerToolbar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAIL,gBAAgB,EAEhB,wBAAwB,EACzB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAC/E,OAAO,EACL,6BAA6B,EAE9B,MAAM,iCAAiC,CAAC;AAYzC,MAAM,WAAW,2BAA2B,CAAC,KAAK,CAChD,SAAQ,IAAI,CACR,gBAAgB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EACzC,OAAO,GAAG,MAAM,GAAG,cAAc,GAAG,UAAU,GAAG,aAAa,CAC/D,EACD,IAAI,CAAC,wBAAwB,EAAE,eAAe,GAAG,uBAAuB,CAAC;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC,6BAA6B,CAAC,CAAC;CAClD;AAED,MAAM,WAAW,mCAAoC,SAAQ,wBAAwB;CAAG;AAkBxF,QAAA,MAAM,sBAAsB,KAsD1B,CAAC;AAkCH,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/es/DateRangePicker/DateRangePickerToolbar.js

@@ -0,0 +1,119 @@
+var _excluded = ["value", "rangePosition", "onRangePositionChange", "toolbarFormat", "className"];
+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); }
+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 _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 PropTypes from 'prop-types';
+import clsx from 'clsx';
+import Typography from '@mui/material/Typography';
+import { styled, useThemeProps } from '@mui/material/styles';
+import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import { PickersToolbar, PickersToolbarButton, useUtils, useLocaleText } from '@mui/x-date-pickers/internals';
+import { getDateRangePickerToolbarUtilityClass } from "./dateRangePickerToolbarClasses";
+var useUtilityClasses = function useUtilityClasses(ownerState) {
+  var classes = ownerState.classes;
+  var slots = {
+    root: ['root'],
+    container: ['container']
+  };
+  return composeClasses(slots, getDateRangePickerToolbarUtilityClass, classes);
+};
+var DateRangePickerToolbarRoot = styled(PickersToolbar, {
+  name: 'MuiDateRangePickerToolbar',
+  slot: 'Root',
+  overridesResolver: function overridesResolver(_, styles) {
+    return styles.root;
+  }
+})({});
+var DateRangePickerToolbarContainer = styled('div', {
+  name: 'MuiDateRangePickerToolbar',
+  slot: 'Container',
+  overridesResolver: function overridesResolver(_, styles) {
+    return styles.container;
+  }
+})({
+  display: 'flex'
+});
+var DateRangePickerToolbar = /*#__PURE__*/React.forwardRef(function DateRangePickerToolbar(inProps, ref) {
+  var utils = useUtils();
+  var props = useThemeProps({
+    props: inProps,
+    name: 'MuiDateRangePickerToolbar'
+  });
+  var _props$value = _slicedToArray(props.value, 2),
+    start = _props$value[0],
+    end = _props$value[1],
+    rangePosition = props.rangePosition,
+    onRangePositionChange = props.onRangePositionChange,
+    toolbarFormat = props.toolbarFormat,
+    className = props.className,
+    other = _objectWithoutProperties(props, _excluded);
+  var localeText = useLocaleText();
+  var startDateValue = start ? utils.formatByString(start, toolbarFormat || utils.formats.shortDate) : localeText.start;
+  var endDateValue = end ? utils.formatByString(end, toolbarFormat || utils.formats.shortDate) : localeText.end;
+  var ownerState = props;
+  var classes = useUtilityClasses(ownerState);
+  return /*#__PURE__*/React.createElement(DateRangePickerToolbarRoot, _extends({}, other, {
+    toolbarTitle: localeText.dateRangePickerToolbarTitle,
+    isLandscape: false,
+    className: clsx(className, classes.root),
+    ownerState: ownerState,
+    ref: ref
+  }), /*#__PURE__*/React.createElement(DateRangePickerToolbarContainer, {
+    className: classes.container
+  }, /*#__PURE__*/React.createElement(PickersToolbarButton, {
+    variant: start !== null ? 'h5' : 'h6',
+    value: startDateValue,
+    selected: rangePosition === 'start',
+    onClick: function onClick() {
+      return onRangePositionChange('start');
+    }
+  }), /*#__PURE__*/React.createElement(Typography, {
+    variant: "h5"
+  }, "\xA0", '–', "\xA0"), /*#__PURE__*/React.createElement(PickersToolbarButton, {
+    variant: end !== null ? 'h5' : 'h6',
+    value: endDateValue,
+    selected: rangePosition === 'end',
+    onClick: function onClick() {
+      return onRangePositionChange('end');
+    }
+  })));
+});
+DateRangePickerToolbar.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  classes: PropTypes.object,
+  /**
+   * className applied to the root component.
+   */
+  className: PropTypes.string,
+  disabled: PropTypes.bool,
+  /**
+   * If `true`, show the toolbar even in desktop mode.
+   * @default `true` for Desktop, `false` for Mobile.
+   */
+  hidden: PropTypes.bool,
+  onRangePositionChange: PropTypes.func.isRequired,
+  rangePosition: PropTypes.oneOf(['end', 'start']).isRequired,
+  readOnly: PropTypes.bool,
+  titleId: PropTypes.string,
+  /**
+   * Toolbar date format.
+   */
+  toolbarFormat: PropTypes.string,
+  /**
+   * Toolbar value placeholder—it is displayed when the value is empty.
+   * @default "––"
+   */
+  toolbarPlaceholder: PropTypes.node,
+  value: PropTypes.arrayOf(PropTypes.any).isRequired
+};
+export { DateRangePickerToolbar };

package/es/DateRangePicker/dateRangePickerToolbarClasses.d.ts

@@ -0,0 +1,10 @@
+export interface DateRangePickerToolbarClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the container element. */
+    container: string;
+}
+export declare type DateRangePickerToolbarClassKey = keyof DateRangePickerToolbarClasses;
+export declare function getDateRangePickerToolbarUtilityClass(slot: string): string;
+export declare const dateRangePickerToolbarClasses: DateRangePickerToolbarClasses;
+//# sourceMappingURL=dateRangePickerToolbarClasses.d.ts.map

package/es/DateRangePicker/dateRangePickerToolbarClasses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateRangePickerToolbarClasses.d.ts","sourceRoot":"","sources":["dateRangePickerToolbarClasses.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,6BAA6B;IAC5C,0CAA0C;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,oBAAY,8BAA8B,GAAG,MAAM,6BAA6B,CAAC;AAEjF,wBAAgB,qCAAqC,CAAC,IAAI,EAAE,MAAM,UAEjE;AAED,eAAO,MAAM,6BAA6B,EAAE,6BAG3C,CAAC"}

package/es/DateRangePicker/dateRangePickerToolbarClasses.js

@@ -0,0 +1,5 @@
+import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+export function getDateRangePickerToolbarUtilityClass(slot) {
+  return generateUtilityClass('MuiDateRangePickerToolbar', slot);
+}
+export var dateRangePickerToolbarClasses = generateUtilityClasses('MuiDateRangePickerToolbar', ['root', 'container']);

package/es/DateRangePicker/index.d.ts

@@ -0,0 +1,7 @@
+export { DateRangePicker } from './DateRangePicker';
+export type { DateRangePickerProps, DateRangePickerSlotsComponents, DateRangePickerSlotsComponentsProps, } from './DateRangePicker.types';
+export { DateRangePickerToolbar } from './DateRangePickerToolbar';
+export type { DateRangePickerToolbarProps } from './DateRangePickerToolbar';
+export { getDateRangePickerToolbarUtilityClass, dateRangePickerToolbarClasses, } from './dateRangePickerToolbarClasses';
+export type { DateRangePickerToolbarClasses, DateRangePickerToolbarClassKey, } from './dateRangePickerToolbarClasses';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACV,oBAAoB,EACpB,8BAA8B,EAC9B,mCAAmC,GACpC,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EACL,qCAAqC,EACrC,6BAA6B,GAC9B,MAAM,iCAAiC,CAAC;AACzC,YAAY,EACV,6BAA6B,EAC7B,8BAA8B,GAC/B,MAAM,iCAAiC,CAAC"}

package/es/DateRangePicker/index.js

@@ -0,0 +1,3 @@
+export { DateRangePicker } from "./DateRangePicker";
+export { DateRangePickerToolbar } from "./DateRangePickerToolbar";
+export { getDateRangePickerToolbarUtilityClass, dateRangePickerToolbarClasses } from "./dateRangePickerToolbarClasses";

package/es/DateRangePicker/shared.d.ts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { LocalizedComponent } from '@mui/x-date-pickers/locales';
+import { DefaultizedProps, BaseDateValidationProps, BasePickerInputProps, PickerViewRendererLookup, UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
+import { DateRangeValidationError } from '../models';
+import { DateRange } from '../internals/models';
+import { DateRangeCalendarSlotsComponent, DateRangeCalendarSlotsComponentsProps, ExportedDateRangeCalendarProps } from '../DateRangeCalendar';
+import { DateRangePickerToolbarProps, ExportedDateRangePickerToolbarProps } from './DateRangePickerToolbar';
+import { DateRangeViewRendererProps } from '../dateRangeViewRenderers';
+export interface BaseDateRangePickerSlotsComponent<TDate> extends DateRangeCalendarSlotsComponent<TDate> {
+    /**
+     * Custom component for the toolbar rendered above the views.
+     * @default DateTimePickerToolbar
+     */
+    Toolbar?: React.JSXElementConstructor<DateRangePickerToolbarProps<TDate>>;
+}
+export interface BaseDateRangePickerSlotsComponentsProps<TDate> extends DateRangeCalendarSlotsComponentsProps<TDate> {
+    toolbar?: ExportedDateRangePickerToolbarProps;
+}
+export interface BaseDateRangePickerProps<TDate> extends Omit<BasePickerInputProps<DateRange<TDate>, TDate, 'day', DateRangeValidationError>, 'view' | 'views' | 'openTo' | 'onViewChange' | 'orientation'>, ExportedDateRangeCalendarProps<TDate>, BaseDateValidationProps<TDate> {
+    /**
+     * Overridable components.
+     * @default {}
+     * @deprecated Please use `slots`.
+     */
+    components?: BaseDateRangePickerSlotsComponent<TDate>;
+    /**
+     * The props used for each component slot.
+     * @default {}
+     * @deprecated Please use `slotProps`.
+     */
+    componentsProps?: BaseDateRangePickerSlotsComponentsProps<TDate>;
+    /**
+     * Overridable component slots.
+     * @default {}
+     */
+    slots?: UncapitalizeObjectKeys<BaseDateRangePickerSlotsComponent<TDate>>;
+    /**
+     * The props used for each component slot.
+     * @default {}
+     */
+    slotProps?: BaseDateRangePickerSlotsComponentsProps<TDate>;
+    /**
+     * Define custom view renderers for each section.
+     * If `null`, the section will only have field editing.
+     * If `undefined`, internally defined view will be the used.
+     */
+    viewRenderers?: Partial<PickerViewRendererLookup<DateRange<TDate>, 'day', DateRangeViewRendererProps<TDate, 'day'>, {}>>;
+}
+declare type UseDateRangePickerDefaultizedProps<TDate, Props extends BaseDateRangePickerProps<TDate>> = LocalizedComponent<TDate, DefaultizedProps<Props, keyof BaseDateValidationProps<TDate>>>;
+export declare function useDateRangePickerDefaultizedProps<TDate, Props extends BaseDateRangePickerProps<TDate>>(props: Props, name: string): UseDateRangePickerDefaultizedProps<TDate, Omit<Props, 'components' | 'componentsProps'>>;
+export {};
+//# sourceMappingURL=shared.d.ts.map

package/es/DateRangePicker/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["shared.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAA0B,MAAM,6BAA6B,CAAC;AACzF,OAAO,EACL,gBAAgB,EAIhB,uBAAuB,EACvB,oBAAoB,EACpB,wBAAwB,EACxB,sBAAsB,EAEvB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EACL,+BAA+B,EAC/B,qCAAqC,EACrC,8BAA8B,EAC/B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAEL,2BAA2B,EAC3B,mCAAmC,EACpC,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAEvE,MAAM,WAAW,iCAAiC,CAAC,KAAK,CACtD,SAAQ,+BAA+B,CAAC,KAAK,CAAC;IAC9C;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,2BAA2B,CAAC,KAAK,CAAC,CAAC,CAAC;CAC3E;AAED,MAAM,WAAW,uCAAuC,CAAC,KAAK,CAC5D,SAAQ,qCAAqC,CAAC,KAAK,CAAC;IACpD,OAAO,CAAC,EAAE,mCAAmC,CAAC;CAC/C;AAED,MAAM,WAAW,wBAAwB,CAAC,KAAK,CAC7C,SAAQ,IAAI,CACR,oBAAoB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,wBAAwB,CAAC,EAC9E,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,aAAa,CAC7D,EACD,8BAA8B,CAAC,KAAK,CAAC,EACrC,uBAAuB,CAAC,KAAK,CAAC;IAChC;;;;OAIG;IACH,UAAU,CAAC,EAAE,iCAAiC,CAAC,KAAK,CAAC,CAAC;IACtD;;;;OAIG;IACH,eAAe,CAAC,EAAE,uCAAuC,CAAC,KAAK,CAAC,CAAC;IACjE;;;OAGG;IACH,KAAK,CAAC,EAAE,sBAAsB,CAAC,iCAAiC,CAAC,KAAK,CAAC,CAAC,CAAC;IACzE;;;OAGG;IACH,SAAS,CAAC,EAAE,uCAAuC,CAAC,KAAK,CAAC,CAAC;IAC3D;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CACrB,wBAAwB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,0BAA0B,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAChG,CAAC;CACH;AAED,aAAK,kCAAkC,CACrC,KAAK,EACL,KAAK,SAAS,wBAAwB,CAAC,KAAK,CAAC,IAC3C,kBAAkB,CAAC,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAE,MAAM,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAE7F,wBAAgB,kCAAkC,CAChD,KAAK,EACL,KAAK,SAAS,wBAAwB,CAAC,KAAK,CAAC,EAE7C,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,MAAM,GACX,kCAAkC,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,YAAY,GAAG,iBAAiB,CAAC,CAAC,CAgC1F"}