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

package/dist/cjs/propTypes.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -29,7 +33,8 @@ __export(propTypes_exports, {
 });
 module.exports = __toCommonJS(propTypes_exports);
 var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_ControlledDateTimePickerDatatestid = require("./ControlledDateTimePickerDatatestid.js");
 const noop = () => {
 };
 const defaultReturnFalse = () => false;
@@ -59,9 +64,9 @@ const defaultProps = {
   preventCloseOnSelection: false
 };
 const propTypes = {
-  ...import_ds_utilities.globalAttributesPropTypes,
-  ...import_ds_utilities.xstyledPropTypes,
-  type: import_ds_utilities.PropTypes.oneOf([
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  type: import_ds_props_helpers.PropTypes.oneOf([
     "full-date-time",
     "date-time-inputs",
     "date-time-picker",
@@ -75,37 +80,38 @@ const propTypes = {
     "time-picker",
     "time-picker-controller-only"
   ]).description("Type of time form control to use").defaultValue("full-date-time"),
-  disabled: import_ds_utilities.PropTypes.bool.description("wheter or not the input is disabled").defaultValue(false),
-  isClearable: import_ds_utilities.PropTypes.bool.description("with or without clearable button").defaultValue(false),
-  dateTime: import_ds_utilities.PropTypes.string.description("when using date-time types, this is the value of the controller"),
-  date: import_ds_utilities.PropTypes.string.description("when using date types, this is the value of the controller"),
-  time: import_ds_utilities.PropTypes.string.description("when using time types, this is the value of the controller"),
-  onDateChange: import_ds_utilities.PropTypes.func.description("(newDateString, metaInformations) => void"),
-  onTimeChange: import_ds_utilities.PropTypes.func.description("(newTimeString, metaInformations) => void"),
-  onDateTimeChange: import_ds_utilities.PropTypes.func.description("(newDateTimeString, metaInformations) => void"),
-  onMonthChange: import_ds_utilities.PropTypes.func.description("(newMonthString, event, metaInformations) => void"),
-  onDayChange: import_ds_utilities.PropTypes.func.description("(newDayString, event, metaInformations) => void"),
-  onYearChange: import_ds_utilities.PropTypes.func.description("(newYearString, event, metaInformations) => void"),
-  onHourChange: import_ds_utilities.PropTypes.func.description("(newHourString, event, metaInformations) => void"),
-  onMinuteChange: import_ds_utilities.PropTypes.func.description("(newMinuteString, event, metaInformations) => void"),
-  onMeridiemChange: import_ds_utilities.PropTypes.func.description("(newMeridiemString, event, metaInformations) => void"),
-  getIsDisabledDay: import_ds_utilities.PropTypes.func.description(
+  disabled: import_ds_props_helpers.PropTypes.bool.description("wheter or not the input is disabled").defaultValue(false),
+  isClearable: import_ds_props_helpers.PropTypes.bool.description("with or without clearable button").defaultValue(false),
+  dateTime: import_ds_props_helpers.PropTypes.string.description("when using date-time types, this is the value of the controller"),
+  date: import_ds_props_helpers.PropTypes.string.description("when using date types, this is the value of the controller"),
+  time: import_ds_props_helpers.PropTypes.string.description("when using time types, this is the value of the controller"),
+  onDateChange: import_ds_props_helpers.PropTypes.func.description("(newDateString, metaInformations) => void"),
+  onTimeChange: import_ds_props_helpers.PropTypes.func.description("(newTimeString, metaInformations) => void"),
+  onDateTimeChange: import_ds_props_helpers.PropTypes.func.description("(newDateTimeString, metaInformations) => void"),
+  onMonthChange: import_ds_props_helpers.PropTypes.func.description("(newMonthString, event, metaInformations) => void"),
+  onDayChange: import_ds_props_helpers.PropTypes.func.description("(newDayString, event, metaInformations) => void"),
+  onYearChange: import_ds_props_helpers.PropTypes.func.description("(newYearString, event, metaInformations) => void"),
+  onHourChange: import_ds_props_helpers.PropTypes.func.description("(newHourString, event, metaInformations) => void"),
+  onMinuteChange: import_ds_props_helpers.PropTypes.func.description("(newMinuteString, event, metaInformations) => void"),
+  onMeridiemChange: import_ds_props_helpers.PropTypes.func.description("(newMeridiemString, event, metaInformations) => void"),
+  getIsDisabledDay: import_ds_props_helpers.PropTypes.func.description(
     "(dayAsString) => true for marking as disabled, false for marking as valid"
   ),
-  getIsOutOfRangeDay: import_ds_utilities.PropTypes.func.description(
+  getIsOutOfRangeDay: import_ds_props_helpers.PropTypes.func.description(
     "(dayAsString) => true for marking as disabled, false for marking as valid"
   ),
-  getIsDisabledTime: import_ds_utilities.PropTypes.func.description(
+  getIsDisabledTime: import_ds_props_helpers.PropTypes.func.description(
     "(timeAsString) => true for marking as disabled, false for marking as valid"
   ),
-  emptyPickerStartingMonth: import_ds_utilities.PropTypes.string.description(
+  emptyPickerStartingMonth: import_ds_props_helpers.PropTypes.string.description(
     'which month to start the calendar on open, when value is empty, string following the "MM/__/YYYY" pattern'
   ),
-  onCalendarOpenFocusedDay: import_ds_utilities.PropTypes.string.description('which day to focus on calendar open when value is empty, string following the "MM/DD/YYYY" pattern').defaultValue("if value is empty current month, else current month"),
-  onTimeWheelOpenStartingTime: import_ds_utilities.PropTypes.string.description(
+  onCalendarOpenFocusedDay: import_ds_props_helpers.PropTypes.string.description('which day to focus on calendar open when value is empty, string following the "MM/DD/YYYY" pattern').defaultValue("if value is empty current month, else current month"),
+  onTimeWheelOpenStartingTime: import_ds_props_helpers.PropTypes.string.description(
     'which day to start the timewheel on picker open when value is empty, string following the HH:MM AA" pattern'
   ).defaultValue("01:00 AM"),
-  minutesInterval: import_ds_utilities.PropTypes.number.description("increments/decrements of minutes in time related controllers interactions").defaultValue("1"),
-  "data-testid": import_ds_utilities.PropTypes.string.description("Unique id for tests.").defaultValue("")
+  minutesInterval: import_ds_props_helpers.PropTypes.number.description("increments/decrements of minutes in time related controllers interactions").defaultValue("1"),
+  "data-testid": import_ds_props_helpers.PropTypes.string.description("Unique id for tests.").defaultValue(""),
+  ...(0, import_ds_props_helpers.getPropsPerDatatestIdPropTypes)(import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid)
 };
 //# sourceMappingURL=propTypes.js.map

package/dist/cjs/propTypes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/propTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\nconst defaultReturnFalse = (): false => false;\nexport declare namespace DSControlledDateTimePickerT {\n  export type OnInternalValuesChangeEvent =\n    | React.ChangeEvent<HTMLInputElement>\n    | React.KeyboardEvent<HTMLInputElement>\n    | React.KeyboardEvent<HTMLButtonElement>\n    | React.KeyboardEvent\n    | React.MouseEvent<HTMLInputElement>\n    | React.MouseEvent<HTMLButtonElement>;\n  export type ControlTypes =\n    | 'full-date-time'\n    | 'date-time-inputs'\n    | 'date-time-picker'\n    | 'date-time-picker-controller-only'\n    | 'full-date'\n    | 'date-inputs'\n    | 'date-picker'\n    | 'date-picker-controller-only'\n    | 'full-time'\n    | 'time-inputs'\n    | 'time-picker'\n    | 'time-picker-controller-only';\n  export interface InternalInputsChangeMetaInfo {\n    isAutomaticFillTrigger?: boolean;\n    isDayPresentInMonth?: boolean;\n    isOutOfRangeDay?: boolean;\n    isDisabledDay?: boolean;\n    isDisabledTime?: boolean;\n    suggestedErrorMsg?: string;\n    newDateTimeString?: string;\n    newDateString?: string;\n    newTimeString?: string;\n  }\n\n  export type OnDateChange = (val: string, metaInfo: InternalInputsChangeMetaInfo) => void;\n  export type OnTimeChange = (val: string, metaInfo: InternalInputsChangeMetaInfo) => void;\n  export type OnDateTimeChange = (val: string, metaInfo: InternalInputsChangeMetaInfo) => void;\n  export type OnInternalInputsChange = (\n    val: string,\n    e: OnInternalValuesChangeEvent,\n    metaInfo?: InternalInputsChangeMetaInfo,\n  ) => void;\n  export type AppOnInputChange = (\n    val: string,\n    e: OnInternalValuesChangeEvent,\n    metaInfo: InternalInputsChangeMetaInfo,\n  ) => void;\n\n  /* ------------------------ ------------------ ------------------------*/\n  /* ------------------------ DATE CONFIGURATION ------------------------*/\n  /* ------------------------ ------------------ ------------------------*/\n  export interface DefaultDateProps {\n    onMonthChange: AppOnInputChange;\n    onDayChange: AppOnInputChange;\n    onYearChange: AppOnInputChange;\n    onPickerOpen: NoopishFunc;\n    onPickerClose: NoopishFunc;\n    getIsDisabledDay: BooleanGetter<string>;\n    getIsOutOfRangeDay: BooleanGetter<string>;\n    getIsStartRangeDay: BooleanGetter<string>;\n    getIsDayInRange: BooleanGetter<string>;\n    getIsEndRangeDay: BooleanGetter<string>;\n    isClearable: boolean;\n    disabled: boolean;\n    hasError: boolean;\n    autoFocus: boolean;\n    preventCloseOnSelection: boolean;\n  }\n  export interface OptionalDatePickerProps {\n    emptyPickerStartingMonth?: string;\n    onCalendarOpenFocusedDay?: string;\n    pickerFooterMsg?: string;\n    innerRef?: React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>;\n  }\n  export interface RequiredDatePickerProps {\n    type: 'full-date' | 'date-inputs' | 'date-picker' | 'date-picker-controller-only';\n    date: string;\n    onDateChange: OnDateChange;\n  }\n  export type DatePickerProps = OptionalDatePickerProps & Partial<DefaultDateProps> & RequiredDatePickerProps;\n  export type InternalDatePickerProps = OptionalDatePickerProps & DefaultDateProps & RequiredDatePickerProps;\n\n  /* ------------------------ ------------------ ------------------------*/\n  /* ------------------------ TIME CONFIGURATION ------------------------*/\n  /* ------------------------ ------------------ ------------------------*/\n\n  export interface DefaultTimeProps {\n    onHourChange: AppOnInputChange;\n    onMinuteChange: AppOnInputChange;\n    onMeridiemChange: AppOnInputChange;\n    onPickerOpen: NoopishFunc;\n    onPickerClose: NoopishFunc;\n    getIsDisabledTime: BooleanGetter<string>;\n    minutesInterval: number;\n    isClearable: boolean;\n    disabled: boolean;\n    hasError: boolean;\n    autoFocus: boolean;\n    preventCloseOnSelection: boolean;\n  }\n  export interface OptionalTimePickerProps {\n    pickerFooterMsg?: string;\n    onTimeWheelOpenStartingTime?: string;\n    innerRef?: React.MutableRefObject<HTMLInputElement | HTMLButtonElement>;\n  }\n  export interface RequiredTimePickerProps {\n    type: 'full-time' | 'time-inputs' | 'time-picker' | 'time-picker-controller-only';\n    time: string;\n    onTimeChange: OnTimeChange;\n  }\n  export type TimePickerProps = OptionalTimePickerProps & Partial<DefaultTimeProps> & RequiredTimePickerProps;\n  export type InternalTimePickerProps = OptionalTimePickerProps & DefaultTimeProps & RequiredTimePickerProps;\n\n  /* -------------------- ---------------------- ------------------------*/\n  /* -------------------- DATETIME CONFIGURATION ------------------------*/\n  /* -------------------- ---------------------- ------------------------*/\n\n  export type DefaultDateTimeProps = DefaultTimeProps &\n    DefaultDateProps & {\n      onDateChange: OnDateChange;\n      onTimeChange: OnTimeChange;\n    };\n  export type OptionalDateTimeProps = OptionalTimePickerProps & OptionalDatePickerProps;\n  export interface RequiredDateTimeProps {\n    type: 'full-date-time' | 'date-time-inputs' | 'date-time-picker' | 'date-time-picker-controller-only';\n    dateTime: string;\n    onDateTimeChange: OnDateTimeChange;\n  }\n\n  export type DateTimePickerProps = Partial<DefaultDateTimeProps> & OptionalDateTimeProps & RequiredDateTimeProps;\n  export type InternalDateTimePickerProps = DefaultDateTimeProps & OptionalDateTimeProps & RequiredDateTimeProps;\n\n  /* ---------------------- ------------------- -------------------------*/\n  /* ---------------------- FINAL CONFIGURATION -------------------------*/\n  /* ---------------------- ------------------- -------------------------*/\n  export type DefaultProps = DefaultDateTimeProps & { type: 'full-date-time' };\n  export type Props = DateTimePickerProps | DatePickerProps | TimePickerProps;\n  export type InternalProps = InternalDateTimePickerProps | InternalDatePickerProps | InternalTimePickerProps;\n}\n\nexport const defaultProps: DSControlledDateTimePickerT.DefaultProps = {\n  type: 'full-date-time',\n  onDateChange: noop,\n  onMonthChange: noop,\n  onDayChange: noop,\n  onYearChange: noop,\n  onTimeChange: noop,\n  onHourChange: noop,\n  onMinuteChange: noop,\n  onMeridiemChange: noop,\n  onPickerOpen: noop,\n  onPickerClose: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  getIsStartRangeDay: defaultReturnFalse,\n  getIsDayInRange: defaultReturnFalse,\n  getIsEndRangeDay: defaultReturnFalse,\n  getIsDisabledTime: defaultReturnFalse,\n  minutesInterval: 1,\n  isClearable: false,\n  disabled: false,\n  hasError: false,\n  autoFocus: false,\n  preventCloseOnSelection: false,\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  type: PropTypes.oneOf([\n    'full-date-time',\n    'date-time-inputs',\n    'date-time-picker',\n    'date-time-picker-controller-only',\n    'full-date',\n    'date-inputs',\n    'date-picker',\n    'date-picker-controller-only',\n    'full-time',\n    'time-inputs',\n    'time-picker',\n    'time-picker-controller-only',\n  ])\n    .description('Type of time form control to use')\n    .defaultValue('full-date-time'),\n  disabled: PropTypes.bool.description('wheter or not the input is disabled').defaultValue(false),\n  isClearable: PropTypes.bool.description('with or without clearable button').defaultValue(false),\n  dateTime: PropTypes.string.description('when using date-time types, this is the value of the controller'),\n  date: PropTypes.string.description('when using date types, this is the value of the controller'),\n  time: PropTypes.string.description('when using time types, this is the value of the controller'),\n  onDateChange: PropTypes.func.description('(newDateString, metaInformations) => void'),\n  onTimeChange: PropTypes.func.description('(newTimeString, metaInformations) => void'),\n  onDateTimeChange: PropTypes.func.description('(newDateTimeString, metaInformations) => void'),\n  onMonthChange: PropTypes.func.description('(newMonthString, event, metaInformations) => void'),\n  onDayChange: PropTypes.func.description('(newDayString, event, metaInformations) => void'),\n  onYearChange: PropTypes.func.description('(newYearString, event, metaInformations) => void'),\n  onHourChange: PropTypes.func.description('(newHourString, event, metaInformations) => void'),\n  onMinuteChange: PropTypes.func.description('(newMinuteString, event, metaInformations) => void'),\n  onMeridiemChange: PropTypes.func.description('(newMeridiemString, event, metaInformations) => void'),\n  getIsDisabledDay: PropTypes.func.description(\n    '(dayAsString) => true for marking as disabled, false for marking as valid',\n  ),\n  getIsOutOfRangeDay: PropTypes.func.description(\n    '(dayAsString) => true for marking as disabled, false for marking as valid',\n  ),\n  getIsDisabledTime: PropTypes.func.description(\n    '(timeAsString) => true for marking as disabled, false for marking as valid',\n  ),\n  emptyPickerStartingMonth: PropTypes.string.description(\n    'which month to start the calendar on open, when value is empty, string following the \"MM/__/YYYY\" pattern',\n  ),\n  onCalendarOpenFocusedDay: PropTypes.string\n    .description('which day to focus on calendar open when value is empty, string following the \"MM/DD/YYYY\" pattern')\n    .defaultValue('if value is empty current month, else current month'),\n  onTimeWheelOpenStartingTime: PropTypes.string\n    .description(\n      'which day to start the timewheel on picker open when value is empty, string following the HH:MM AA\" pattern',\n    )\n    .defaultValue('01:00 AM'),\n  minutesInterval: PropTypes.number\n    .description('increments/decrements of minutes in time related controllers interactions')\n    .defaultValue('1'),\n  'data-testid': PropTypes.string.description('Unique id for tests.').defaultValue(''),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,0BAAuE;AAGvE,MAAM,OAAO,MAAY;AAAC;AAC1B,MAAM,qBAAqB,MAAa;AA4IjC,MAAM,eAAyD;AAAA,EACpE,MAAM;AAAA,EACN,cAAc;AAAA,EACd,eAAe;AAAA,EACf,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,yBAAyB;AAC3B;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,8BAAU,MAAM;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,EACE,YAAY,kCAAkC,EAC9C,aAAa,gBAAgB;AAAA,EAChC,UAAU,8BAAU,KAAK,YAAY,qCAAqC,EAAE,aAAa,KAAK;AAAA,EAC9F,aAAa,8BAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,KAAK;AAAA,EAC9F,UAAU,8BAAU,OAAO,YAAY,iEAAiE;AAAA,EACxG,MAAM,8BAAU,OAAO,YAAY,4DAA4D;AAAA,EAC/F,MAAM,8BAAU,OAAO,YAAY,4DAA4D;AAAA,EAC/F,cAAc,8BAAU,KAAK,YAAY,2CAA2C;AAAA,EACpF,cAAc,8BAAU,KAAK,YAAY,2CAA2C;AAAA,EACpF,kBAAkB,8BAAU,KAAK,YAAY,+CAA+C;AAAA,EAC5F,eAAe,8BAAU,KAAK,YAAY,mDAAmD;AAAA,EAC7F,aAAa,8BAAU,KAAK,YAAY,iDAAiD;AAAA,EACzF,cAAc,8BAAU,KAAK,YAAY,kDAAkD;AAAA,EAC3F,cAAc,8BAAU,KAAK,YAAY,kDAAkD;AAAA,EAC3F,gBAAgB,8BAAU,KAAK,YAAY,oDAAoD;AAAA,EAC/F,kBAAkB,8BAAU,KAAK,YAAY,sDAAsD;AAAA,EACnG,kBAAkB,8BAAU,KAAK;AAAA,IAC/B;AAAA,EACF;AAAA,EACA,oBAAoB,8BAAU,KAAK;AAAA,IACjC;AAAA,EACF;AAAA,EACA,mBAAmB,8BAAU,KAAK;AAAA,IAChC;AAAA,EACF;AAAA,EACA,0BAA0B,8BAAU,OAAO;AAAA,IACzC;AAAA,EACF;AAAA,EACA,0BAA0B,8BAAU,OACjC,YAAY,oGAAoG,EAChH,aAAa,qDAAqD;AAAA,EACrE,6BAA6B,8BAAU,OACpC;AAAA,IACC;AAAA,EACF,EACC,aAAa,UAAU;AAAA,EAC1B,iBAAiB,8BAAU,OACxB,YAAY,2EAA2E,EACvF,aAAa,GAAG;AAAA,EACnB,eAAe,8BAAU,OAAO,YAAY,sBAAsB,EAAE,aAAa,EAAE;AACrF;",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport {\n  PropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  getPropsPerDatatestIdPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { ControlledDateTimePickerDatatestid } from './ControlledDateTimePickerDatatestid.js';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\nconst defaultReturnFalse = (): false => false;\nexport declare namespace DSControlledDateTimePickerT {\n  type DataTestIdType = typeof ControlledDateTimePickerDatatestid;\n  // typescript type that rapresents the union of all the values for ControlledDateTimePickerDatatestid\n  export type FlatDataTestIdValues = {\n    [K in keyof DataTestIdType]: DataTestIdType[K] extends Record<string, unknown>\n      ? DataTestIdType[K][keyof DataTestIdType[K]] // this is only 1 level deep, but it's enough for our needs right now\n      : // can be extended to more levels if needed as follows:\n        // ? DataTestIdType[K][keyof DataTestIdType[K]] extends Record<string, unknown>\n        //   ? DataTestIdType[K][keyof DataTestIdType[K]][keyof DataTestIdType[K][keyof DataTestIdType[K]]]\n        //   : DataTestIdType[K][keyof DataTestIdType[K]]\n        DataTestIdType[K];\n  }[keyof DataTestIdType];\n\n  export type AriaAndDataPropsPerDataTestId = {\n    [key in FlatDataTestIdValues]?: AriaAndDataPropsOrPropsGetter;\n  };\n\n  export type OnInternalValuesChangeEvent =\n    | React.ChangeEvent<HTMLInputElement>\n    | React.KeyboardEvent<HTMLInputElement>\n    | React.KeyboardEvent<HTMLButtonElement>\n    | React.KeyboardEvent\n    | React.MouseEvent<HTMLInputElement>\n    | React.MouseEvent<HTMLButtonElement>;\n  export type ControlTypes =\n    | 'full-date-time'\n    | 'date-time-inputs'\n    | 'date-time-picker'\n    | 'date-time-picker-controller-only'\n    | 'full-date'\n    | 'date-inputs'\n    | 'date-picker'\n    | 'date-picker-controller-only'\n    | 'full-time'\n    | 'time-inputs'\n    | 'time-picker'\n    | 'time-picker-controller-only';\n  export interface InternalInputsChangeMetaInfo {\n    isAutomaticFillTrigger?: boolean;\n    isDayPresentInMonth?: boolean;\n    isOutOfRangeDay?: boolean;\n    isDisabledDay?: boolean;\n    isDisabledTime?: boolean;\n    suggestedErrorMsg?: string;\n    newDateTimeString?: string;\n    newDateString?: string;\n    newTimeString?: string;\n  }\n\n  export type OnDateChange = (val: string, metaInfo: InternalInputsChangeMetaInfo) => void;\n  export type OnTimeChange = (val: string, metaInfo: InternalInputsChangeMetaInfo) => void;\n  export type OnDateTimeChange = (val: string, metaInfo: InternalInputsChangeMetaInfo) => void;\n  export type OnInternalInputsChange = (\n    val: string,\n    e: OnInternalValuesChangeEvent,\n    metaInfo?: InternalInputsChangeMetaInfo,\n  ) => void;\n  export type AppOnInputChange = (\n    val: string,\n    e: OnInternalValuesChangeEvent,\n    metaInfo: InternalInputsChangeMetaInfo,\n  ) => void;\n\n  /* ------------------------ ------------------ ------------------------*/\n  /* ------------------------ DATE CONFIGURATION ------------------------*/\n  /* ------------------------ ------------------ ------------------------*/\n  export interface DefaultDateProps {\n    onMonthChange: AppOnInputChange;\n    onDayChange: AppOnInputChange;\n    onYearChange: AppOnInputChange;\n    onPickerOpen: NoopishFunc;\n    onPickerClose: NoopishFunc;\n    getIsDisabledDay: BooleanGetter<string>;\n    getIsOutOfRangeDay: BooleanGetter<string>;\n    getIsStartRangeDay: BooleanGetter<string>;\n    getIsDayInRange: BooleanGetter<string>;\n    getIsEndRangeDay: BooleanGetter<string>;\n    isClearable: boolean;\n    disabled: boolean;\n    hasError: boolean;\n    autoFocus: boolean;\n    preventCloseOnSelection: boolean;\n  }\n  export interface OptionalDatePickerProps extends AriaAndDataPropsPerDataTestId {\n    emptyPickerStartingMonth?: string;\n    onCalendarOpenFocusedDay?: string;\n    pickerFooterMsg?: string;\n    innerRef?: React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>;\n  }\n  export interface RequiredDatePickerProps {\n    type: 'full-date' | 'date-inputs' | 'date-picker' | 'date-picker-controller-only';\n    date: string;\n    onDateChange: OnDateChange;\n  }\n  export type DatePickerProps = OptionalDatePickerProps & Partial<DefaultDateProps> & RequiredDatePickerProps;\n  export type InternalDatePickerProps = OptionalDatePickerProps & DefaultDateProps & RequiredDatePickerProps;\n\n  /* ------------------------ ------------------ ------------------------*/\n  /* ------------------------ TIME CONFIGURATION ------------------------*/\n  /* ------------------------ ------------------ ------------------------*/\n\n  export interface DefaultTimeProps {\n    onHourChange: AppOnInputChange;\n    onMinuteChange: AppOnInputChange;\n    onMeridiemChange: AppOnInputChange;\n    onPickerOpen: NoopishFunc;\n    onPickerClose: NoopishFunc;\n    getIsDisabledTime: BooleanGetter<string>;\n    minutesInterval: number;\n    isClearable: boolean;\n    disabled: boolean;\n    hasError: boolean;\n    autoFocus: boolean;\n    preventCloseOnSelection: boolean;\n  }\n  export interface OptionalTimePickerProps extends AriaAndDataPropsPerDataTestId {\n    pickerFooterMsg?: string;\n    onTimeWheelOpenStartingTime?: string;\n    innerRef?: React.MutableRefObject<HTMLInputElement | HTMLButtonElement>;\n  }\n  export interface RequiredTimePickerProps {\n    type: 'full-time' | 'time-inputs' | 'time-picker' | 'time-picker-controller-only';\n    time: string;\n    onTimeChange: OnTimeChange;\n  }\n  export type TimePickerProps = OptionalTimePickerProps & Partial<DefaultTimeProps> & RequiredTimePickerProps;\n  export type InternalTimePickerProps = OptionalTimePickerProps & DefaultTimeProps & RequiredTimePickerProps;\n\n  /* -------------------- ---------------------- ------------------------*/\n  /* -------------------- DATETIME CONFIGURATION ------------------------*/\n  /* -------------------- ---------------------- ------------------------*/\n\n  export type DefaultDateTimeProps = DefaultTimeProps &\n    DefaultDateProps & {\n      onDateChange: OnDateChange;\n      onTimeChange: OnTimeChange;\n    };\n  export type OptionalDateTimeProps = AriaAndDataPropsPerDataTestId & OptionalTimePickerProps & OptionalDatePickerProps;\n  export interface RequiredDateTimeProps {\n    type: 'full-date-time' | 'date-time-inputs' | 'date-time-picker' | 'date-time-picker-controller-only';\n    dateTime: string;\n    onDateTimeChange: OnDateTimeChange;\n  }\n\n  export type DateTimePickerProps = Partial<DefaultDateTimeProps> & OptionalDateTimeProps & RequiredDateTimeProps;\n  export type InternalDateTimePickerProps = DefaultDateTimeProps & OptionalDateTimeProps & RequiredDateTimeProps;\n\n  /* ---------------------- ------------------- -------------------------*/\n  /* ---------------------- FINAL CONFIGURATION -------------------------*/\n  /* ---------------------- ------------------- -------------------------*/\n  export type DefaultProps = DefaultDateTimeProps & { type: 'full-date-time' };\n  export type Props = DateTimePickerProps | DatePickerProps | TimePickerProps;\n  export type InternalProps = InternalDateTimePickerProps | InternalDatePickerProps | InternalTimePickerProps;\n}\n\nexport const defaultProps: DSControlledDateTimePickerT.DefaultProps = {\n  type: 'full-date-time',\n  onDateChange: noop,\n  onMonthChange: noop,\n  onDayChange: noop,\n  onYearChange: noop,\n  onTimeChange: noop,\n  onHourChange: noop,\n  onMinuteChange: noop,\n  onMeridiemChange: noop,\n  onPickerOpen: noop,\n  onPickerClose: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  getIsStartRangeDay: defaultReturnFalse,\n  getIsDayInRange: defaultReturnFalse,\n  getIsEndRangeDay: defaultReturnFalse,\n  getIsDisabledTime: defaultReturnFalse,\n  minutesInterval: 1,\n  isClearable: false,\n  disabled: false,\n  hasError: false,\n  autoFocus: false,\n  preventCloseOnSelection: false,\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  type: PropTypes.oneOf([\n    'full-date-time',\n    'date-time-inputs',\n    'date-time-picker',\n    'date-time-picker-controller-only',\n    'full-date',\n    'date-inputs',\n    'date-picker',\n    'date-picker-controller-only',\n    'full-time',\n    'time-inputs',\n    'time-picker',\n    'time-picker-controller-only',\n  ])\n    .description('Type of time form control to use')\n    .defaultValue('full-date-time'),\n  disabled: PropTypes.bool.description('wheter or not the input is disabled').defaultValue(false),\n  isClearable: PropTypes.bool.description('with or without clearable button').defaultValue(false),\n  dateTime: PropTypes.string.description('when using date-time types, this is the value of the controller'),\n  date: PropTypes.string.description('when using date types, this is the value of the controller'),\n  time: PropTypes.string.description('when using time types, this is the value of the controller'),\n  onDateChange: PropTypes.func.description('(newDateString, metaInformations) => void'),\n  onTimeChange: PropTypes.func.description('(newTimeString, metaInformations) => void'),\n  onDateTimeChange: PropTypes.func.description('(newDateTimeString, metaInformations) => void'),\n  onMonthChange: PropTypes.func.description('(newMonthString, event, metaInformations) => void'),\n  onDayChange: PropTypes.func.description('(newDayString, event, metaInformations) => void'),\n  onYearChange: PropTypes.func.description('(newYearString, event, metaInformations) => void'),\n  onHourChange: PropTypes.func.description('(newHourString, event, metaInformations) => void'),\n  onMinuteChange: PropTypes.func.description('(newMinuteString, event, metaInformations) => void'),\n  onMeridiemChange: PropTypes.func.description('(newMeridiemString, event, metaInformations) => void'),\n  getIsDisabledDay: PropTypes.func.description(\n    '(dayAsString) => true for marking as disabled, false for marking as valid',\n  ),\n  getIsOutOfRangeDay: PropTypes.func.description(\n    '(dayAsString) => true for marking as disabled, false for marking as valid',\n  ),\n  getIsDisabledTime: PropTypes.func.description(\n    '(timeAsString) => true for marking as disabled, false for marking as valid',\n  ),\n  emptyPickerStartingMonth: PropTypes.string.description(\n    'which month to start the calendar on open, when value is empty, string following the \"MM/__/YYYY\" pattern',\n  ),\n  onCalendarOpenFocusedDay: PropTypes.string\n    .description('which day to focus on calendar open when value is empty, string following the \"MM/DD/YYYY\" pattern')\n    .defaultValue('if value is empty current month, else current month'),\n  onTimeWheelOpenStartingTime: PropTypes.string\n    .description(\n      'which day to start the timewheel on picker open when value is empty, string following the HH:MM AA\" pattern',\n    )\n    .defaultValue('01:00 AM'),\n  minutesInterval: PropTypes.number\n    .description('increments/decrements of minutes in time related controllers interactions')\n    .defaultValue('1'),\n  'data-testid': PropTypes.string.description('Unique id for tests.').defaultValue(''),\n  ...getPropsPerDatatestIdPropTypes(ControlledDateTimePickerDatatestid),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAKO;AACP,gDAAmD;AAGnD,MAAM,OAAO,MAAY;AAAC;AAC1B,MAAM,qBAAqB,MAAa;AA4JjC,MAAM,eAAyD;AAAA,EACpE,MAAM;AAAA,EACN,cAAc;AAAA,EACd,eAAe;AAAA,EACf,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,yBAAyB;AAC3B;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,kCAAU,MAAM;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,EACE,YAAY,kCAAkC,EAC9C,aAAa,gBAAgB;AAAA,EAChC,UAAU,kCAAU,KAAK,YAAY,qCAAqC,EAAE,aAAa,KAAK;AAAA,EAC9F,aAAa,kCAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,KAAK;AAAA,EAC9F,UAAU,kCAAU,OAAO,YAAY,iEAAiE;AAAA,EACxG,MAAM,kCAAU,OAAO,YAAY,4DAA4D;AAAA,EAC/F,MAAM,kCAAU,OAAO,YAAY,4DAA4D;AAAA,EAC/F,cAAc,kCAAU,KAAK,YAAY,2CAA2C;AAAA,EACpF,cAAc,kCAAU,KAAK,YAAY,2CAA2C;AAAA,EACpF,kBAAkB,kCAAU,KAAK,YAAY,+CAA+C;AAAA,EAC5F,eAAe,kCAAU,KAAK,YAAY,mDAAmD;AAAA,EAC7F,aAAa,kCAAU,KAAK,YAAY,iDAAiD;AAAA,EACzF,cAAc,kCAAU,KAAK,YAAY,kDAAkD;AAAA,EAC3F,cAAc,kCAAU,KAAK,YAAY,kDAAkD;AAAA,EAC3F,gBAAgB,kCAAU,KAAK,YAAY,oDAAoD;AAAA,EAC/F,kBAAkB,kCAAU,KAAK,YAAY,sDAAsD;AAAA,EACnG,kBAAkB,kCAAU,KAAK;AAAA,IAC/B;AAAA,EACF;AAAA,EACA,oBAAoB,kCAAU,KAAK;AAAA,IACjC;AAAA,EACF;AAAA,EACA,mBAAmB,kCAAU,KAAK;AAAA,IAChC;AAAA,EACF;AAAA,EACA,0BAA0B,kCAAU,OAAO;AAAA,IACzC;AAAA,EACF;AAAA,EACA,0BAA0B,kCAAU,OACjC,YAAY,oGAAoG,EAChH,aAAa,qDAAqD;AAAA,EACrE,6BAA6B,kCAAU,OACpC;AAAA,IACC;AAAA,EACF,EACC,aAAa,UAAU;AAAA,EAC1B,iBAAiB,kCAAU,OACxB,YAAY,2EAA2E,EACvF,aAAa,GAAG;AAAA,EACnB,eAAe,kCAAU,OAAO,YAAY,sBAAsB,EAAE,aAAa,EAAE;AAAA,EACnF,OAAG,wDAA+B,4EAAkC;AACtE;",
   "names": []
 }

package/dist/cjs/sharedTypes.js

@@ -14,6 +14,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/sharedTypes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/sharedTypes.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport type React from 'react';\nimport type { DSControlledDateTimePickerT } from './propTypes';\n\nexport declare namespace DSControlledDateTimePickerInternalsT {\n  export type DateDay =\n    | 1\n    | 2\n    | 3\n    | 4\n    | 5\n    | 6\n    | 7\n    | 8\n    | 9\n    | 10\n    | 11\n    | 12\n    | 13\n    | 14\n    | 15\n    | 16\n    | 17\n    | 18\n    | 19\n    | 20\n    | 21\n    | 22\n    | 23\n    | 24\n    | 25\n    | 26\n    | 27\n    | 28\n    | 29\n    | 30\n    | 31;\n  export type DateMonth = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;\n  export interface MetaMonthDay {\n    day: Date;\n    dayAsString: string;\n    isPrevMonthDay: boolean;\n    isNextMonthDay: boolean;\n    isCurrMonthDay: boolean;\n    isHidden: boolean;\n    dayBtnRef: React.MutableRefObject<HTMLButtonElement>;\n  }\n  export type OnKeyDown<HTMLT = HTMLInputElement> = (e: React.KeyboardEvent<HTMLT>) => void;\n  export type OnChangeFunc = (e: React.ChangeEvent<HTMLInputElement>) => void;\n  export type OnDSBtnClick = (\n    e: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement> | React.KeyboardEvent,\n  ) => void;\n  export type HandleOnChangeFunc = (\n    newVal: string,\n    e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent,\n    metaInfo?: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo,\n  ) => void;\n  export type OnBlurFunc = (e: React.FocusEvent<HTMLInputElement>) => void;\n  export type OnFocusFunc = (e: React.FocusEvent<HTMLInputElement>) => void;\n\n  export interface UseDateInputsR {\n    month: string;\n    day: string;\n    year: string;\n    autoFocusMonthInput: boolean;\n    innerRefMonthInput?: false | React.MutableRefObject<HTMLInputElement | HTMLButtonElement>;\n    disabled: boolean;\n    onMonthChange: OnChangeFunc;\n    onDayChange: OnChangeFunc;\n    onYearChange: OnChangeFunc;\n    onMonthFocus: OnFocusFunc;\n    onDayFocus: OnFocusFunc;\n    onYearFocus: OnFocusFunc;\n    onMonthBlur: OnBlurFunc;\n    onDayBlur: OnBlurFunc;\n    onYearBlur: OnBlurFunc;\n    onMonthKeyDown: OnKeyDown;\n    onDayKeyDown: OnKeyDown;\n    onYearKeyDown: OnKeyDown;\n  }\n  export interface InputsReferences {\n    monthInputRef: React.RefObject<HTMLInputElement>;\n    dayInputRef: React.RefObject<HTMLInputElement>;\n    yearInputRef: React.RefObject<HTMLInputElement>;\n    hourInputRef: React.RefObject<HTMLInputElement>;\n    minutesInputRef: React.RefObject<HTMLInputElement>;\n    meridiemInputRef: React.RefObject<HTMLInputElement>;\n    clearButtonRef: React.MutableRefObject<HTMLButtonElement>;\n    pickerButtonRef: React.MutableRefObject<HTMLButtonElement>;\n  }\n  export interface CalendarReferences {\n    prevYearBtnRef: React.MutableRefObject<HTMLButtonElement>;\n    prevMonthBtnRef: React.MutableRefObject<HTMLButtonElement>;\n    nextMonthBtnRef: React.MutableRefObject<HTMLButtonElement>;\n    nextYearBtnRef: React.MutableRefObject<HTMLButtonElement>;\n    calendarDaysWrapperRef: React.MutableRefObject<HTMLDivElement>;\n  }\n  export interface TimewheelReferences {\n    prevHourBtnRef: React.MutableRefObject<HTMLButtonElement>;\n    currHourBtnRef: React.MutableRefObject<HTMLButtonElement>;\n    nextHourBtnRef: React.MutableRefObject<HTMLButtonElement>;\n    prevMinutesBtnRef: React.MutableRefObject<HTMLButtonElement>;\n    currMinutesBtnRef: React.MutableRefObject<HTMLButtonElement>;\n    nextMinutesBtnRef: React.MutableRefObject<HTMLButtonElement>;\n    prevMeridiemBtnRef: React.MutableRefObject<HTMLButtonElement>;\n    currMeridiemBtnRef: React.MutableRefObject<HTMLButtonElement>;\n    nextMeridiemBtnRef: React.MutableRefObject<HTMLButtonElement>;\n  }\n  export interface InternalPrecalculatedFlags {\n    isControllerOnly: boolean;\n    shouldPreserveClearableSpace: boolean;\n    isWithTimeWheelToo: boolean;\n    isWithCalendarToo: boolean;\n    isWithDateInputs: boolean;\n    isWithDateInputsOnly: boolean;\n    isWithTimeInputs: boolean;\n    isWithTimeInputsOnly: boolean;\n    autoFocusMonthInput: boolean;\n    autoFocusHourInput: boolean;\n    autoFocusPrevMonthArrow: boolean;\n    autoFocusHourTimeWheel: boolean;\n    hideDate: boolean;\n    hideTime: boolean;\n    hideDateTimePicker: boolean;\n    hideDatePicker: boolean;\n    hideTimePicker: boolean;\n    withAnyInputs: boolean;\n    withAnyPicker: boolean;\n    withClearBtn: boolean;\n    withAnyRightController: boolean;\n    isDateSelector: boolean;\n    isTimeSelector: boolean;\n    isDateTimeSelector: boolean;\n  }\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport type React from 'react';\nimport type { DSControlledDateTimePickerT } from './propTypes.js';\n\nexport declare namespace DSControlledDateTimePickerInternalsT {\n  export type DateDay =\n    | 1\n    | 2\n    | 3\n    | 4\n    | 5\n    | 6\n    | 7\n    | 8\n    | 9\n    | 10\n    | 11\n    | 12\n    | 13\n    | 14\n    | 15\n    | 16\n    | 17\n    | 18\n    | 19\n    | 20\n    | 21\n    | 22\n    | 23\n    | 24\n    | 25\n    | 26\n    | 27\n    | 28\n    | 29\n    | 30\n    | 31;\n  export type DateMonth = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;\n  export interface MetaMonthDay {\n    day: Date;\n    dayAsString: string;\n    isPrevMonthDay: boolean;\n    isNextMonthDay: boolean;\n    isCurrMonthDay: boolean;\n    isHidden: boolean;\n    dayBtnRef: React.MutableRefObject<HTMLButtonElement>;\n  }\n  export type OnKeyDown<HTMLT = HTMLInputElement> = (e: React.KeyboardEvent<HTMLT>) => void;\n  export type OnChangeFunc = (e: React.ChangeEvent<HTMLInputElement>) => void;\n  export type OnDSBtnClick = (\n    e: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement> | React.KeyboardEvent,\n  ) => void;\n  export type HandleOnChangeFunc = (\n    newVal: string,\n    e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent,\n    metaInfo?: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo,\n  ) => void;\n  export type OnBlurFunc = (e: React.FocusEvent<HTMLInputElement>) => void;\n  export type OnFocusFunc = (e: React.FocusEvent<HTMLInputElement>) => void;\n\n  export interface UseDateInputsR {\n    month: string;\n    day: string;\n    year: string;\n    autoFocusMonthInput: boolean;\n    innerRefMonthInput?: React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>;\n    disabled: boolean;\n    onMonthChange: OnChangeFunc;\n    onDayChange: OnChangeFunc;\n    onYearChange: OnChangeFunc;\n    onMonthFocus: OnFocusFunc;\n    onDayFocus: OnFocusFunc;\n    onYearFocus: OnFocusFunc;\n    onMonthBlur: OnBlurFunc;\n    onDayBlur: OnBlurFunc;\n    onYearBlur: OnBlurFunc;\n    onMonthKeyDown: OnKeyDown;\n    onDayKeyDown: OnKeyDown;\n    onYearKeyDown: OnKeyDown;\n  }\n  export interface InputsReferences {\n    monthInputRef: React.RefObject<HTMLInputElement>;\n    dayInputRef: React.RefObject<HTMLInputElement>;\n    yearInputRef: React.RefObject<HTMLInputElement>;\n    hourInputRef: React.RefObject<HTMLInputElement>;\n    minutesInputRef: React.RefObject<HTMLInputElement>;\n    meridiemInputRef: React.RefObject<HTMLInputElement>;\n    clearButtonRef: React.MutableRefObject<HTMLButtonElement>;\n    pickerButtonRef: React.MutableRefObject<HTMLButtonElement>;\n  }\n  export interface CalendarReferences {\n    prevYearBtnRef: React.MutableRefObject<HTMLButtonElement>;\n    prevMonthBtnRef: React.MutableRefObject<HTMLButtonElement>;\n    nextMonthBtnRef: React.MutableRefObject<HTMLButtonElement>;\n    nextYearBtnRef: React.MutableRefObject<HTMLButtonElement>;\n    calendarDaysWrapperRef: React.MutableRefObject<HTMLDivElement>;\n  }\n  export interface TimewheelReferences {\n    prevHourBtnRef: React.MutableRefObject<HTMLButtonElement>;\n    currHourBtnRef: React.MutableRefObject<HTMLButtonElement>;\n    nextHourBtnRef: React.MutableRefObject<HTMLButtonElement>;\n    prevMinutesBtnRef: React.MutableRefObject<HTMLButtonElement>;\n    currMinutesBtnRef: React.MutableRefObject<HTMLButtonElement>;\n    nextMinutesBtnRef: React.MutableRefObject<HTMLButtonElement>;\n    prevMeridiemBtnRef: React.MutableRefObject<HTMLButtonElement>;\n    currMeridiemBtnRef: React.MutableRefObject<HTMLButtonElement>;\n    nextMeridiemBtnRef: React.MutableRefObject<HTMLButtonElement>;\n  }\n  export interface InternalPrecalculatedFlags {\n    isControllerOnly: boolean;\n    shouldPreserveClearableSpace: boolean;\n    isWithTimeWheelToo: boolean;\n    isWithCalendarToo: boolean;\n    isWithDateInputs: boolean;\n    isWithDateInputsOnly: boolean;\n    isWithTimeInputs: boolean;\n    isWithTimeInputsOnly: boolean;\n    autoFocusMonthInput: boolean;\n    autoFocusHourInput: boolean;\n    autoFocusPrevMonthArrow: boolean;\n    autoFocusHourTimeWheel: boolean;\n    hideDate: boolean;\n    hideTime: boolean;\n    hideDateTimePicker: boolean;\n    hideDatePicker: boolean;\n    hideTimePicker: boolean;\n    withAnyInputs: boolean;\n    withAnyPicker: boolean;\n    withClearBtn: boolean;\n    withAnyRightController: boolean;\n    isDateSelector: boolean;\n    isTimeSelector: boolean;\n    isDateTimeSelector: boolean;\n  }\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
   "names": []
 }

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

@@ -0,0 +1,237 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var customProps_exports = {};
+__export(customProps_exports, {
+  customPropsForFullDatePickerWhenClosed: () => customPropsForFullDatePickerWhenClosed,
+  customPropsForFullDatePickerWhenOpen: () => customPropsForFullDatePickerWhenOpen,
+  customPropsForFullDateTimePickerWhenClosed: () => customPropsForFullDateTimePickerWhenClosed,
+  customPropsForFullDateTimePickerWhenOpen: () => customPropsForFullDateTimePickerWhenOpen,
+  customPropsForFullTimePickerWhenClosed: () => customPropsForFullTimePickerWhenClosed,
+  customPropsForFullTimePickerWhenOpen: () => customPropsForFullTimePickerWhenOpen
+});
+module.exports = __toCommonJS(customProps_exports);
+var React = __toESM(require("react"));
+var import__ = require("../../index");
+const customPropsShareds = {
+  [import__.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 = {
+  [import__.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"
+  },
+  [import__.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"
+  },
+  [import__.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 = {
+  [import__.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"
+  },
+  [import__.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"
+  },
+  [import__.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 = {
+  [import__.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"
+  },
+  [import__.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"
+  },
+  [import__.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"
+  },
+  [import__.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"
+  },
+  [import__.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"
+  },
+  [import__.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 = {
+  [import__.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"
+  },
+  [import__.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"
+  },
+  [import__.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"
+  },
+  [import__.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"
+  },
+  [import__.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"
+  },
+  [import__.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"
+  },
+  [import__.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"
+  },
+  [import__.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"
+  },
+  [import__.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"
+  },
+  [import__.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"
+  },
+  [import__.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"
+  },
+  [import__.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"
+  },
+  [import__.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,
+  [import__.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,
+  [import__.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,
+  [import__.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,
+  [import__.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,
+  [import__.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,
+  [import__.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
+};
+//# sourceMappingURL=customProps.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/tests/custom-props/customProps.js", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/utils/constants.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/utils/constants.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/constants.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const weekDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'] as const;\n\nexport const monthNames = [\n  'January',\n  'February',\n  'March',\n  'April',\n  'May',\n  'June',\n  'July',\n  'August',\n  'September',\n  'October',\n  'November',\n  'December',\n] as const;\n\nexport const announcableCardinalDays = {\n  1: 'first',\n  2: 'second',\n  3: 'third',\n  4: 'fourth',\n  5: 'fifth',\n  6: 'sixth',\n  7: 'seventh',\n  8: 'eighth',\n  9: 'ninth',\n  10: 'tenth',\n  11: 'eleventh',\n  12: 'twelfth',\n  13: 'thirteenth',\n  14: 'fourteenth',\n  15: 'fifteenth',\n  16: 'sixteenth',\n  17: 'seventeenth',\n  18: 'eighteenth',\n  19: 'ninteenth',\n  20: 'twentieth',\n  21: 'twentie first',\n  22: 'twentie second',\n  23: 'twentie third',\n  24: 'twentie fourth',\n  25: 'twentie fifth',\n  26: 'twentie sixth',\n  27: 'twentie seventh',\n  28: 'twentie eighth',\n  29: 'twentie ninth',\n  30: 'thirtieth',\n  31: 'thirty first',\n} as const;\n\nexport const defaultMetaInfo = { isAutomaticFillTrigger: false };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,WAAW,CAAC,UAAU,UAAU,WAAW,aAAa,YAAY,UAAU,UAAU;AAE9F,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,0BAA0B;AAAA,EACrC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,MAAM,kBAAkB,EAAE,wBAAwB,MAAM;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,WAAW,CAAC,UAAU,UAAU,WAAW,aAAa,YAAY,UAAU,UAAU;AAE9F,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,0BAA0B;AAAA,EACrC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,MAAM,kBAAkB,EAAE,wBAAwB,MAAM;",
   "names": []
 }

package/dist/cjs/utils/dateHelpers.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -55,9 +59,9 @@ __export(dateHelpers_exports, {
 module.exports = __toCommonJS(dateHelpers_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
-var import_constants = require("./constants");
-var import_stringHelpers = require("./stringHelpers");
-var import_numberHelpers = require("./numberHelpers");
+var import_constants = require("./constants.js");
+var import_stringHelpers = require("./stringHelpers.js");
+var import_numberHelpers = require("./numberHelpers.js");
 const getDateValuesFromDate = (day) => ({
   month: day?.getMonth?.(),
   day: day?.getDate?.(),