@mui/x-date-pickers-pro 8.0.0-alpha.9 → 8.0.0-beta.1

package/DateRangePickerDay/DateRangePickerDay.types.d.ts

@@ -0,0 +1,91 @@
+import { PickerDayOwnerState, PickersDayProps } from '@mui/x-date-pickers/PickersDay';
+import { DateRangePickerDayClasses } from "./dateRangePickerDayClasses.js";
+export interface DateRangePickerDayProps extends Omit<PickersDayProps, 'classes' | 'onBlur' | 'onFocus' | 'onKeyDown'> {
+  /**
+   * Set to `true` if the `day` is in a highlighted date range.
+   */
+  isHighlighting: boolean;
+  /**
+   * Set to `true` if the `day` is the end of a highlighted date range.
+   */
+  isEndOfHighlighting: boolean;
+  /**
+   * Set to `true` if the `day` is the start of a highlighted date range.
+   */
+  isStartOfHighlighting: boolean;
+  /**
+   * Set to `true` if the `day` is in a preview date range.
+   */
+  isPreviewing: boolean;
+  /**
+   * Set to `true` if the `day` is the end of a previewing date range.
+   */
+  isEndOfPreviewing: boolean;
+  /**
+   * Set to `true` if the `day` is the start of a previewing date range.
+   */
+  isStartOfPreviewing: boolean;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<DateRangePickerDayClasses>;
+  /**
+   * Indicates if the day should be visually selected.
+   */
+  isVisuallySelected?: boolean;
+  /**
+   * If `true`, the day can be dragged to change the current date range.
+   * @default false
+   */
+  draggable?: boolean;
+}
+export interface DateRangePickerDayOwnerState extends PickerDayOwnerState {
+  /**
+   * Whether the day is the first day of the selected range.
+   */
+  isDaySelectionStart: boolean;
+  /**
+   * Whether the day is the last day of the selected range.
+   */
+  isDaySelectionEnd: boolean;
+  /**
+   * Whether the day is within the selected range and is not its first or last day.
+   */
+  isDayInsideSelection: boolean;
+  /**
+   * Whether the day is within the preview range.
+   */
+  isDayPreviewed: boolean;
+  /**
+   * Whether the day is the first day of the preview range.
+   */
+  isDayPreviewStart: boolean;
+  /**
+   * Whether the day is the last day of the preview range.
+   */
+  isDayPreviewEnd: boolean;
+  /**
+   * Whether the day is within the preview range and is not its first or last day.
+   */
+  isDayInsidePreview: boolean;
+  /**
+   * Whether the day is the first day of the month.
+   */
+  isDayStartOfMonth: boolean;
+  /**
+   * Whether the day is the last day of the month.
+   */
+  isDayEndOfMonth: boolean;
+  /**
+   * Whether the day is the first visible cell of the month it's being rendered in.
+   */
+  isDayFirstVisibleCell: boolean;
+  /**
+   * Whether the day is the last visible cell of the month it's being rendered in.
+   */
+  isDayLastVisibleCell: boolean;
+  /**
+   * Whether the day is a filler day (its content is hidden).
+   */
+  isDayFillerCell: boolean;
+}

package/DateRangePickerDay/dateRangePickerDayClasses.d.ts

@@ -1,41 +1,41 @@
 export interface DateRangePickerDayClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `isHighlighting=true`. */
-    rangeIntervalDayHighlight: string;
-    /** Styles applied to the root element if `isStartOfHighlighting=true`. */
-    rangeIntervalDayHighlightStart: string;
-    /** Styles applied to the root element if `isEndOfHighlighting=true`. */
-    rangeIntervalDayHighlightEnd: string;
-    /** Styles applied to the preview element. */
-    rangeIntervalPreview: string;
-    /** Styles applied to the root element if `isPreviewing=true`. */
-    rangeIntervalDayPreview: string;
-    /** Styles applied to the root element if `isStartOfPreviewing=true`. */
-    rangeIntervalDayPreviewStart: string;
-    /** Styles applied to the root element if `isEndOfPreviewing=true`. */
-    rangeIntervalDayPreviewEnd: string;
-    /** Styles applied to the root element if `outsideCurrentMonth=true` */
-    outsideCurrentMonth: string;
-    /** Styles applied to the root element if `day` is the start of the month. */
-    startOfMonth: string;
-    /** Styles applied to the root element if `day` is the end of the month. */
-    endOfMonth: string;
-    /** Styles applied to the root element if `day` is the first visible cell of the month. */
-    firstVisibleCell: string;
-    /** Styles applied to the root element if `day` is the last visible cell of the month. */
-    lastVisibleCell: string;
-    /** Styles applied to the root element if it is an empty cell used to fill the week. */
-    hiddenDayFiller: string;
-    /** Styles applied to the day element. */
-    day: string;
-    /** Styles applied to the day element if `isHighlighting=false`. */
-    dayOutsideRangeInterval: string;
-    /** Styles applied to the day element if `selected=false` and `isHighlighting=true`. */
-    dayInsideRangeInterval: string;
-    /** Styles applied to the day element if `selected=false`. */
-    notSelectedDate: string;
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element if `isHighlighting=true`. */
+  rangeIntervalDayHighlight: string;
+  /** Styles applied to the root element if `isStartOfHighlighting=true`. */
+  rangeIntervalDayHighlightStart: string;
+  /** Styles applied to the root element if `isEndOfHighlighting=true`. */
+  rangeIntervalDayHighlightEnd: string;
+  /** Styles applied to the preview element. */
+  rangeIntervalPreview: string;
+  /** Styles applied to the root element if `isPreviewing=true`. */
+  rangeIntervalDayPreview: string;
+  /** Styles applied to the root element if `isStartOfPreviewing=true`. */
+  rangeIntervalDayPreviewStart: string;
+  /** Styles applied to the root element if `isEndOfPreviewing=true`. */
+  rangeIntervalDayPreviewEnd: string;
+  /** Styles applied to the root element if `outsideCurrentMonth=true` */
+  outsideCurrentMonth: string;
+  /** Styles applied to the root element if `day` is the start of the month. */
+  startOfMonth: string;
+  /** Styles applied to the root element if `day` is the end of the month. */
+  endOfMonth: string;
+  /** Styles applied to the root element if `day` is the first visible cell of the month. */
+  firstVisibleCell: string;
+  /** Styles applied to the root element if `day` is the last visible cell of the month. */
+  lastVisibleCell: string;
+  /** Styles applied to the root element if it is an empty cell used to fill the week. */
+  hiddenDayFiller: string;
+  /** Styles applied to the day element. */
+  day: string;
+  /** Styles applied to the day element if `isHighlighting=false`. */
+  dayOutsideRangeInterval: string;
+  /** Styles applied to the day element if `selected=false` and `isHighlighting=true`. */
+  dayInsideRangeInterval: string;
+  /** Styles applied to the day element if `selected=false`. */
+  notSelectedDate: string;
 }
 export type DateRangePickerDayClassKey = keyof DateRangePickerDayClasses;
 export declare function getDateRangePickerDayUtilityClass(slot: string): string;
-export declare const dateRangePickerDayClasses: DateRangePickerDayClasses;
+export declare const dateRangePickerDayClasses: DateRangePickerDayClasses;

package/DateRangePickerDay/dateRangePickerDayClasses.js

@@ -1,5 +1,12 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getDateRangePickerDayUtilityClass(slot) {
-  return generateUtilityClass('MuiDateRangePickerDay', slot);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dateRangePickerDayClasses = void 0;
+exports.getDateRangePickerDayUtilityClass = getDateRangePickerDayUtilityClass;
+var _utils = require("@mui/utils");
+function getDateRangePickerDayUtilityClass(slot) {
+  return (0, _utils.unstable_generateUtilityClass)('MuiDateRangePickerDay', slot);
 }
-export const dateRangePickerDayClasses = generateUtilityClasses('MuiDateRangePickerDay', ['root', 'rangeIntervalDayHighlight', 'rangeIntervalDayHighlightStart', 'rangeIntervalDayHighlightEnd', 'rangeIntervalPreview', 'rangeIntervalDayPreview', 'rangeIntervalDayPreviewStart', 'rangeIntervalDayPreviewEnd', 'outsideCurrentMonth', 'startOfMonth', 'endOfMonth', 'firstVisibleCell', 'lastVisibleCell', 'hiddenDayFiller', 'day', 'dayOutsideRangeInterval', 'dayInsideRangeInterval', 'notSelectedDate']);
+const dateRangePickerDayClasses = exports.dateRangePickerDayClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDateRangePickerDay', ['root', 'rangeIntervalDayHighlight', 'rangeIntervalDayHighlightStart', 'rangeIntervalDayHighlightEnd', 'rangeIntervalPreview', 'rangeIntervalDayPreview', 'rangeIntervalDayPreviewStart', 'rangeIntervalDayPreviewEnd', 'outsideCurrentMonth', 'startOfMonth', 'endOfMonth', 'firstVisibleCell', 'lastVisibleCell', 'hiddenDayFiller', 'day', 'dayOutsideRangeInterval', 'dayInsideRangeInterval', 'notSelectedDate']);

package/DateRangePickerDay/index.d.ts

@@ -1,4 +1,4 @@
-export { DateRangePickerDay } from './DateRangePickerDay';
-export type { DateRangePickerDayProps } from './DateRangePickerDay';
-export { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses, } from './dateRangePickerDayClasses';
-export type { DateRangePickerDayClasses, DateRangePickerDayClassKey, } from './dateRangePickerDayClasses';
+export { DateRangePickerDay } from "./DateRangePickerDay.js";
+export type { DateRangePickerDayProps, DateRangePickerDayOwnerState } from './DateRangePickerDay.types';
+export { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from "./dateRangePickerDayClasses.js";
+export type { DateRangePickerDayClasses, DateRangePickerDayClassKey } from './dateRangePickerDayClasses';

package/DateRangePickerDay/index.js

@@ -1,2 +1,25 @@
-export { DateRangePickerDay } from "./DateRangePickerDay.js";
-export { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from "./dateRangePickerDayClasses.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DateRangePickerDay", {
+  enumerable: true,
+  get: function () {
+    return _DateRangePickerDay.DateRangePickerDay;
+  }
+});
+Object.defineProperty(exports, "dateRangePickerDayClasses", {
+  enumerable: true,
+  get: function () {
+    return _dateRangePickerDayClasses.dateRangePickerDayClasses;
+  }
+});
+Object.defineProperty(exports, "getDateRangePickerDayUtilityClass", {
+  enumerable: true,
+  get: function () {
+    return _dateRangePickerDayClasses.getDateRangePickerDayUtilityClass;
+  }
+});
+var _DateRangePickerDay = require("./DateRangePickerDay");
+var _dateRangePickerDayClasses = require("./dateRangePickerDayClasses");

package/DateTimeRangePicker/DateTimeRangePicker.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { DateTimeRangePickerProps } from './DateTimeRangePicker.types';
+import { DateTimeRangePickerProps } from "./DateTimeRangePicker.types.js";
 type DateTimeRangePickerComponent = (<TEnableAccessibleFieldDOMStructure extends boolean = true>(props: DateTimeRangePickerProps<TEnableAccessibleFieldDOMStructure> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
-    propTypes?: any;
+  propTypes?: any;
 };
 /**
  * Demos:
@@ -14,4 +14,4 @@ type DateTimeRangePickerComponent = (<TEnableAccessibleFieldDOMStructure extends
  * - [DateTimeRangePicker API](https://mui.com/x/api/date-pickers/date-time-range-picker/)
  */
 declare const DateTimeRangePicker: DateTimeRangePickerComponent;
-export { DateTimeRangePicker };
+export { DateTimeRangePicker };