@pisell/date-picker 1.0.0

package/lib/DateRangePicker/DateRangePicker.js

@@ -0,0 +1,372 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/DateRangePicker/DateRangePicker.tsx
+var DateRangePicker_exports = {};
+__export(DateRangePicker_exports, {
+  DateRangePicker: () => DateRangePicker
+});
+module.exports = __toCommonJS(DateRangePicker_exports);
+var React = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_useMediaQuery = __toESM(require("@mui/material/useMediaQuery"));
+var import_styles = require("@mui/material/styles");
+var import_DesktopDateRangePicker = require("../DesktopDateRangePicker");
+var import_MobileDateRangePicker = require("../MobileDateRangePicker");
+var DateRangePicker = React.forwardRef(function DateRangePicker2(inProps, ref) {
+  const props = (0, import_styles.useThemeProps)({ props: inProps, name: "MuiDateRangePicker" });
+  const { desktopModeMediaQuery = "@media (pointer: fine)", ...other } = props;
+  const isDesktop = (0, import_useMediaQuery.default)(desktopModeMediaQuery, { defaultMatches: true });
+  if (isDesktop) {
+    return /* @__PURE__ */ React.createElement(import_DesktopDateRangePicker.DesktopDateRangePicker, { ref, ...other });
+  }
+  return /* @__PURE__ */ React.createElement(import_MobileDateRangePicker.MobileDateRangePicker, { 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: import_prop_types.default.bool,
+  /**
+   * The number of calendars to render on **desktop**.
+   * @default 2
+   */
+  calendars: import_prop_types.default.oneOf([1, 2, 3]),
+  /**
+   * Class name applied to the root element.
+   */
+  className: import_prop_types.default.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: import_prop_types.default.bool,
+  /**
+   * Overridable components.
+   * @default {}
+   * @deprecated Please use `slots`.
+   */
+  components: import_prop_types.default.object,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   * @deprecated Please use `slotProps`.
+   */
+  componentsProps: import_prop_types.default.object,
+  /**
+   * Position the current month is rendered in.
+   * @default 1
+   */
+  currentMonthCalendarPosition: import_prop_types.default.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: import_prop_types.default.func,
+  /**
+   * Default calendar month displayed when `value={[null, null]}`.
+   */
+  defaultCalendarMonth: import_prop_types.default.any,
+  /**
+   * The initial position in the edited date range.
+   * Used when the component is not controlled.
+   * @default 'start'
+   */
+  defaultRangePosition: import_prop_types.default.oneOf(["end", "start"]),
+  /**
+   * The default value.
+   * Used when the component is not controlled.
+   */
+  defaultValue: import_prop_types.default.arrayOf(import_prop_types.default.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: import_prop_types.default.string,
+  /**
+   * If `true`, after selecting `start` date calendar will not automatically switch to the month of `end` date.
+   * @default false
+   */
+  disableAutoMonthSwitching: import_prop_types.default.bool,
+  /**
+   * If `true`, the picker and text field are disabled.
+   * @default false
+   */
+  disabled: import_prop_types.default.bool,
+  /**
+   * If `true`, editing dates by dragging is disabled.
+   * @default false
+   */
+  disableDragEditing: import_prop_types.default.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: import_prop_types.default.bool,
+  /**
+   * If `true`, today's date is rendering without highlighting with circle.
+   * @default false
+   */
+  disableHighlightToday: import_prop_types.default.bool,
+  /**
+   * If `true`, the open picker button will not be rendered (renders only the field).
+   * @default false
+   */
+  disableOpenPicker: import_prop_types.default.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: import_prop_types.default.bool,
+  /**
+   * If `true`, the week number will be display in the calendar.
+   */
+  displayWeekNumber: import_prop_types.default.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: import_prop_types.default.number,
+  /**
+   * Format of the date when rendered in the input(s).
+   * Defaults to localized format based on the used `views`.
+   */
+  format: import_prop_types.default.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: import_prop_types.default.oneOf(["dense", "spacious"]),
+  /**
+   * Pass a ref to the `input` element.
+   * Ignored if the field has several inputs.
+   */
+  inputRef: import_prop_types.default.oneOfType([
+    import_prop_types.default.func,
+    import_prop_types.default.shape({
+      current: import_prop_types.default.object
+    })
+  ]),
+  /**
+   * The label content.
+   * Ignored if the field has several inputs.
+   */
+  label: import_prop_types.default.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: import_prop_types.default.bool,
+  /**
+   * Locale for components texts.
+   * Allows overriding texts coming from `LocalizationProvider` and `theme`.
+   */
+  localeText: import_prop_types.default.object,
+  /**
+   * Maximal selectable date.
+   */
+  maxDate: import_prop_types.default.any,
+  /**
+   * Minimal selectable date.
+   */
+  minDate: import_prop_types.default.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: import_prop_types.default.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: import_prop_types.default.func,
+  /**
+   * Callback fired when the popup requests to be closed.
+   * Use in controlled mode (see `open`).
+   */
+  onClose: import_prop_types.default.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: import_prop_types.default.func,
+  /**
+   * Callback fired on month change.
+   * @template TDate
+   * @param {TDate} month The new month.
+   */
+  onMonthChange: import_prop_types.default.func,
+  /**
+   * Callback fired when the popup requests to be opened.
+   * Use in controlled mode (see `open`).
+   */
+  onOpen: import_prop_types.default.func,
+  /**
+   * Callback fired when the range position changes.
+   * @param {RangePosition} rangePosition The new range position.
+   */
+  onRangePositionChange: import_prop_types.default.func,
+  /**
+   * Callback fired when the selected sections change.
+   * @param {FieldSelectedSections} newValue The new selected sections.
+   */
+  onSelectedSectionsChange: import_prop_types.default.func,
+  /**
+   * Control the popup or dialog open state.
+   * @default false
+   */
+  open: import_prop_types.default.bool,
+  /**
+   * The position in the currently edited date range.
+   * Used when the component position is controlled.
+   */
+  rangePosition: import_prop_types.default.oneOf(["end", "start"]),
+  readOnly: import_prop_types.default.bool,
+  /**
+   * Disable heavy animations.
+   * @default typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent)
+   */
+  reduceAnimations: import_prop_types.default.bool,
+  /**
+   * Component displaying when passed `loading` true.
+   * @returns {React.ReactNode} The node to render when loading.
+   * @default () => "..."
+   */
+  renderLoading: import_prop_types.default.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: import_prop_types.default.oneOfType([
+    import_prop_types.default.oneOf([
+      "all",
+      "day",
+      "hours",
+      "meridiem",
+      "minutes",
+      "month",
+      "seconds",
+      "weekDay",
+      "year"
+    ]),
+    import_prop_types.default.number,
+    import_prop_types.default.shape({
+      endIndex: import_prop_types.default.number.isRequired,
+      startIndex: import_prop_types.default.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: import_prop_types.default.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: import_prop_types.default.bool,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: import_prop_types.default.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: import_prop_types.default.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: import_prop_types.default.oneOfType([
+    import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object, import_prop_types.default.bool])),
+    import_prop_types.default.func,
+    import_prop_types.default.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: import_prop_types.default.string,
+  /**
+   * The selected value.
+   * Used when the component is controlled.
+   */
+  value: import_prop_types.default.arrayOf(import_prop_types.default.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: import_prop_types.default.shape({
+    day: import_prop_types.default.func
+  })
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DateRangePicker
+});

package/lib/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/lib/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/lib/DateRangePicker/DateRangePicker.types.js

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

package/lib/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/lib/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/lib/DateRangePicker/DateRangePickerToolbar.js

@@ -0,0 +1,142 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/DateRangePicker/DateRangePickerToolbar.tsx
+var DateRangePickerToolbar_exports = {};
+__export(DateRangePickerToolbar_exports, {
+  DateRangePickerToolbar: () => DateRangePickerToolbar
+});
+module.exports = __toCommonJS(DateRangePickerToolbar_exports);
+var React = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_clsx = __toESM(require("clsx"));
+var import_Typography = __toESM(require("@mui/material/Typography"));
+var import_styles = require("@mui/material/styles");
+var import_utils = require("@mui/utils");
+var import_internals = require("@mui/x-date-pickers/internals");
+var import_dateRangePickerToolbarClasses = require("./dateRangePickerToolbarClasses");
+var useUtilityClasses = (ownerState) => {
+  const { classes } = ownerState;
+  const slots = {
+    root: ["root"],
+    container: ["container"]
+  };
+  return (0, import_utils.unstable_composeClasses)(slots, import_dateRangePickerToolbarClasses.getDateRangePickerToolbarUtilityClass, classes);
+};
+var DateRangePickerToolbarRoot = (0, import_styles.styled)(import_internals.PickersToolbar, {
+  name: "MuiDateRangePickerToolbar",
+  slot: "Root",
+  overridesResolver: (_, styles) => styles.root
+})({});
+var DateRangePickerToolbarContainer = (0, import_styles.styled)("div", {
+  name: "MuiDateRangePickerToolbar",
+  slot: "Container",
+  overridesResolver: (_, styles) => styles.container
+})({
+  display: "flex"
+});
+var DateRangePickerToolbar = React.forwardRef(function DateRangePickerToolbar2(inProps, ref) {
+  const utils = (0, import_internals.useUtils)();
+  const props = (0, import_styles.useThemeProps)({ props: inProps, name: "MuiDateRangePickerToolbar" });
+  const {
+    value: [start, end],
+    rangePosition,
+    onRangePositionChange,
+    toolbarFormat,
+    className,
+    ...other
+  } = props;
+  const localeText = (0, import_internals.useLocaleText)();
+  const startDateValue = start ? utils.formatByString(start, toolbarFormat || utils.formats.shortDate) : localeText.start;
+  const endDateValue = end ? utils.formatByString(end, toolbarFormat || utils.formats.shortDate) : localeText.end;
+  const ownerState = props;
+  const classes = useUtilityClasses(ownerState);
+  return /* @__PURE__ */ React.createElement(
+    DateRangePickerToolbarRoot,
+    {
+      ...other,
+      toolbarTitle: localeText.dateRangePickerToolbarTitle,
+      isLandscape: false,
+      className: (0, import_clsx.default)(className, classes.root),
+      ownerState,
+      ref
+    },
+    /* @__PURE__ */ React.createElement(DateRangePickerToolbarContainer, { className: classes.container }, /* @__PURE__ */ React.createElement(
+      import_internals.PickersToolbarButton,
+      {
+        variant: start !== null ? "h5" : "h6",
+        value: startDateValue,
+        selected: rangePosition === "start",
+        onClick: () => onRangePositionChange("start")
+      }
+    ), /* @__PURE__ */ React.createElement(import_Typography.default, { variant: "h5" }, " ", "–", " "), /* @__PURE__ */ React.createElement(
+      import_internals.PickersToolbarButton,
+      {
+        variant: end !== null ? "h5" : "h6",
+        value: endDateValue,
+        selected: rangePosition === "end",
+        onClick: () => 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: import_prop_types.default.object,
+  /**
+   * className applied to the root component.
+   */
+  className: import_prop_types.default.string,
+  disabled: import_prop_types.default.bool,
+  /**
+   * If `true`, show the toolbar even in desktop mode.
+   * @default `true` for Desktop, `false` for Mobile.
+   */
+  hidden: import_prop_types.default.bool,
+  onRangePositionChange: import_prop_types.default.func.isRequired,
+  rangePosition: import_prop_types.default.oneOf(["end", "start"]).isRequired,
+  readOnly: import_prop_types.default.bool,
+  titleId: import_prop_types.default.string,
+  /**
+   * Toolbar date format.
+   */
+  toolbarFormat: import_prop_types.default.string,
+  /**
+   * Toolbar value placeholder—it is displayed when the value is empty.
+   * @default "––"
+   */
+  toolbarPlaceholder: import_prop_types.default.node,
+  value: import_prop_types.default.arrayOf(import_prop_types.default.any).isRequired
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DateRangePickerToolbar
+});

package/lib/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/lib/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/lib/DateRangePicker/dateRangePickerToolbarClasses.js

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

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