@elliemae/ds-controlled-form 2.3.0-alpha.9 → 2.3.0-next.11

package/cjs/controlled-date-range-picker/parts/ControlledDateRangeCalendar.js

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var ControlledDateTimePicker = require('../../controlled-date-time-picker/ControlledDateTimePicker.js');
+var ControlledDateTimePickerTypes = require('../../controlled-date-time-picker/ControlledDateTimePickerTypes.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/es.string.replace.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('@babel/runtime/helpers/defineProperty');
+var ControlledDateRangePickerCTX = require('../ControlledDateRangePickerCTX.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const ControlledDateRangeCalendar = () => {
+  const {
+    props: {
+      emptyPickerStartingMonth,
+      onCalendarOpenFocusedDay,
+      isClearable,
+      getIsDisabledDay,
+      getIsOutOfRangeDay,
+      hasError,
+      pickerFooterMsg
+    },
+    rangePickerLogic: {
+      latestChangedDate,
+      onCalendarOpen,
+      onCalendarClose,
+      handlePickerDateChange,
+      handlePickerMonthDateChange,
+      handlePickerDayDateChange,
+      handlePickerYearDateChange,
+      getIsStartRangeDay,
+      getIsDayInRange,
+      getIsEndRangeDay
+    },
+    isControllerOnly
+  } = React.useContext(ControlledDateRangePickerCTX.ControlledDateRangePickerContext);
+  return /*#__PURE__*/_jsx__default["default"](ControlledDateTimePicker.DSControlledDateTimePicker, {
+    type: isControllerOnly ? ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY : ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER,
+    date: latestChangedDate,
+    onDateChange: handlePickerDateChange,
+    onMonthChange: handlePickerMonthDateChange,
+    onDayChange: handlePickerDayDateChange,
+    onYearChange: handlePickerYearDateChange,
+    getIsStartRangeDay: getIsStartRangeDay,
+    getIsDayInRange: getIsDayInRange,
+    getIsEndRangeDay: getIsEndRangeDay,
+    onPickerOpen: onCalendarOpen,
+    onPickerClose: onCalendarClose,
+    isClearable: isClearable,
+    getIsDisabledDay: getIsDisabledDay,
+    getIsOutOfRangeDay: getIsOutOfRangeDay,
+    emptyPickerStartingMonth: emptyPickerStartingMonth,
+    onCalendarOpenFocusedDay: onCalendarOpenFocusedDay,
+    preventCloseOnSelection: true,
+    hasError: hasError,
+    pickerFooterMsg: pickerFooterMsg
+  });
+};
+
+exports.ControlledDateRangeCalendar = ControlledDateRangeCalendar;

package/cjs/controlled-date-range-picker/parts/ControlledDateRangeContent.js

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var styled = require('styled-components');
+var ControlledDateRangePickerCTX = require('../ControlledDateRangePickerCTX.js');
+var ControlledDateRangeFromDate = require('./ControlledDateRangeFromDate.js');
+var ControlledDateRangeToDate = require('./ControlledDateRangeToDate.js');
+var ControlledDateRangeCalendar = require('./ControlledDateRangeCalendar.js');
+var ControlledDateRangePickerDatatestid = require('../ControlledDateRangePickerDatatestid.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+var _ControlledDateRangeF, _ControlledDateRangeT, _ControlledDateRangeC;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const StyledWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-e4pfvj-0"
+})(["display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto;", " grid-auto-flow:row;grid-template-areas:'. .';justify-content:center;align-items:center;"], _ref => {
+  let {
+    isControllerOnly
+  } = _ref;
+  return isControllerOnly ? undefined : 'gap: 0px 8px;';
+});
+const ControlledDateRangeContent = () => {
+  const {
+    props: {
+      dataAttrs
+    },
+    withIcon,
+    withInputs,
+    isControllerOnly
+  } = React.useContext(ControlledDateRangePickerCTX.ControlledDateRangePickerContext);
+  return /*#__PURE__*/jsxRuntime.jsxs(StyledWrapper, _objectSpread(_objectSpread({
+    isControllerOnly: isControllerOnly,
+    "data-testid": ControlledDateRangePickerDatatestid.ControlledDateRangePickerDatatestid.WRAPPER
+  }, dataAttrs), {}, {
+    children: [withInputs ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [_ControlledDateRangeF || (_ControlledDateRangeF = /*#__PURE__*/_jsx__default["default"](ControlledDateRangeFromDate.ControlledDateRangeFromDate, {})), _ControlledDateRangeT || (_ControlledDateRangeT = /*#__PURE__*/_jsx__default["default"](ControlledDateRangeToDate.ControlledDateRangeToDate, {}))]
+    }) : null, withIcon || isControllerOnly ? _ControlledDateRangeC || (_ControlledDateRangeC = /*#__PURE__*/_jsx__default["default"](ControlledDateRangeCalendar.ControlledDateRangeCalendar, {})) : null]
+  }));
+};
+
+exports.ControlledDateRangeContent = ControlledDateRangeContent;

package/cjs/controlled-date-range-picker/parts/ControlledDateRangeFromDate.js

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var ControlledDateRangePickerCTX = require('../ControlledDateRangePickerCTX.js');
+var ControlledDateTimePicker = require('../../controlled-date-time-picker/ControlledDateTimePicker.js');
+var ControlledDateTimePickerTypes = require('../../controlled-date-time-picker/ControlledDateTimePickerTypes.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/es.string.replace.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('@babel/runtime/helpers/defineProperty');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const ControlledDateRangeFromDate = () => {
+  const {
+    props: {
+      fromDate,
+      onMonthFromChange,
+      onDayFromChange,
+      onYearFromChange,
+      isClearable,
+      getIsDisabledDay,
+      getIsOutOfRangeDay,
+      hasError,
+      autoFocus
+    },
+    rangePickerLogic: {
+      handleFromDateChange
+    }
+  } = React.useContext(ControlledDateRangePickerCTX.ControlledDateRangePickerContext);
+  return /*#__PURE__*/_jsx__default["default"](ControlledDateTimePicker.DSControlledDateTimePicker, {
+    type: ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
+    date: fromDate,
+    onDateChange: handleFromDateChange,
+    onMonthChange: onMonthFromChange,
+    onDayChange: onDayFromChange,
+    onYearChange: onYearFromChange,
+    isClearable: isClearable,
+    getIsDisabledDay: getIsDisabledDay,
+    getIsOutOfRangeDay: getIsOutOfRangeDay,
+    hasError: hasError,
+    autoFocus: autoFocus
+  });
+};
+
+exports.ControlledDateRangeFromDate = ControlledDateRangeFromDate;

package/cjs/controlled-date-range-picker/parts/ControlledDateRangeToDate.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var ControlledDateRangePickerCTX = require('../ControlledDateRangePickerCTX.js');
+var ControlledDateTimePicker = require('../../controlled-date-time-picker/ControlledDateTimePicker.js');
+var ControlledDateTimePickerTypes = require('../../controlled-date-time-picker/ControlledDateTimePickerTypes.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/es.string.replace.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('@babel/runtime/helpers/defineProperty');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const ControlledDateRangeToDate = () => {
+  const {
+    props: {
+      toDate,
+      onMonthToChange,
+      onDayToChange,
+      onYearToChange,
+      isClearable,
+      getIsDisabledDay,
+      getIsOutOfRangeDay,
+      hasError
+    },
+    rangePickerLogic: {
+      handleToDateChange
+    }
+  } = React.useContext(ControlledDateRangePickerCTX.ControlledDateRangePickerContext);
+  return /*#__PURE__*/_jsx__default["default"](ControlledDateTimePicker.DSControlledDateTimePicker, {
+    type: ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
+    date: toDate,
+    onDateChange: handleToDateChange,
+    onMonthChange: onMonthToChange,
+    onDayChange: onDayToChange,
+    onYearChange: onYearToChange,
+    isClearable: isClearable,
+    getIsDisabledDay: getIsDisabledDay,
+    getIsOutOfRangeDay: getIsOutOfRangeDay,
+    hasError: hasError
+  });
+};
+
+exports.ControlledDateRangeToDate = ControlledDateRangeToDate;

package/cjs/controlled-date-range-picker/propTypes.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+
+const propTypes = {
+  type: reactDesc.PropTypes.oneOf(['full-date-range', 'date-range-picker-controller-only', 'date-range-picker', 'date-range-inputs']).description('Type of date range form control to use')
+};
+
+exports.propTypes = propTypes;

package/cjs/controlled-date-time-picker/ControlledDateTimePicker.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var reactDesc = require('react-desc');
+var propTypes = require('./propTypes.js');
+var useControlledDateTimePicker = require('./config/useControlledDateTimePicker.js');
+var ControlledDateTimePickerContent = require('./parts/ControlledDateTimePickerContent.js');
+var ControlledDateTimePickerCTX = require('./ControlledDateTimePickerCTX.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+var _ControlledDateTimePi;
+
+const DSControlledDateTimePicker = props => {
+  const ctx = useControlledDateTimePicker.useControlledDateTimePicker(props);
+  return /*#__PURE__*/_jsx__default["default"](ControlledDateTimePickerCTX.ControlledDateTimePickerContext.Provider, {
+    value: ctx
+  }, void 0, _ControlledDateTimePi || (_ControlledDateTimePi = /*#__PURE__*/_jsx__default["default"](ControlledDateTimePickerContent.ControlledDateTimePickerContent, {})));
+};
+
+const DSControlledDateTimePickerWithSchema = reactDesc.describe(DSControlledDateTimePicker);
+DSControlledDateTimePickerWithSchema.propTypes = propTypes.propTypes;
+
+exports.DSControlledDateTimePicker = DSControlledDateTimePicker;
+exports.DSControlledDateTimePickerWithSchema = DSControlledDateTimePickerWithSchema;

package/cjs/controlled-date-time-picker/ControlledDateTimePickerCTX.js

@@ -0,0 +1,126 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ControlledDateTimePickerTypes = require('./ControlledDateTimePickerTypes.js');
+
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+const noop = () => {};
+
+const defaultReturnFalse = () => false; // const mockedStringStateSetter: React.Dispatch<React.SetStateAction<string>> = noop;
+
+
+const mockedSetLatestInteractionRegion = noop;
+const defaultProps = {
+  // changing default type requires changing default booleans (hideDate, withAnyInputs, etc...) in the context too
+  type: ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL,
+  dateTime: '',
+  date: '',
+  time: '',
+  onDateChange: noop,
+  onMonthChange: noop,
+  onDayChange: noop,
+  onYearChange: noop,
+  onTimeChange: noop,
+  onHourChange: noop,
+  onMinuteChange: noop,
+  // onSecondsChange: noop,
+  onMeridiemChange: noop,
+  onDateTimeChange: noop,
+  onPickerOpen: noop,
+  onPickerClose: noop,
+  getIsDisabledDay: defaultReturnFalse,
+  getIsOutOfRangeDay: defaultReturnFalse,
+  getIsStartRangeDay: defaultReturnFalse,
+  getIsDayInRange: defaultReturnFalse,
+  getIsEndRangeDay: defaultReturnFalse,
+  getIsDisabledTime: defaultReturnFalse,
+  emptyPickerStartingMonth: undefined,
+  onCalendarOpenFocusedDay: undefined,
+  minutesInterval: 1,
+  isClearable: false,
+  disabled: false,
+  hasError: false,
+  autoFocus: false,
+  preventCloseOnSelection: false,
+  pickerFooterMsg: undefined
+};
+const defaultContext = {
+  props: defaultProps,
+  monthInputRef: /*#__PURE__*/React.createRef(),
+  dayInputRef: /*#__PURE__*/React.createRef(),
+  yearInputRef: /*#__PURE__*/React.createRef(),
+  hourInputRef: /*#__PURE__*/React.createRef(),
+  minutesInputRef: /*#__PURE__*/React.createRef(),
+  // secondsInputRef: createRef<HTMLInputElement>(),
+  meridiemInputRef: /*#__PURE__*/React.createRef(),
+  clearButtonRef: /*#__PURE__*/React.createRef(),
+  pickerButtonRef: /*#__PURE__*/React.createRef(),
+  prevYearBtnRef: /*#__PURE__*/React.createRef(),
+  prevMonthBtnRef: /*#__PURE__*/React.createRef(),
+  nextMonthBtnRef: /*#__PURE__*/React.createRef(),
+  nextYearBtnRef: /*#__PURE__*/React.createRef(),
+  calendarDaysWrapperRef: /*#__PURE__*/React.createRef(),
+  prevHourBtnRef: /*#__PURE__*/React.createRef(),
+  currHourBtnRef: /*#__PURE__*/React.createRef(),
+  nextHourBtnRef: /*#__PURE__*/React.createRef(),
+  prevMinutesBtnRef: /*#__PURE__*/React.createRef(),
+  currMinutesBtnRef: /*#__PURE__*/React.createRef(),
+  nextMinutesBtnRef: /*#__PURE__*/React.createRef(),
+  prevMeridiemBtnRef: /*#__PURE__*/React.createRef(),
+  currMeridiemBtnRef: /*#__PURE__*/React.createRef(),
+  nextMeridiemBtnRef: /*#__PURE__*/React.createRef(),
+  firstSegmentRef: /*#__PURE__*/React.createRef(),
+  lastSegmentRef: /*#__PURE__*/React.createRef(),
+  ariaCurrentValueForInputs: '',
+  dateStringFromProps: '',
+  tempDateString: '__/__/____',
+  // setDateString: mockedStringStateSetter,
+  tempTimeString: '__:__:__ __',
+  // setTimeString: mockedStringStateSetter,
+  handleChangeComposedDateTimeString: noop,
+  handleChangeComposedDateString: noop,
+  handleChangeComposedTimeString: noop,
+  handleChangeMonth: noop,
+  handleChangeDay: noop,
+  handleChangeYear: noop,
+  handleChangeHours: noop,
+  handleChangeMinutes: noop,
+  handleChangeMeridiem: noop,
+  handleClearAll: noop,
+  hideDate: false,
+  hideTime: false,
+  hideDateTimePicker: false,
+  hideDatePicker: true,
+  hideTimePicker: true,
+  withAnyInputs: true,
+  withAnyPicker: true,
+  withClearBtn: false,
+  withAnyRightController: true,
+  isDateSelector: false,
+  isTimeSelector: false,
+  isDateTimeSelector: true,
+  isControllerOnly: false,
+  isWithTimeWheelToo: true,
+  isWithCalendarToo: true,
+  isWithDateInputs: true,
+  isWithDateInputsOnly: false,
+  isWithTimeInputs: true,
+  isWithTimeInputsOnly: false,
+  autoFocusMonthInput: false,
+  autoFocusHourInput: false,
+  autoFocusPrevMonthArrow: false,
+  autoFocusHourTimeWheel: false,
+  shouldPreserveClearableSpace: false,
+  latestInteractionRegion: '',
+  setLatestInteractionRegion: mockedSetLatestInteractionRegion,
+  onGlobalKeyDown: noop
+};
+/** Context for cross component communication */
+
+const ControlledDateTimePickerContext = /*#__PURE__*/React.createContext(defaultContext);
+
+exports.ControlledDateTimePickerContext = ControlledDateTimePickerContext;
+exports["default"] = ControlledDateTimePickerContext;
+exports.defaultProps = defaultProps;

package/cjs/controlled-date-time-picker/ControlledDateTimePickerDatatestid.js

@@ -0,0 +1,63 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const ControlledDateTimePickerDatatestid = {
+  DATE_INPUTS: {
+    MONTH: 'ds-controlled-date-time-picker-month-input',
+    DAY: 'ds-controlled-date-time-picker-day-input',
+    YEAR: 'ds-controlled-date-time-picker-year-input'
+  },
+  TIME_INPUTS: {
+    HOUR: 'ds-controlled-date-time-picker-hour-input',
+    MINUTE: 'ds-controlled-date-time-picker-minute-input',
+    MERIDIEM: 'ds-controlled-date-time-picker-meridiem-input'
+  },
+  PICKER_ICONS: {
+    CALENDAR: 'ds-controlled-date-time-picker-calendar-trigger-icon',
+    TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-trigger-icon',
+    CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-trigger-icon'
+  },
+  CALENDAR: {
+    PREV_YEAR: 'ds-controlled-date-time-picker-calendar-prev-year',
+    PREV_MONTH: 'ds-controlled-date-time-picker-calendar-prev-month',
+    DAY: 'ds-controlled-date-time-picker-calendar-day',
+    FOCUSED_DAY: 'ds-controlled-date-time-picker-calendar-focused-day',
+    START_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-start-range-day',
+    // <-nuevo
+    IN_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-in-range-day',
+    // <-nuevo
+    END_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-end-range-day',
+    SELECTED_DAY: 'ds-controlled-date-time-picker-calendar-selected-day',
+    SELECTED_FOCUSED_DAY: 'ds-controlled-date-time-picker-calendar-selected-focused-day',
+    NEXT_MONTH: 'ds-controlled-date-time-picker-calendar-next-month',
+    NEXT_YEAR: 'ds-controlled-date-time-picker-calendar-next-year'
+  },
+  TIMEWHEEL: {
+    PREV_HOUR: 'ds-controlled-date-time-picker-timewheel-prev-hour',
+    HOUR: 'ds-controlled-date-time-picker-timewheel-hour',
+    CURRENT_HOUR: 'ds-controlled-date-time-picker-timewheel-current-hour',
+    NEXT_HOUR: 'ds-controlled-date-time-picker-timewheel-next-hour',
+    PREV_MINUTE: 'ds-controlled-date-time-picker-timewheel-prev-minute',
+    MINUTE: 'ds-controlled-date-time-picker-timewheel-minute',
+    CURRENT_MINUTE: 'ds-controlled-date-time-picker-timewheel-current-minute',
+    NEXT_MINUTE: 'ds-controlled-date-time-picker-timewheel-next-minute',
+    PREV_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-prev-meridiem',
+    MERIDIEM: 'ds-controlled-date-time-picker-timewheel-meridiem',
+    CURRENT_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-current-meridiem',
+    NEXT_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-next-meridiem'
+  },
+  CONTEXTUAL_MENU: {
+    CALENDAR: 'ds-controlled-date-time-picker-calendar-context-content-wrapper',
+    TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-context-content-wrapper',
+    CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-context-content-wrapper'
+  },
+  CONTROLLER_COMPONENT: {
+    CALENDAR: 'ds-controlled-date-time-picker-calendar-controller-wrapper',
+    TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-controller-wrapper',
+    CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-controller-wrapper'
+  },
+  CLEAR_BUTTON: 'ds-controlled-date-time-picker-clear-btn'
+};
+
+exports.ControlledDateTimePickerDatatestid = ControlledDateTimePickerDatatestid;

package/cjs/controlled-date-time-picker/ControlledDateTimePickerTypes.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/* eslint-disable @typescript-eslint/prefer-as-const */
+const CONTROLLED_DATE_TIME_PICKER_TYPES = {
+  DATE_TIME: {
+    FULL: 'full-date-time',
+    CONTROLLER_ONLY: 'date-time-picker-controller-only',
+    PICKER: 'date-time-picker',
+    INPUTS: 'date-time-inputs'
+  },
+  DATE: {
+    FULL: 'full-date',
+    CONTROLLER_ONLY: 'date-picker-controller-only',
+    PICKER: 'date-picker',
+    INPUTS: 'date-inputs'
+  },
+  TIME: {
+    FULL: 'full-time',
+    CONTROLLER_ONLY: 'time-picker-controller-only',
+    PICKER: 'time-picker',
+    INPUTS: 'time-inputs'
+  }
+};
+
+exports.CONTROLLED_DATE_TIME_PICKER_TYPES = CONTROLLED_DATE_TIME_PICKER_TYPES;