@elliemae/ds-form-date-time-picker 3.16.0-next.2 → 3.16.0-next.3

package/dist/esm/tests/custom-props/customProps.js

@@ -0,0 +1,207 @@
+import * as React from "react";
+import { ControlledDateTimePickerDatatestid } from "../../index";
+const customPropsShareds = {
+  [ControlledDateTimePickerDatatestid.CONTAINER]: {
+    "data-foo": "foo-picker-container",
+    "aria-label": "custom label for picker-container",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  }
+};
+const customPropsDateInputs = {
+  [ControlledDateTimePickerDatatestid.DATE_INPUTS.MONTH]: {
+    "data-foo": "foo-month-input",
+    "aria-label": "custom label for month-input",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  },
+  [ControlledDateTimePickerDatatestid.DATE_INPUTS.DAY]: {
+    "data-foo": "foo-day-input",
+    "aria-label": "custom label for day-input",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  },
+  [ControlledDateTimePickerDatatestid.DATE_INPUTS.YEAR]: {
+    "data-foo": "foo-year-input",
+    "aria-label": "custom label for year-input",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  }
+};
+const customPropsTimeInputs = {
+  [ControlledDateTimePickerDatatestid.TIME_INPUTS.HOUR]: {
+    "data-foo": "foo-hour-input",
+    "aria-label": "custom label for hour-input",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  },
+  [ControlledDateTimePickerDatatestid.TIME_INPUTS.MINUTE]: {
+    "data-foo": "foo-minute-input",
+    "aria-label": "custom label for minute-input",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  },
+  [ControlledDateTimePickerDatatestid.TIME_INPUTS.MERIDIEM]: {
+    "data-foo": "foo-meridiem-input",
+    "aria-label": "custom label for meridiem-input",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  }
+};
+const customPropsCalendarDatePart = {
+  [ControlledDateTimePickerDatatestid.CALENDAR.HEADER_LABEL]: {
+    "data-foo": "foo-calendar-header-label",
+    "aria-label": "custom label for calendar-header-label",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  },
+  [ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR]: {
+    "data-foo": "foo-calendar-prev-year",
+    "aria-label": "custom label for calendar-prev-year",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  },
+  [ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH]: {
+    "data-foo": "foo-calendar-prev-month",
+    "aria-label": "custom label for calendar-prev-month",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  },
+  [ControlledDateTimePickerDatatestid.CALENDAR.DAY]: {
+    "data-foo": "foo-calendar-day",
+    "aria-label": "custom label for calendar-day",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  },
+  [ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH]: {
+    "data-foo": "foo-calendar-next-month",
+    "aria-label": "custom label for calendar-next-month",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  },
+  [ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR]: {
+    "data-foo": "foo-calendar-next-year",
+    "aria-label": "custom label for calendar-next-year",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  }
+};
+const customPropsCalendarTimePart = {
+  [ControlledDateTimePickerDatatestid.TIMEWHEEL.HEADER_LABEL]: {
+    "data-foo": "foo-timewheel-header-label",
+    "aria-label": "custom label for timewheel-header-label",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  },
+  [ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_HOUR]: {
+    "data-foo": "foo-timewheel-prev-hour",
+    "aria-label": "custom label for timewheel-prev-hour",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  },
+  [ControlledDateTimePickerDatatestid.TIMEWHEEL.HOUR]: {
+    "data-foo": "foo-timewheel-hour",
+    "aria-label": "custom label for timewheel-hour",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  },
+  [ControlledDateTimePickerDatatestid.TIMEWHEEL.CURRENT_HOUR]: {
+    "data-foo": "foo-timewheel-current-hour",
+    "aria-label": "custom label for timewheel-current-hour",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  },
+  [ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR]: {
+    "data-foo": "foo-timewheel-next-hour",
+    "aria-label": "custom label for timewheel-next-hour",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  },
+  [ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MINUTE]: {
+    "data-foo": "foo-timewheel-prev-minute",
+    "aria-label": "custom label for timewheel-prev-minute",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  },
+  [ControlledDateTimePickerDatatestid.TIMEWHEEL.MINUTE]: {
+    "data-foo": "foo-timewheel-minute",
+    "aria-label": "custom label for timewheel-minute",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  },
+  [ControlledDateTimePickerDatatestid.TIMEWHEEL.CURRENT_MINUTE]: {
+    "data-foo": "foo-timewheel-current-minute",
+    "aria-label": "custom label for timewheel-current-minute",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  },
+  [ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MINUTE]: {
+    "data-foo": "foo-timewheel-next-minute",
+    "aria-label": "custom label for timewheel-next-minute",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  },
+  [ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MERIDIEM]: {
+    "data-foo": "foo-timewheel-prev-meridiem",
+    "aria-label": "custom label for timewheel-prev-meridiem",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  },
+  [ControlledDateTimePickerDatatestid.TIMEWHEEL.MERIDIEM]: {
+    "data-foo": "foo-timewheel-meridiem",
+    "aria-label": "custom label for timewheel-meridiem",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  },
+  [ControlledDateTimePickerDatatestid.TIMEWHEEL.CURRENT_MERIDIEM]: {
+    "data-foo": "foo-timewheel-current-meridiem",
+    "aria-label": "custom label for timewheel-current-meridiem",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  },
+  [ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MERIDIEM]: {
+    "data-foo": "foo-timewheel-next-meridiem",
+    "aria-label": "custom label for timewheel-next-meridiem",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  }
+};
+const customPropsForFullDateTimePickerWhenClosed = {
+  ...customPropsShareds,
+  ...customPropsDateInputs,
+  ...customPropsTimeInputs,
+  [ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR_TIMEWHEEL]: {
+    "data-foo": "foo-calendar-timewheel-icon",
+    "aria-label": "custom label for calendar-timewheel-icon",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  }
+};
+const customPropsForFullDateTimePickerWhenOpen = {
+  ...customPropsForFullDateTimePickerWhenClosed,
+  [ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR_TIMEWHEEL]: {
+    "data-foo": "foo-contextual-menu-calendar-timewheel",
+    "aria-label": "custom label for contextual-menu-calendar-timewheel",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  },
+  ...customPropsCalendarDatePart,
+  ...customPropsCalendarTimePart
+};
+const customPropsForFullDatePickerWhenClosed = {
+  ...customPropsShareds,
+  ...customPropsDateInputs,
+  [ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR]: {
+    "data-foo": "foo-calendar-icon",
+    "aria-label": "custom label for calendar-icon",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  }
+};
+const customPropsForFullDatePickerWhenOpen = {
+  ...customPropsForFullDatePickerWhenClosed,
+  [ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR]: {
+    "data-foo": "foo-contextual-menu-calendar",
+    "aria-label": "custom label for contextual-menu-calendar",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  },
+  ...customPropsCalendarDatePart
+};
+const customPropsForFullTimePickerWhenClosed = {
+  ...customPropsShareds,
+  ...customPropsTimeInputs,
+  [ControlledDateTimePickerDatatestid.PICKER_ICONS.TIMEWHEEL]: {
+    "data-foo": "foo-timewheel-icon",
+    "aria-label": "custom label for timewheel-icon",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  }
+};
+const customPropsForFullTimePickerWhenOpen = {
+  ...customPropsForFullTimePickerWhenClosed,
+  [ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.TIMEWHEEL]: {
+    "data-foo": "foo-contextual-menu-timewheel",
+    "aria-label": "custom label for contextual-menu-timewheel",
+    ignoredProp: "props not starting with data- or aria- are not exposed"
+  },
+  ...customPropsCalendarTimePart
+};
+export {
+  customPropsForFullDatePickerWhenClosed,
+  customPropsForFullDatePickerWhenOpen,
+  customPropsForFullDateTimePickerWhenClosed,
+  customPropsForFullDateTimePickerWhenOpen,
+  customPropsForFullTimePickerWhenClosed,
+  customPropsForFullTimePickerWhenOpen
+};
+//# sourceMappingURL=customProps.js.map

package/dist/esm/tests/custom-props/customProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/tests/custom-props/customProps.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable import/extensions */\nimport { ControlledDateTimePickerDatatestid } from '../../index';\nconst customPropsShareds = {\n  [ControlledDateTimePickerDatatestid.CONTAINER]: {\n    'data-foo': 'foo-picker-container',\n    'aria-label': 'custom label for picker-container',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n};\nconst customPropsDateInputs = {\n  [ControlledDateTimePickerDatatestid.DATE_INPUTS.MONTH]: {\n    'data-foo': 'foo-month-input',\n    'aria-label': 'custom label for month-input',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n  [ControlledDateTimePickerDatatestid.DATE_INPUTS.DAY]: {\n    'data-foo': 'foo-day-input',\n    'aria-label': 'custom label for day-input',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n  [ControlledDateTimePickerDatatestid.DATE_INPUTS.YEAR]: {\n    'data-foo': 'foo-year-input',\n    'aria-label': 'custom label for year-input',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n};\nconst customPropsTimeInputs = {\n  [ControlledDateTimePickerDatatestid.TIME_INPUTS.HOUR]: {\n    'data-foo': 'foo-hour-input',\n    'aria-label': 'custom label for hour-input',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n  [ControlledDateTimePickerDatatestid.TIME_INPUTS.MINUTE]: {\n    'data-foo': 'foo-minute-input',\n    'aria-label': 'custom label for minute-input',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n  [ControlledDateTimePickerDatatestid.TIME_INPUTS.MERIDIEM]: {\n    'data-foo': 'foo-meridiem-input',\n    'aria-label': 'custom label for meridiem-input',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n};\n\nconst customPropsCalendarDatePart = {\n  [ControlledDateTimePickerDatatestid.CALENDAR.HEADER_LABEL]: {\n    'data-foo': 'foo-calendar-header-label',\n    'aria-label': 'custom label for calendar-header-label',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n  [ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR]: {\n    'data-foo': 'foo-calendar-prev-year',\n    'aria-label': 'custom label for calendar-prev-year',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n  [ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH]: {\n    'data-foo': 'foo-calendar-prev-month',\n    'aria-label': 'custom label for calendar-prev-month',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n  [ControlledDateTimePickerDatatestid.CALENDAR.DAY]: {\n    'data-foo': 'foo-calendar-day',\n    'aria-label': 'custom label for calendar-day',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n  [ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH]: {\n    'data-foo': 'foo-calendar-next-month',\n    'aria-label': 'custom label for calendar-next-month',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n  [ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR]: {\n    'data-foo': 'foo-calendar-next-year',\n    'aria-label': 'custom label for calendar-next-year',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n};\n\nconst customPropsCalendarTimePart = {\n  [ControlledDateTimePickerDatatestid.TIMEWHEEL.HEADER_LABEL]: {\n    'data-foo': 'foo-timewheel-header-label',\n    'aria-label': 'custom label for timewheel-header-label',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n  [ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_HOUR]: {\n    'data-foo': 'foo-timewheel-prev-hour',\n    'aria-label': 'custom label for timewheel-prev-hour',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n  [ControlledDateTimePickerDatatestid.TIMEWHEEL.HOUR]: {\n    'data-foo': 'foo-timewheel-hour',\n    'aria-label': 'custom label for timewheel-hour',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n  [ControlledDateTimePickerDatatestid.TIMEWHEEL.CURRENT_HOUR]: {\n    'data-foo': 'foo-timewheel-current-hour',\n    'aria-label': 'custom label for timewheel-current-hour',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n  [ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR]: {\n    'data-foo': 'foo-timewheel-next-hour',\n    'aria-label': 'custom label for timewheel-next-hour',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n  [ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MINUTE]: {\n    'data-foo': 'foo-timewheel-prev-minute',\n    'aria-label': 'custom label for timewheel-prev-minute',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n  [ControlledDateTimePickerDatatestid.TIMEWHEEL.MINUTE]: {\n    'data-foo': 'foo-timewheel-minute',\n    'aria-label': 'custom label for timewheel-minute',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n  [ControlledDateTimePickerDatatestid.TIMEWHEEL.CURRENT_MINUTE]: {\n    'data-foo': 'foo-timewheel-current-minute',\n    'aria-label': 'custom label for timewheel-current-minute',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n  [ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MINUTE]: {\n    'data-foo': 'foo-timewheel-next-minute',\n    'aria-label': 'custom label for timewheel-next-minute',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n  [ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MERIDIEM]: {\n    'data-foo': 'foo-timewheel-prev-meridiem',\n    'aria-label': 'custom label for timewheel-prev-meridiem',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n  [ControlledDateTimePickerDatatestid.TIMEWHEEL.MERIDIEM]: {\n    'data-foo': 'foo-timewheel-meridiem',\n    'aria-label': 'custom label for timewheel-meridiem',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n  [ControlledDateTimePickerDatatestid.TIMEWHEEL.CURRENT_MERIDIEM]: {\n    'data-foo': 'foo-timewheel-current-meridiem',\n    'aria-label': 'custom label for timewheel-current-meridiem',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n  [ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MERIDIEM]: {\n    'data-foo': 'foo-timewheel-next-meridiem',\n    'aria-label': 'custom label for timewheel-next-meridiem',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n};\n// const customPropsCalendarDatePartSelections = {\n//   [ControlledDateTimePickerDatatestid.CALENDAR.FOCUSED_DAY]: {\n//     'data-foo': 'foo-calendar-focused-day',\n//     'aria-label': 'custom label for calendar-focused-day',\n//     ignoredProp: 'props not starting with data- or aria- are not exposed',\n//   },\n//   [ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_DAY]: {\n//     'data-foo': 'foo-calendar-selected-day',\n//     'aria-label': 'custom label for calendar-selected-day',\n//     ignoredProp: 'props not starting with data- or aria- are not exposed',\n//   },\n//   [ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_FOCUSED_DAY]: {\n//     'data-foo': 'foo-calendar-selected-focused-day',\n//     'aria-label': 'custom label for calendar-selected-focused-day',\n//     ignoredProp: 'props not starting with data- or aria- are not exposed',\n//   },\n// };\n// const customPropsCalendarDatePartRanges = {\n//   [ControlledDateTimePickerDatatestid.CALENDAR.START_RANGE_DAY]: {\n//     'data-foo': 'foo-calendar-start-range-day',\n//     'aria-label': 'custom label for calendar-start-range-day',\n//     ignoredProp: 'props not starting with data- or aria- are not exposed',\n//   },\n//   [ControlledDateTimePickerDatatestid.CALENDAR.IN_RANGE_DAY]: {\n//     'data-foo': 'foo-calendar-in-range-day',\n//     'aria-label': 'custom label for calendar-in-range-day',\n//     ignoredProp: 'props not starting with data- or aria- are not exposed',\n//   },\n//   [ControlledDateTimePickerDatatestid.CALENDAR.END_RANGE_DAY]: {\n//     'data-foo': 'foo-calendar-end-range-day',\n//     'aria-label': 'custom label for calendar-end-range-day',\n//     ignoredProp: 'props not starting with data- or aria- are not exposed',\n//   },\n// };\n// const customPropsPickersIcons = {\n//   [ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR]: {\n//     'data-foo': 'foo-calendar-icon',\n//     'aria-label': 'custom label for calendar-icon',\n//     ignoredProp: 'props not starting with data- or aria- are not exposed',\n//   },\n//   [ControlledDateTimePickerDatatestid.PICKER_ICONS.TIMEWHEEL]: {\n//     'data-foo': 'foo-timewheel-icon',\n//     'aria-label': 'custom label for timewheel-icon',\n//     ignoredProp: 'props not starting with data- or aria- are not exposed',\n//   },\n// };\n// const customPropsContextualMenu = {\n//   [ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR]: {\n//     'data-foo': 'foo-contextual-menu-calendar',\n//     'aria-label': 'custom label for contextual-menu-calendar',\n//     ignoredProp: 'props not starting with data- or aria- are not exposed',\n//   },\n//   [ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.TIMEWHEEL]: {\n//     'data-foo': 'foo-contextual-menu-timewheel',\n//     'aria-label': 'custom label for contextual-menu-timewheel',\n//     ignoredProp: 'props not starting with data- or aria- are not exposed',\n//   },\n// };\n// const customPropsControllers = {\n//   [ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR]: {\n//     'data-foo': 'foo-controller-component-calendar',\n//     'aria-label': 'custom label for controller-component-calendar',\n//     ignoredProp: 'props not starting with data- or aria- are not exposed',\n//   },\n//   [ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.TIMEWHEEL]: {\n//     'data-foo': 'foo-controller-component-timewheel',\n//     'aria-label': 'custom label for controller-component-timewheel',\n//     ignoredProp: 'props not starting with data- or aria- are not exposed',\n//   },\n//   [ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR_TIMEWHEEL]: {\n//     'data-foo': 'foo-controller-component-calendar-timewheel',\n//     'aria-label': 'custom label for controller-component-calendar-timewheel',\n//     ignoredProp: 'props not starting with data- or aria- are not exposed',\n//   },\n// };\n// const customPropsFooters = {\n//   [ControlledDateTimePickerDatatestid.FOOTERS.CALENDAR]: {\n//     'data-foo': 'foo-footers-calendar',\n//     'aria-label': 'custom label for footers-calendar',\n//     ignoredProp: 'props not starting with data- or aria- are not exposed',\n//   },\n//   [ControlledDateTimePickerDatatestid.FOOTERS.TIMEWHEEL]: {\n//     'data-foo': 'foo-footers-timewheel',\n//     'aria-label': 'custom label for footers-timewheel',\n//     ignoredProp: 'props not starting with data- or aria- are not exposed',\n//   },\n//   [ControlledDateTimePickerDatatestid.FOOTERS.CALENDAR_TIMEWHEEL]: {\n//     'data-foo': 'foo-footers-calendar-timewheel',\n//     'aria-label': 'custom label for footers-calendar-timewheel',\n//     ignoredProp: 'props not starting with data- or aria- are not exposed',\n//   },\n// };\n\nexport const customPropsForFullDateTimePickerWhenClosed = {\n  ...customPropsShareds,\n  ...customPropsDateInputs,\n  ...customPropsTimeInputs,\n  [ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR_TIMEWHEEL]: {\n    'data-foo': 'foo-calendar-timewheel-icon',\n    'aria-label': 'custom label for calendar-timewheel-icon',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n};\nexport const customPropsForFullDateTimePickerWhenOpen = {\n  ...customPropsForFullDateTimePickerWhenClosed,\n  [ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR_TIMEWHEEL]: {\n    'data-foo': 'foo-contextual-menu-calendar-timewheel',\n    'aria-label': 'custom label for contextual-menu-calendar-timewheel',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n  ...customPropsCalendarDatePart,\n  ...customPropsCalendarTimePart,\n};\nexport const customPropsForFullDatePickerWhenClosed = {\n  ...customPropsShareds,\n  ...customPropsDateInputs,\n  [ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR]: {\n    'data-foo': 'foo-calendar-icon',\n    'aria-label': 'custom label for calendar-icon',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n};\nexport const customPropsForFullDatePickerWhenOpen = {\n  ...customPropsForFullDatePickerWhenClosed,\n  [ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR]: {\n    'data-foo': 'foo-contextual-menu-calendar',\n    'aria-label': 'custom label for contextual-menu-calendar',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n  ...customPropsCalendarDatePart,\n};\nexport const customPropsForFullTimePickerWhenClosed = {\n  ...customPropsShareds,\n  ...customPropsTimeInputs,\n  [ControlledDateTimePickerDatatestid.PICKER_ICONS.TIMEWHEEL]: {\n    'data-foo': 'foo-timewheel-icon',\n    'aria-label': 'custom label for timewheel-icon',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n};\nexport const customPropsForFullTimePickerWhenOpen = {\n  ...customPropsForFullTimePickerWhenClosed,\n  [ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.TIMEWHEEL]: {\n    'data-foo': 'foo-contextual-menu-timewheel',\n    'aria-label': 'custom label for contextual-menu-timewheel',\n    ignoredProp: 'props not starting with data- or aria- are not exposed',\n  },\n  ...customPropsCalendarTimePart,\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/types/ControlledDateTimePicker.d.ts

@@ -3,5 +3,5 @@ declare const DSControlledDateTimePicker: {
     (props: DSControlledDateTimePickerT.Props): JSX.Element;
     displayName: string;
 };
-declare const DSControlledDateTimePickerWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<DSControlledDateTimePickerT.Props>;
+declare const DSControlledDateTimePickerWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<DSControlledDateTimePickerT.Props>;
 export { DSControlledDateTimePickerWithSchema, DSControlledDateTimePicker };

package/dist/types/config/useGetFlags.d.ts

@@ -23,8 +23,8 @@ export declare const useGetFlags: (props: DSControlledDateTimePickerT.InternalPr
     isWithDateInputsOnly: boolean;
     autoFocusMonthInput: boolean;
     autoFocusPrevMonthArrow: boolean;
-    innerRefMonthInput: false | import("react").MutableRefObject<HTMLInputElement | HTMLButtonElement | null> | undefined;
-    innerRefPrevMonthArrow: false | import("react").MutableRefObject<HTMLInputElement | HTMLButtonElement | null> | undefined;
+    innerRefMonthInput: import("react").MutableRefObject<HTMLInputElement | HTMLButtonElement | null> | undefined;
+    innerRefPrevMonthArrow: import("react").MutableRefObject<HTMLInputElement | HTMLButtonElement | null> | undefined;
     shouldPreserveClearableSpace: boolean;
     withAnyRightController: boolean;
 };

package/dist/types/parts/DateInputs/DDInput.d.ts

@@ -11,6 +11,7 @@ interface DDInputsPropsT {
     ariaCurrentValueForInputs: string;
     contextRef: React.MutableRefObject<HTMLInputElement | null>;
     isFocused: boolean;
+    ariaAndDataProps?: AriaAndDataProps;
 }
-export declare const DDInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, contextRef, placeholder, ariaCurrentValueForInputs, isFocused, }: DDInputsPropsT) => JSX.Element>;
+export declare const DDInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, contextRef, placeholder, ariaCurrentValueForInputs, isFocused, ariaAndDataProps, }: DDInputsPropsT) => JSX.Element>;
 export {};

package/dist/types/parts/DateInputs/MMInput.d.ts

@@ -12,7 +12,8 @@ interface MMInputsPropsT {
     placeholder: string;
     ariaCurrentValueForInputs: string;
     isFocused: boolean;
-    innerRef: React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>;
+    innerRef?: React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>;
+    ariaAndDataProps?: AriaAndDataProps;
 }
-export declare const MMInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, contextRef, innerRef, autoFocusMonthInput, ariaCurrentValueForInputs, isFocused, }: MMInputsPropsT) => JSX.Element>;
+export declare const MMInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, contextRef, innerRef, autoFocusMonthInput, ariaCurrentValueForInputs, isFocused, ariaAndDataProps, }: MMInputsPropsT) => JSX.Element>;
 export {};

package/dist/types/parts/DateInputs/YYYYInput.d.ts

@@ -11,6 +11,7 @@ interface YYYYInputsPropsT {
     placeholder: string;
     ariaCurrentValueForInputs: string;
     isFocused: boolean;
+    ariaAndDataProps?: AriaAndDataProps;
 }
-export declare const YYYYInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, contextRef, ariaCurrentValueForInputs, isFocused, }: YYYYInputsPropsT) => JSX.Element>;
+export declare const YYYYInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, contextRef, ariaCurrentValueForInputs, isFocused, ariaAndDataProps, }: YYYYInputsPropsT) => JSX.Element>;
 export {};

package/dist/types/parts/TimeInputs/HHInput.d.ts

@@ -12,6 +12,7 @@ interface HHInputsPropsT {
     ariaCurrentValueForInputs: string;
     autoFocusHourInput: boolean;
     isFocused: boolean;
+    ariaAndDataProps?: AriaAndDataProps;
 }
-export declare const HHInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, ariaCurrentValueForInputs, contextRef, autoFocusHourInput, isFocused, }: HHInputsPropsT) => JSX.Element>;
+export declare const HHInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, ariaCurrentValueForInputs, contextRef, autoFocusHourInput, isFocused, ariaAndDataProps, }: HHInputsPropsT) => JSX.Element>;
 export {};

package/dist/types/parts/TimeInputs/MeridiemInput.d.ts

@@ -11,6 +11,7 @@ interface MeridiemInputsPropsT {
     placeholder: string;
     ariaCurrentValueForInputs: string;
     isFocused: boolean;
+    ariaAndDataProps?: AriaAndDataProps;
 }
-export declare const MeridiemInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, ariaCurrentValueForInputs, contextRef, isFocused, }: MeridiemInputsPropsT) => JSX.Element>;
+export declare const MeridiemInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, ariaCurrentValueForInputs, contextRef, isFocused, ariaAndDataProps, }: MeridiemInputsPropsT) => JSX.Element>;
 export {};

package/dist/types/parts/TimeInputs/MinutesInput.d.ts

@@ -11,6 +11,7 @@ interface MinutesInputsPropsT {
     placeholder: string;
     ariaCurrentValueForInputs: string;
     isFocused: boolean;
+    ariaAndDataProps?: AriaAndDataProps;
 }
-export declare const MinutesInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, ariaCurrentValueForInputs, contextRef, isFocused, }: MinutesInputsPropsT) => JSX.Element>;
+export declare const MinutesInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, ariaCurrentValueForInputs, contextRef, isFocused, ariaAndDataProps, }: MinutesInputsPropsT) => JSX.Element>;
 export {};

package/dist/types/propTypes.d.ts

@@ -1,6 +1,14 @@
 import type { WeakValidationMap } from 'react';
 import type React from 'react';
+import { ControlledDateTimePickerDatatestid } from './ControlledDateTimePickerDatatestid';
 export declare namespace DSControlledDateTimePickerT {
+    type DataTestIdType = typeof ControlledDateTimePickerDatatestid;
+    type FlatDataTestIdValues = {
+        [K in keyof DataTestIdType]: DataTestIdType[K] extends Record<string, unknown> ? DataTestIdType[K][keyof DataTestIdType[K]] : DataTestIdType[K];
+    }[keyof DataTestIdType];
+    type AriaAndDataPropsPerDataTestId = {
+        [key in FlatDataTestIdValues]?: AriaAndDataPropsOrPropsGetter;
+    };
     type OnInternalValuesChangeEvent = React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement> | React.KeyboardEvent<HTMLButtonElement> | React.KeyboardEvent | React.MouseEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>;
     type ControlTypes = 'full-date-time' | 'date-time-inputs' | 'date-time-picker' | 'date-time-picker-controller-only' | 'full-date' | 'date-inputs' | 'date-picker' | 'date-picker-controller-only' | 'full-time' | 'time-inputs' | 'time-picker' | 'time-picker-controller-only';
     interface InternalInputsChangeMetaInfo {
@@ -36,7 +44,7 @@ export declare namespace DSControlledDateTimePickerT {
         autoFocus: boolean;
         preventCloseOnSelection: boolean;
     }
-    interface OptionalDatePickerProps {
+    interface OptionalDatePickerProps extends AriaAndDataPropsPerDataTestId {
         emptyPickerStartingMonth?: string;
         onCalendarOpenFocusedDay?: string;
         pickerFooterMsg?: string;
@@ -63,7 +71,7 @@ export declare namespace DSControlledDateTimePickerT {
         autoFocus: boolean;
         preventCloseOnSelection: boolean;
     }
-    interface OptionalTimePickerProps {
+    interface OptionalTimePickerProps extends AriaAndDataPropsPerDataTestId {
         pickerFooterMsg?: string;
         onTimeWheelOpenStartingTime?: string;
         innerRef?: React.MutableRefObject<HTMLInputElement | HTMLButtonElement>;
@@ -79,7 +87,7 @@ export declare namespace DSControlledDateTimePickerT {
         onDateChange: OnDateChange;
         onTimeChange: OnTimeChange;
     };
-    type OptionalDateTimeProps = OptionalTimePickerProps & OptionalDatePickerProps;
+    type OptionalDateTimeProps = AriaAndDataPropsPerDataTestId & OptionalTimePickerProps & OptionalDatePickerProps;
     interface RequiredDateTimeProps {
         type: 'full-date-time' | 'date-time-inputs' | 'date-time-picker' | 'date-time-picker-controller-only';
         dateTime: string;

package/dist/types/sharedTypes.d.ts

@@ -23,7 +23,7 @@ export declare namespace DSControlledDateTimePickerInternalsT {
         day: string;
         year: string;
         autoFocusMonthInput: boolean;
-        innerRefMonthInput?: false | React.MutableRefObject<HTMLInputElement | HTMLButtonElement>;
+        innerRefMonthInput?: React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>;
         disabled: boolean;
         onMonthChange: OnChangeFunc;
         onDayChange: OnChangeFunc;