@mui/x-date-pickers 5.0.0-alpha.0

package/node/CalendarPickerSkeleton/CalendarPickerSkeleton.js

@@ -0,0 +1,142 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CalendarPickerSkeleton = CalendarPickerSkeleton;
+
+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 _Skeleton = _interopRequireDefault(require("@mui/material/Skeleton"));
+
+var _styles = require("@mui/material/styles");
+
+var _material = require("@mui/material");
+
+var _dimensions = require("../internals/constants/dimensions");
+
+var _calendarPickerSkeletonClasses = require("./calendarPickerSkeletonClasses");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+const _excluded = ["className"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const useUtilityClasses = ownerState => {
+  const {
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['root'],
+    week: ['week'],
+    daySkeleton: ['daySkeleton']
+  };
+  return (0, _material.unstable_composeClasses)(slots, _calendarPickerSkeletonClasses.getCalendarPickerSkeletonUtilityClass, classes);
+};
+
+const CalendarPickerSkeletonRoot = (0, _styles.styled)('div', {
+  name: 'MuiCalendarPickerSkeleton',
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root
+})({
+  alignSelf: 'start'
+});
+const CalendarPickerSkeletonWeek = (0, _styles.styled)('div', {
+  name: 'MuiCalendarPickerSkeleton',
+  slot: 'Week',
+  overridesResolver: (props, styles) => styles.week
+})({
+  margin: `${_dimensions.DAY_MARGIN}px 0`,
+  display: 'flex',
+  justifyContent: 'center'
+});
+const CalendarPickerSkeletonDay = (0, _styles.styled)(_Skeleton.default, {
+  name: 'MuiCalendarPickerSkeleton',
+  slot: 'Day',
+  overridesResolver: (props, styles) => styles.daySkeleton
+})(({
+  ownerState
+}) => (0, _extends2.default)({
+  margin: `0 ${_dimensions.DAY_MARGIN}px`
+}, ownerState.day === 0 && {
+  visibility: 'hidden'
+}));
+CalendarPickerSkeletonDay.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  ownerState: _propTypes.default.shape({
+    day: _propTypes.default.number.isRequired
+  }).isRequired
+};
+const monthMap = [[0, 1, 1, 1, 1, 1, 1], [1, 1, 1, 1, 1, 1, 1], [1, 1, 1, 1, 1, 1, 1], [1, 1, 1, 1, 1, 1, 1], [1, 1, 1, 1, 0, 0, 0]];
+/**
+ *
+ * Demos:
+ *
+ * - [Date Picker](https://mui.com/components/x/react-date-pickers/date-picker/)
+ *
+ * API:
+ *
+ * - [CalendarPickerSkeleton API](https://mui.com/api/calendar-picker-skeleton/)
+ */
+
+function CalendarPickerSkeleton(props) {
+  const _useThemeProps = (0, _styles.useThemeProps)({
+    props,
+    name: 'MuiCalendarPickerSkeleton'
+  }),
+        {
+    className
+  } = _useThemeProps,
+        other = (0, _objectWithoutPropertiesLoose2.default)(_useThemeProps, _excluded);
+
+  const classes = useUtilityClasses(props);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CalendarPickerSkeletonRoot, (0, _extends2.default)({
+    className: (0, _clsx.default)(classes.root, className)
+  }, other, {
+    children: monthMap.map((week, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(CalendarPickerSkeletonWeek, {
+      className: classes.week,
+      children: week.map((day, index2) => /*#__PURE__*/(0, _jsxRuntime.jsx)(CalendarPickerSkeletonDay, {
+        variant: "circular",
+        width: _dimensions.DAY_SIZE,
+        height: _dimensions.DAY_SIZE,
+        className: classes.daySkeleton,
+        ownerState: {
+          day
+        }
+      }, index2))
+    }, index))
+  }));
+}
+
+process.env.NODE_ENV !== "production" ? CalendarPickerSkeleton.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: _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])
+} : void 0;

package/node/CalendarPickerSkeleton/calendarPickerSkeletonClasses.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCalendarPickerSkeletonUtilityClass = exports.calendarPickerSkeletonClasses = void 0;
+
+var _material = require("@mui/material");
+
+const getCalendarPickerSkeletonUtilityClass = slot => (0, _material.generateUtilityClass)('MuiCalendarPickerSkeleton', slot);
+
+exports.getCalendarPickerSkeletonUtilityClass = getCalendarPickerSkeletonUtilityClass;
+const calendarPickerSkeletonClasses = (0, _material.generateUtilityClasses)('MuiCalendarPickerSkeleton', ['root', 'week', 'daySkeleton']);
+exports.calendarPickerSkeletonClasses = calendarPickerSkeletonClasses;

package/node/CalendarPickerSkeleton/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CalendarPickerSkeleton", {
+  enumerable: true,
+  get: function () {
+    return _CalendarPickerSkeleton.CalendarPickerSkeleton;
+  }
+});
+Object.defineProperty(exports, "calendarPickerSkeletonClasses", {
+  enumerable: true,
+  get: function () {
+    return _calendarPickerSkeletonClasses.calendarPickerSkeletonClasses;
+  }
+});
+Object.defineProperty(exports, "getCalendarPickerSkeletonUtilityClass", {
+  enumerable: true,
+  get: function () {
+    return _calendarPickerSkeletonClasses.getCalendarPickerSkeletonUtilityClass;
+  }
+});
+
+var _CalendarPickerSkeleton = require("./CalendarPickerSkeleton");
+
+var _calendarPickerSkeletonClasses = require("./calendarPickerSkeletonClasses");

package/node/ClockPicker/Clock.js

@@ -0,0 +1,285 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Clock = Clock;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+
+var _styles = require("@mui/material/styles");
+
+var _utils = require("@mui/utils");
+
+var _ClockPointer = require("./ClockPointer");
+
+var _useUtils = require("../internals/hooks/useUtils");
+
+var _WrapperVariantContext = require("../internals/components/wrappers/WrapperVariantContext");
+
+var _shared = require("./shared");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const ClockRoot = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+  margin: theme.spacing(2)
+}));
+const ClockClock = (0, _styles.styled)('div')({
+  backgroundColor: 'rgba(0,0,0,.07)',
+  borderRadius: '50%',
+  height: 220,
+  width: 220,
+  flexShrink: 0,
+  position: 'relative',
+  pointerEvents: 'none'
+});
+const ClockSquareMask = (0, _styles.styled)('div')({
+  width: '100%',
+  height: '100%',
+  position: 'absolute',
+  pointerEvents: 'auto',
+  outline: 0,
+  // Disable scroll capabilities.
+  touchAction: 'none',
+  userSelect: 'none',
+  '@media (pointer: fine)': {
+    cursor: 'pointer',
+    borderRadius: '50%'
+  },
+  '&:active': {
+    cursor: 'move'
+  }
+});
+const ClockPin = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  width: 6,
+  height: 6,
+  borderRadius: '50%',
+  backgroundColor: theme.palette.primary.main,
+  position: 'absolute',
+  top: '50%',
+  left: '50%',
+  transform: 'translate(-50%, -50%)'
+}));
+const ClockAmButton = (0, _styles.styled)(_IconButton.default)(({
+  theme,
+  ownerState
+}) => (0, _extends2.default)({
+  zIndex: 1,
+  position: 'absolute',
+  bottom: ownerState.ampmInClock ? 64 : 8,
+  left: 8
+}, ownerState.meridiemMode === 'am' && {
+  backgroundColor: theme.palette.primary.main,
+  color: theme.palette.primary.contrastText,
+  '&:hover': {
+    backgroundColor: theme.palette.primary.light
+  }
+}));
+const ClockPmButton = (0, _styles.styled)(_IconButton.default)(({
+  theme,
+  ownerState
+}) => (0, _extends2.default)({
+  zIndex: 1,
+  position: 'absolute',
+  bottom: ownerState.ampmInClock ? 64 : 8,
+  right: 8
+}, ownerState.meridiemMode === 'pm' && {
+  backgroundColor: theme.palette.primary.main,
+  color: theme.palette.primary.contrastText,
+  '&:hover': {
+    backgroundColor: theme.palette.primary.light
+  }
+}));
+/**
+ * @ignore - internal component.
+ */
+
+function Clock(props) {
+  const {
+    ampm,
+    ampmInClock,
+    autoFocus,
+    children,
+    date,
+    getClockLabelText,
+    handleMeridiemChange,
+    isTimeDisabled,
+    meridiemMode,
+    minutesStep = 1,
+    onChange,
+    selectedId,
+    type,
+    value
+  } = props;
+  const ownerState = props;
+  const utils = (0, _useUtils.useUtils)();
+  const wrapperVariant = React.useContext(_WrapperVariantContext.WrapperVariantContext);
+  const isMoving = React.useRef(false);
+  const isSelectedTimeDisabled = isTimeDisabled(value, type);
+  const isPointerInner = !ampm && type === 'hours' && (value < 1 || value > 12);
+
+  const handleValueChange = (newValue, isFinish) => {
+    if (isTimeDisabled(newValue, type)) {
+      return;
+    }
+
+    onChange(newValue, isFinish);
+  };
+
+  const setTime = (event, isFinish) => {
+    let {
+      offsetX,
+      offsetY
+    } = event;
+
+    if (offsetX === undefined) {
+      const rect = event.target.getBoundingClientRect();
+      offsetX = event.changedTouches[0].clientX - rect.left;
+      offsetY = event.changedTouches[0].clientY - rect.top;
+    }
+
+    const newSelectedValue = type === 'seconds' || type === 'minutes' ? (0, _shared.getMinutes)(offsetX, offsetY, minutesStep) : (0, _shared.getHours)(offsetX, offsetY, Boolean(ampm));
+    handleValueChange(newSelectedValue, isFinish);
+  };
+
+  const handleTouchMove = event => {
+    isMoving.current = true;
+    setTime(event, 'shallow');
+  };
+
+  const handleTouchEnd = event => {
+    if (isMoving.current) {
+      setTime(event, 'finish');
+      isMoving.current = false;
+    }
+  };
+
+  const handleMouseMove = event => {
+    // event.buttons & PRIMARY_MOUSE_BUTTON
+    if (event.buttons > 0) {
+      setTime(event.nativeEvent, 'shallow');
+    }
+  };
+
+  const handleMouseUp = event => {
+    if (isMoving.current) {
+      isMoving.current = false;
+    }
+
+    setTime(event.nativeEvent, 'finish');
+  };
+
+  const hasSelected = React.useMemo(() => {
+    if (type === 'hours') {
+      return true;
+    }
+
+    return value % 5 === 0;
+  }, [type, value]);
+  const keyboardControlStep = type === 'minutes' ? minutesStep : 1;
+  const listboxRef = React.useRef(null); // Since this is rendered when a Popper is opened we can't use passive effects.
+  // Focusing in passive effects in Popper causes scroll jump.
+
+  (0, _utils.unstable_useEnhancedEffect)(() => {
+    if (autoFocus) {
+      // The ref not being resolved would be a bug in MUI.
+      listboxRef.current.focus();
+    }
+  }, [autoFocus]);
+
+  const handleKeyDown = event => {
+    // TODO: Why this early exit?
+    if (isMoving.current) {
+      return;
+    }
+
+    switch (event.key) {
+      case 'Home':
+        // annulate both hours and minutes
+        handleValueChange(0, 'partial');
+        event.preventDefault();
+        break;
+
+      case 'End':
+        handleValueChange(type === 'minutes' ? 59 : 23, 'partial');
+        event.preventDefault();
+        break;
+
+      case 'ArrowUp':
+        handleValueChange(value + keyboardControlStep, 'partial');
+        event.preventDefault();
+        break;
+
+      case 'ArrowDown':
+        handleValueChange(value - keyboardControlStep, 'partial');
+        event.preventDefault();
+        break;
+
+      default: // do nothing
+
+    }
+  };
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ClockRoot, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(ClockClock, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ClockSquareMask, {
+        onTouchMove: handleTouchMove,
+        onTouchEnd: handleTouchEnd,
+        onMouseUp: handleMouseUp,
+        onMouseMove: handleMouseMove
+      }), !isSelectedTimeDisabled && /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ClockPin, {}), date && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClockPointer.ClockPointer, {
+          type: type,
+          value: value,
+          isInner: isPointerInner,
+          hasSelected: hasSelected
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        "aria-activedescendant": selectedId,
+        "aria-label": getClockLabelText(type, date, utils),
+        ref: listboxRef,
+        role: "listbox",
+        onKeyDown: handleKeyDown,
+        tabIndex: 0,
+        children: children
+      })]
+    }), ampm && (wrapperVariant === 'desktop' || ampmInClock) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ClockAmButton, {
+        onClick: () => handleMeridiemChange('am'),
+        disabled: meridiemMode === null,
+        ownerState: ownerState,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          variant: "caption",
+          children: "AM"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ClockPmButton, {
+        disabled: meridiemMode === null,
+        onClick: () => handleMeridiemChange('pm'),
+        ownerState: ownerState,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          variant: "caption",
+          children: "PM"
+        })
+      })]
+    })]
+  });
+}

package/node/ClockPicker/ClockNumber.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ClockNumber = ClockNumber;
+exports.classes = void 0;
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _styles = require("@mui/material/styles");
+
+var _material = require("@mui/material");
+
+var _shared = require("./shared");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+const _excluded = ["className", "disabled", "index", "inner", "label", "selected"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const classes = (0, _material.generateUtilityClasses)('PrivateClockNumber', ['selected', 'disabled']);
+exports.classes = classes;
+const ClockNumberRoot = (0, _styles.styled)('span')(({
+  theme,
+  ownerState
+}) => (0, _extends2.default)({
+  height: _shared.CLOCK_HOUR_WIDTH,
+  width: _shared.CLOCK_HOUR_WIDTH,
+  position: 'absolute',
+  left: `calc((100% - ${_shared.CLOCK_HOUR_WIDTH}px) / 2)`,
+  display: 'inline-flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+  borderRadius: '50%',
+  color: theme.palette.text.primary,
+  fontFamily: theme.typography.fontFamily,
+  '&:focused': {
+    backgroundColor: theme.palette.background.paper
+  },
+  [`&.${classes.selected}`]: {
+    color: theme.palette.primary.contrastText
+  },
+  [`&.${classes.disabled}`]: {
+    pointerEvents: 'none',
+    color: theme.palette.text.disabled
+  }
+}, ownerState.inner && (0, _extends2.default)({}, theme.typography.body2, {
+  color: theme.palette.text.secondary
+})));
+/**
+ * @ignore - internal component.
+ */
+
+function ClockNumber(props) {
+  const {
+    className,
+    disabled,
+    index,
+    inner,
+    label,
+    selected
+  } = props,
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerState = props;
+  const angle = index % 12 / 12 * Math.PI * 2 - Math.PI / 2;
+  const length = (_shared.CLOCK_WIDTH - _shared.CLOCK_HOUR_WIDTH - 2) / 2 * (inner ? 0.65 : 1);
+  const x = Math.round(Math.cos(angle) * length);
+  const y = Math.round(Math.sin(angle) * length);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ClockNumberRoot, (0, _extends2.default)({
+    className: (0, _clsx.default)(className, selected && classes.selected, disabled && classes.disabled),
+    "aria-disabled": disabled ? true : undefined,
+    "aria-selected": selected ? true : undefined,
+    role: "option",
+    style: {
+      transform: `translate(${x}px, ${y + (_shared.CLOCK_WIDTH - _shared.CLOCK_HOUR_WIDTH) / 2}px`
+    },
+    ownerState: ownerState
+  }, other, {
+    children: label
+  }));
+}

package/node/ClockPicker/ClockNumbers.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMinutesNumbers = exports.getHourNumbers = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _ClockNumber = require("./ClockNumber");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/**
+ * @ignore - internal component.
+ */
+const getHourNumbers = ({
+  ampm,
+  date,
+  getClockNumberText,
+  isDisabled,
+  selectedId,
+  utils
+}) => {
+  const currentHours = date ? utils.getHours(date) : null;
+  const hourNumbers = [];
+  const startHour = ampm ? 1 : 0;
+  const endHour = ampm ? 12 : 23;
+
+  const isSelected = hour => {
+    if (currentHours === null) {
+      return false;
+    }
+
+    if (ampm) {
+      if (hour === 12) {
+        return currentHours === 12 || currentHours === 0;
+      }
+
+      return currentHours === hour || currentHours - 12 === hour;
+    }
+
+    return currentHours === hour;
+  };
+
+  for (let hour = startHour; hour <= endHour; hour += 1) {
+    let label = hour.toString();
+
+    if (hour === 0) {
+      label = '00';
+    }
+
+    const inner = !ampm && (hour === 0 || hour > 12);
+    label = utils.formatNumber(label);
+    const selected = isSelected(hour);
+    hourNumbers.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClockNumber.ClockNumber, {
+      id: selected ? selectedId : undefined,
+      index: hour,
+      inner: inner,
+      selected: selected,
+      disabled: isDisabled(hour),
+      label: label,
+      "aria-label": getClockNumberText(label)
+    }, hour));
+  }
+
+  return hourNumbers;
+};
+
+exports.getHourNumbers = getHourNumbers;
+
+const getMinutesNumbers = ({
+  utils,
+  value,
+  isDisabled,
+  getClockNumberText,
+  selectedId
+}) => {
+  const f = utils.formatNumber;
+  return [[5, f('05')], [10, f('10')], [15, f('15')], [20, f('20')], [25, f('25')], [30, f('30')], [35, f('35')], [40, f('40')], [45, f('45')], [50, f('50')], [55, f('55')], [0, f('00')]].map(([numberValue, label], index) => {
+    const selected = numberValue === value;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClockNumber.ClockNumber, {
+      label: label,
+      id: selected ? selectedId : undefined,
+      index: index + 1,
+      inner: false,
+      disabled: isDisabled(numberValue),
+      selected: selected,
+      "aria-label": getClockNumberText(label)
+    }, numberValue);
+  });
+};
+
+exports.getMinutesNumbers = getMinutesNumbers;