Added Statistics calculation

Statistics now show calculated values

node_modules/@mui/x-date-pickers/PickersCalendarHeader/PickersCalendarHeader.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { PickersCalendarHeaderProps } from "./PickersCalendarHeader.types.js";
+type PickersCalendarHeaderComponent = ((props: PickersCalendarHeaderProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
+  propTypes?: any;
+};
+/**
+ * Demos:
+ *
+ * - [DateCalendar](https://mui.com/x/react-date-pickers/date-calendar/)
+ * - [DateRangeCalendar](https://mui.com/x/react-date-pickers/date-range-calendar/)
+ * - [Custom slots and subcomponents](https://mui.com/x/react-date-pickers/custom-components/)
+ *
+ * API:
+ *
+ * - [PickersCalendarHeader API](https://mui.com/x/api/date-pickers/pickers-calendar-header/)
+ */
+declare const PickersCalendarHeader: PickersCalendarHeaderComponent;
+export { PickersCalendarHeader };

node_modules/@mui/x-date-pickers/PickersCalendarHeader/PickersCalendarHeader.js

@@ -0,0 +1,283 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PickersCalendarHeader = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _Fade = _interopRequireDefault(require("@mui/material/Fade"));
+var _styles = require("@mui/material/styles");
+var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _hooks = require("../hooks");
+var _PickersFadeTransitionGroup = require("../DateCalendar/PickersFadeTransitionGroup");
+var _icons = require("../icons");
+var _PickersArrowSwitcher = require("../internals/components/PickersArrowSwitcher");
+var _dateHelpersHooks = require("../internals/hooks/date-helpers-hooks");
+var _pickersCalendarHeaderClasses = require("./pickersCalendarHeaderClasses");
+var _usePickerPrivateContext = require("../internals/hooks/usePickerPrivateContext");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["slots", "slotProps", "currentMonth", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onMonthChange", "onViewChange", "view", "reduceAnimations", "views", "labelId", "className", "classes", "timezone", "format"],
+  _excluded2 = ["ownerState"];
+const useUtilityClasses = classes => {
+  const slots = {
+    root: ['root'],
+    labelContainer: ['labelContainer'],
+    label: ['label'],
+    switchViewButton: ['switchViewButton'],
+    switchViewIcon: ['switchViewIcon']
+  };
+  return (0, _composeClasses.default)(slots, _pickersCalendarHeaderClasses.getPickersCalendarHeaderUtilityClass, classes);
+};
+const PickersCalendarHeaderRoot = (0, _styles.styled)('div', {
+  name: 'MuiPickersCalendarHeader',
+  slot: 'Root'
+})({
+  display: 'flex',
+  alignItems: 'center',
+  marginTop: 12,
+  marginBottom: 4,
+  paddingLeft: 24,
+  paddingRight: 12,
+  // prevent jumping in safari
+  maxHeight: 40,
+  minHeight: 40
+});
+const PickersCalendarHeaderLabelContainer = (0, _styles.styled)('div', {
+  name: 'MuiPickersCalendarHeader',
+  slot: 'LabelContainer'
+})(({
+  theme
+}) => (0, _extends2.default)({
+  display: 'flex',
+  overflow: 'hidden',
+  alignItems: 'center',
+  cursor: 'pointer',
+  marginRight: 'auto'
+}, theme.typography.body1, {
+  fontWeight: theme.typography.fontWeightMedium
+}));
+const PickersCalendarHeaderLabel = (0, _styles.styled)('div', {
+  name: 'MuiPickersCalendarHeader',
+  slot: 'Label'
+})({
+  marginRight: 6
+});
+const PickersCalendarHeaderSwitchViewButton = (0, _styles.styled)(_IconButton.default, {
+  name: 'MuiPickersCalendarHeader',
+  slot: 'SwitchViewButton'
+})({
+  marginRight: 'auto',
+  variants: [{
+    props: {
+      view: 'year'
+    },
+    style: {
+      [`.${_pickersCalendarHeaderClasses.pickersCalendarHeaderClasses.switchViewIcon}`]: {
+        transform: 'rotate(180deg)'
+      }
+    }
+  }]
+});
+const PickersCalendarHeaderSwitchViewIcon = (0, _styles.styled)(_icons.ArrowDropDownIcon, {
+  name: 'MuiPickersCalendarHeader',
+  slot: 'SwitchViewIcon'
+})(({
+  theme
+}) => ({
+  willChange: 'transform',
+  transition: theme.transitions.create('transform'),
+  transform: 'rotate(0deg)'
+}));
+/**
+ * Demos:
+ *
+ * - [DateCalendar](https://mui.com/x/react-date-pickers/date-calendar/)
+ * - [DateRangeCalendar](https://mui.com/x/react-date-pickers/date-range-calendar/)
+ * - [Custom slots and subcomponents](https://mui.com/x/react-date-pickers/custom-components/)
+ *
+ * API:
+ *
+ * - [PickersCalendarHeader API](https://mui.com/x/api/date-pickers/pickers-calendar-header/)
+ */
+const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCalendarHeader(inProps, ref) {
+  const translations = (0, _hooks.usePickerTranslations)();
+  const adapter = (0, _hooks.usePickerAdapter)();
+  const props = (0, _styles.useThemeProps)({
+    props: inProps,
+    name: 'MuiPickersCalendarHeader'
+  });
+  const {
+      slots,
+      slotProps,
+      currentMonth: month,
+      disabled,
+      disableFuture,
+      disablePast,
+      maxDate,
+      minDate,
+      onMonthChange,
+      onViewChange,
+      view,
+      reduceAnimations,
+      views,
+      labelId,
+      className,
+      classes: classesProp,
+      timezone,
+      format = `${adapter.formats.month} ${adapter.formats.year}`
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const {
+    ownerState
+  } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
+  const classes = useUtilityClasses(classesProp);
+  const SwitchViewButton = slots?.switchViewButton ?? PickersCalendarHeaderSwitchViewButton;
+  const switchViewButtonProps = (0, _useSlotProps2.default)({
+    elementType: SwitchViewButton,
+    externalSlotProps: slotProps?.switchViewButton,
+    additionalProps: {
+      size: 'small',
+      'aria-label': translations.calendarViewSwitchingButtonAriaLabel(view)
+    },
+    ownerState: (0, _extends2.default)({}, ownerState, {
+      view
+    }),
+    className: classes.switchViewButton
+  });
+  const SwitchViewIcon = slots?.switchViewIcon ?? PickersCalendarHeaderSwitchViewIcon;
+  // The spread is here to avoid this bug mui/material-ui#34056
+  const _useSlotProps = (0, _useSlotProps2.default)({
+      elementType: SwitchViewIcon,
+      externalSlotProps: slotProps?.switchViewIcon,
+      ownerState,
+      className: classes.switchViewIcon
+    }),
+    switchViewIconProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
+  const selectNextMonth = () => onMonthChange(adapter.addMonths(month, 1));
+  const selectPreviousMonth = () => onMonthChange(adapter.addMonths(month, -1));
+  const isNextMonthDisabled = (0, _dateHelpersHooks.useNextMonthDisabled)(month, {
+    disableFuture,
+    maxDate,
+    timezone
+  });
+  const isPreviousMonthDisabled = (0, _dateHelpersHooks.usePreviousMonthDisabled)(month, {
+    disablePast,
+    minDate,
+    timezone
+  });
+  const handleToggleView = () => {
+    if (views.length === 1 || !onViewChange || disabled) {
+      return;
+    }
+    if (views.length === 2) {
+      onViewChange(views.find(el => el !== view) || views[0]);
+    } else {
+      // switching only between first 2
+      const nextIndexToOpen = views.indexOf(view) !== 0 ? 0 : 1;
+      onViewChange(views[nextIndexToOpen]);
+    }
+  };
+
+  // No need to display more information
+  if (views.length === 1 && views[0] === 'year') {
+    return null;
+  }
+  const label = adapter.formatByString(month, format);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(PickersCalendarHeaderRoot, (0, _extends2.default)({}, other, {
+    ownerState: ownerState,
+    className: (0, _clsx.default)(classes.root, className),
+    ref: ref,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(PickersCalendarHeaderLabelContainer, {
+      role: "presentation",
+      onClick: handleToggleView,
+      ownerState: ownerState
+      // putting this on the label item element below breaks when using transition
+      ,
+      "aria-live": "polite",
+      className: classes.labelContainer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersFadeTransitionGroup.PickersFadeTransitionGroup, {
+        reduceAnimations: reduceAnimations,
+        transKey: label,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersCalendarHeaderLabel, {
+          id: labelId,
+          ownerState: ownerState,
+          className: classes.label,
+          children: label
+        })
+      }), views.length > 1 && !disabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchViewButton, (0, _extends2.default)({}, switchViewButtonProps, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchViewIcon, (0, _extends2.default)({}, switchViewIconProps))
+      }))]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Fade.default, {
+      in: view === 'day',
+      appear: !reduceAnimations,
+      enter: !reduceAnimations,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersArrowSwitcher.PickersArrowSwitcher, {
+        slots: slots,
+        slotProps: slotProps,
+        onGoToPrevious: selectPreviousMonth,
+        isPreviousDisabled: isPreviousMonthDisabled,
+        previousLabel: translations.previousMonth,
+        onGoToNext: selectNextMonth,
+        isNextDisabled: isNextMonthDisabled,
+        nextLabel: translations.nextMonth
+      })
+    })]
+  }));
+});
+if (process.env.NODE_ENV !== "production") PickersCalendarHeader.displayName = "PickersCalendarHeader";
+process.env.NODE_ENV !== "production" ? PickersCalendarHeader.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.object,
+  className: _propTypes.default.string,
+  currentMonth: _propTypes.default.object.isRequired,
+  disabled: _propTypes.default.bool,
+  disableFuture: _propTypes.default.bool,
+  disablePast: _propTypes.default.bool,
+  /**
+   * Format used to display the date.
+   * @default `${adapter.formats.month} ${adapter.formats.year}`
+   */
+  format: _propTypes.default.string,
+  /**
+   * Id of the calendar text element.
+   * It is used to establish an `aria-labelledby` relationship with the calendar `grid` element.
+   */
+  labelId: _propTypes.default.string,
+  maxDate: _propTypes.default.object.isRequired,
+  minDate: _propTypes.default.object.isRequired,
+  onMonthChange: _propTypes.default.func.isRequired,
+  onViewChange: _propTypes.default.func,
+  reduceAnimations: _propTypes.default.bool.isRequired,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: _propTypes.default.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: _propTypes.default.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
+  timezone: _propTypes.default.string.isRequired,
+  view: _propTypes.default.oneOf(['day', 'month', 'year']).isRequired,
+  views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['day', 'month', 'year']).isRequired).isRequired
+} : void 0;

node_modules/@mui/x-date-pickers/PickersCalendarHeader/PickersCalendarHeader.types.d.ts

@@ -0,0 +1,60 @@
+import * as React from 'react';
+import { SlotComponentProps } from '@mui/utils/types';
+import IconButton from '@mui/material/IconButton';
+import SvgIcon from '@mui/material/SvgIcon';
+import { SxProps, Theme } from '@mui/material/styles';
+import { ExportedPickersArrowSwitcherProps, PickersArrowSwitcherSlots, PickersArrowSwitcherSlotProps } from "../internals/components/PickersArrowSwitcher/index.js";
+import { MonthValidationOptions } from "../internals/hooks/date-helpers-hooks.js";
+import { PickerValidDate, DateView, PickerOwnerState } from "../models/index.js";
+import { PickersCalendarHeaderClasses } from "./pickersCalendarHeaderClasses.js";
+export interface PickersCalendarHeaderSlots extends PickersArrowSwitcherSlots {
+  /**
+   * Button displayed to switch between different calendar views.
+   * @default IconButton
+   */
+  switchViewButton?: React.ElementType;
+  /**
+   * Icon displayed in the SwitchViewButton. Rotated by 180° when the open view is `year`.
+   * @default ArrowDropDown
+   */
+  switchViewIcon?: React.ElementType;
+}
+export interface PickersCalendarHeaderSlotPropsOverrides {}
+export interface PickersCalendarHeaderSlotProps extends PickersArrowSwitcherSlotProps {
+  switchViewButton?: SlotComponentProps<typeof IconButton, PickersCalendarHeaderSlotPropsOverrides, PickerOwnerState>;
+  switchViewIcon?: SlotComponentProps<typeof SvgIcon, PickersCalendarHeaderSlotPropsOverrides, PickerOwnerState>;
+}
+export interface PickersCalendarHeaderProps extends ExportedPickersArrowSwitcherProps, MonthValidationOptions {
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: PickersCalendarHeaderSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: PickersCalendarHeaderSlotProps;
+  currentMonth: PickerValidDate;
+  disabled?: boolean;
+  views: readonly DateView[];
+  onMonthChange: (date: PickerValidDate) => void;
+  view: DateView;
+  reduceAnimations: boolean;
+  onViewChange?: (view: DateView) => void;
+  /**
+   * Id of the calendar text element.
+   * It is used to establish an `aria-labelledby` relationship with the calendar `grid` element.
+   */
+  labelId?: string;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<PickersCalendarHeaderClasses>;
+  className?: string;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+export type ExportedPickersCalendarHeaderProps = Pick<PickersCalendarHeaderProps, 'classes' | 'slots' | 'slotProps'>;

node_modules/@mui/x-date-pickers/PickersCalendarHeader/PickersCalendarHeader.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

node_modules/@mui/x-date-pickers/PickersCalendarHeader/index.d.ts

@@ -0,0 +1,4 @@
+export { pickersCalendarHeaderClasses } from "./pickersCalendarHeaderClasses.js";
+export type { PickersCalendarHeaderClassKey, PickersCalendarHeaderClasses } from "./pickersCalendarHeaderClasses.js";
+export { PickersCalendarHeader } from "./PickersCalendarHeader.js";
+export type { PickersCalendarHeaderProps, PickersCalendarHeaderSlots, PickersCalendarHeaderSlotProps, ExportedPickersCalendarHeaderProps } from "./PickersCalendarHeader.types.js";

node_modules/@mui/x-date-pickers/PickersCalendarHeader/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PickersCalendarHeader", {
+  enumerable: true,
+  get: function () {
+    return _PickersCalendarHeader.PickersCalendarHeader;
+  }
+});
+Object.defineProperty(exports, "pickersCalendarHeaderClasses", {
+  enumerable: true,
+  get: function () {
+    return _pickersCalendarHeaderClasses.pickersCalendarHeaderClasses;
+  }
+});
+var _pickersCalendarHeaderClasses = require("./pickersCalendarHeaderClasses");
+var _PickersCalendarHeader = require("./PickersCalendarHeader");

node_modules/@mui/x-date-pickers/PickersCalendarHeader/pickersCalendarHeaderClasses.d.ts

@@ -0,0 +1,15 @@
+export interface PickersCalendarHeaderClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the label container element. */
+  labelContainer: string;
+  /** Styles applied to the label element. */
+  label: string;
+  /** Styles applied to the switch view button element. */
+  switchViewButton: string;
+  /** Styles applied to the switch view icon element. */
+  switchViewIcon: string;
+}
+export type PickersCalendarHeaderClassKey = keyof PickersCalendarHeaderClasses;
+export declare const getPickersCalendarHeaderUtilityClass: (slot: string) => string;
+export declare const pickersCalendarHeaderClasses: PickersCalendarHeaderClasses;

node_modules/@mui/x-date-pickers/PickersCalendarHeader/pickersCalendarHeaderClasses.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pickersCalendarHeaderClasses = exports.getPickersCalendarHeaderUtilityClass = void 0;
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+const getPickersCalendarHeaderUtilityClass = slot => (0, _generateUtilityClass.default)('MuiPickersCalendarHeader', slot);
+exports.getPickersCalendarHeaderUtilityClass = getPickersCalendarHeaderUtilityClass;
+const pickersCalendarHeaderClasses = exports.pickersCalendarHeaderClasses = (0, _generateUtilityClasses.default)('MuiPickersCalendarHeader', ['root', 'labelContainer', 'label', 'switchViewButton', 'switchViewIcon']);