@elliemae/ds-form-date-range-picker 3.70.0-next.40 → 3.70.0-next.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -77,10 +77,9 @@ const ControlledDateRangeFromDate = () => {
77
77
  applyAriaDisabled,
78
78
  ...dateTimePickerFromProps,
79
79
  type: import_ds_form_date_time_picker.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
80
- dsControlleddatetimepickerRoot: {
81
- role: "group",
82
- "aria-label": "Start date"
83
- }
80
+ dsControlleddatetimepickerTimePickerMonthInput: { "aria-label": "Start date month" },
81
+ dsControlleddatetimepickerTimePickerDayInput: { "aria-label": "Start date day" },
82
+ dsControlleddatetimepickerTimePickerYearInput: { "aria-label": "Start date year" }
84
83
  }
85
84
  );
86
85
  };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/parts/ControlledDateRangeFromDate.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\n\nexport const ControlledDateRangeFromDate = (): JSX.Element => {\n const {\n props: {\n fromDate,\n onMonthFromChange,\n onDayFromChange,\n onYearFromChange,\n isClearable,\n getIsDisabledDay,\n getIsOutOfRangeDay,\n hasError,\n autoFocus,\n innerRef,\n tabIndex,\n disabled,\n readOnly,\n applyAriaDisabled,\n dateTimePickerFromProps,\n },\n rangePickerLogic: { handleFromDateChange },\n } = useContext(ControlledDateRangePickerContext);\n return (\n <DSControlledDateTimePicker\n date={fromDate}\n onDateChange={handleFromDateChange}\n onMonthChange={onMonthFromChange}\n onDayChange={onDayFromChange}\n onYearChange={onYearFromChange}\n isClearable={isClearable}\n getIsDisabledDay={getIsDisabledDay}\n getIsOutOfRangeDay={getIsOutOfRangeDay}\n hasError={hasError}\n autoFocus={autoFocus}\n innerRef={innerRef}\n tabIndex={tabIndex}\n disabled={disabled}\n readOnly={readOnly}\n applyAriaDisabled={applyAriaDisabled}\n {...dateTimePickerFromProps}\n type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n dsControlleddatetimepickerRoot={{\n role: 'group',\n 'aria-label': 'Start date',\n }}\n />\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0BnB;AA1BJ,mBAAkC;AAClC,sCAA8E;AAC9E,0CAAiD;AAE1C,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,qBAAqB;AAAA,EAC3C,QAAI,yBAAW,oEAAgC;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,MAAM,kEAAkC,KAAK;AAAA,MAC7C,gCAAgC;AAAA,QAC9B,MAAM;AAAA,QACN,cAAc;AAAA,MAChB;AAAA;AAAA,EACF;AAEJ;",
4
+ "sourcesContent": ["import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\n\nexport const ControlledDateRangeFromDate = (): JSX.Element => {\n const {\n props: {\n fromDate,\n onMonthFromChange,\n onDayFromChange,\n onYearFromChange,\n isClearable,\n getIsDisabledDay,\n getIsOutOfRangeDay,\n hasError,\n autoFocus,\n innerRef,\n tabIndex,\n disabled,\n readOnly,\n applyAriaDisabled,\n dateTimePickerFromProps,\n },\n rangePickerLogic: { handleFromDateChange },\n } = useContext(ControlledDateRangePickerContext);\n return (\n <DSControlledDateTimePicker\n date={fromDate}\n onDateChange={handleFromDateChange}\n onMonthChange={onMonthFromChange}\n onDayChange={onDayFromChange}\n onYearChange={onYearFromChange}\n isClearable={isClearable}\n getIsDisabledDay={getIsDisabledDay}\n getIsOutOfRangeDay={getIsOutOfRangeDay}\n hasError={hasError}\n autoFocus={autoFocus}\n innerRef={innerRef}\n tabIndex={tabIndex}\n disabled={disabled}\n readOnly={readOnly}\n applyAriaDisabled={applyAriaDisabled}\n {...dateTimePickerFromProps}\n type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n // Name each spinbutton with the \"Start date\" context instead of wrapping the inputs in a\n // named role=\"group\". A nested named group collides with the DSFormLayoutBlockItem fieldset\n // legend that announces the feedback/validation message (PUI-17322 kept 1.3.1 via naming).\n dsControlleddatetimepickerTimePickerMonthInput={{ 'aria-label': 'Start date month' }}\n dsControlleddatetimepickerTimePickerDayInput={{ 'aria-label': 'Start date day' }}\n dsControlleddatetimepickerTimePickerYearInput={{ 'aria-label': 'Start date year' }}\n />\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0BnB;AA1BJ,mBAAkC;AAClC,sCAA8E;AAC9E,0CAAiD;AAE1C,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,qBAAqB;AAAA,EAC3C,QAAI,yBAAW,oEAAgC;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,MAAM,kEAAkC,KAAK;AAAA,MAI7C,gDAAgD,EAAE,cAAc,mBAAmB;AAAA,MACnF,8CAA8C,EAAE,cAAc,iBAAiB;AAAA,MAC/E,+CAA+C,EAAE,cAAc,kBAAkB;AAAA;AAAA,EACnF;AAEJ;",
6
6
  "names": []
7
7
  }
@@ -73,10 +73,9 @@ const ControlledDateRangeToDate = () => {
73
73
  applyAriaDisabled,
74
74
  ...dateTimePickerToProps,
75
75
  type: import_ds_form_date_time_picker.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
76
- dsControlleddatetimepickerRoot: {
77
- role: "group",
78
- "aria-label": "End date"
79
- }
76
+ dsControlleddatetimepickerTimePickerMonthInput: { "aria-label": "End date month" },
77
+ dsControlleddatetimepickerTimePickerDayInput: { "aria-label": "End date day" },
78
+ dsControlleddatetimepickerTimePickerYearInput: { "aria-label": "End date year" }
80
79
  }
81
80
  );
82
81
  };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/parts/ControlledDateRangeToDate.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\n\nexport const ControlledDateRangeToDate = (): JSX.Element => {\n const {\n props: {\n toDate,\n onMonthToChange,\n onDayToChange,\n onYearToChange,\n isClearable,\n getIsDisabledDay,\n getIsOutOfRangeDay,\n hasError,\n tabIndex,\n disabled,\n readOnly,\n applyAriaDisabled,\n dateTimePickerToProps,\n },\n rangePickerLogic: { handleToDateChange },\n } = useContext(ControlledDateRangePickerContext);\n return (\n <DSControlledDateTimePicker\n date={toDate}\n onDateChange={handleToDateChange}\n onMonthChange={onMonthToChange}\n onDayChange={onDayToChange}\n onYearChange={onYearToChange}\n isClearable={isClearable}\n getIsDisabledDay={getIsDisabledDay}\n getIsOutOfRangeDay={getIsOutOfRangeDay}\n hasError={hasError}\n tabIndex={tabIndex}\n disabled={disabled}\n readOnly={readOnly}\n applyAriaDisabled={applyAriaDisabled}\n {...dateTimePickerToProps}\n type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n dsControlleddatetimepickerRoot={{\n role: 'group',\n 'aria-label': 'End date',\n }}\n />\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBnB;AAxBJ,mBAAkC;AAClC,sCAA8E;AAC9E,0CAAiD;AAE1C,MAAM,4BAA4B,MAAmB;AAC1D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,mBAAmB;AAAA,EACzC,QAAI,yBAAW,oEAAgC;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,MAAM,kEAAkC,KAAK;AAAA,MAC7C,gCAAgC;AAAA,QAC9B,MAAM;AAAA,QACN,cAAc;AAAA,MAChB;AAAA;AAAA,EACF;AAEJ;",
4
+ "sourcesContent": ["import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\n\nexport const ControlledDateRangeToDate = (): JSX.Element => {\n const {\n props: {\n toDate,\n onMonthToChange,\n onDayToChange,\n onYearToChange,\n isClearable,\n getIsDisabledDay,\n getIsOutOfRangeDay,\n hasError,\n tabIndex,\n disabled,\n readOnly,\n applyAriaDisabled,\n dateTimePickerToProps,\n },\n rangePickerLogic: { handleToDateChange },\n } = useContext(ControlledDateRangePickerContext);\n return (\n <DSControlledDateTimePicker\n date={toDate}\n onDateChange={handleToDateChange}\n onMonthChange={onMonthToChange}\n onDayChange={onDayToChange}\n onYearChange={onYearToChange}\n isClearable={isClearable}\n getIsDisabledDay={getIsDisabledDay}\n getIsOutOfRangeDay={getIsOutOfRangeDay}\n hasError={hasError}\n tabIndex={tabIndex}\n disabled={disabled}\n readOnly={readOnly}\n applyAriaDisabled={applyAriaDisabled}\n {...dateTimePickerToProps}\n type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n // Name each spinbutton with the \"End date\" context instead of wrapping the inputs in a\n // named role=\"group\". A nested named group collides with the DSFormLayoutBlockItem fieldset\n // legend that announces the feedback/validation message (PUI-17322 kept 1.3.1 via naming).\n dsControlleddatetimepickerTimePickerMonthInput={{ 'aria-label': 'End date month' }}\n dsControlleddatetimepickerTimePickerDayInput={{ 'aria-label': 'End date day' }}\n dsControlleddatetimepickerTimePickerYearInput={{ 'aria-label': 'End date year' }}\n />\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBnB;AAxBJ,mBAAkC;AAClC,sCAA8E;AAC9E,0CAAiD;AAE1C,MAAM,4BAA4B,MAAmB;AAC1D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,mBAAmB;AAAA,EACzC,QAAI,yBAAW,oEAAgC;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,MAAM,kEAAkC,KAAK;AAAA,MAI7C,gDAAgD,EAAE,cAAc,iBAAiB;AAAA,MACjF,8CAA8C,EAAE,cAAc,eAAe;AAAA,MAC7E,+CAA+C,EAAE,cAAc,gBAAgB;AAAA;AAAA,EACjF;AAEJ;",
6
6
  "names": []
7
7
  }
@@ -44,10 +44,9 @@ const ControlledDateRangeFromDate = () => {
44
44
  applyAriaDisabled,
45
45
  ...dateTimePickerFromProps,
46
46
  type: CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
47
- dsControlleddatetimepickerRoot: {
48
- role: "group",
49
- "aria-label": "Start date"
50
- }
47
+ dsControlleddatetimepickerTimePickerMonthInput: { "aria-label": "Start date month" },
48
+ dsControlleddatetimepickerTimePickerDayInput: { "aria-label": "Start date day" },
49
+ dsControlleddatetimepickerTimePickerYearInput: { "aria-label": "Start date year" }
51
50
  }
52
51
  );
53
52
  };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/ControlledDateRangeFromDate.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\n\nexport const ControlledDateRangeFromDate = (): JSX.Element => {\n const {\n props: {\n fromDate,\n onMonthFromChange,\n onDayFromChange,\n onYearFromChange,\n isClearable,\n getIsDisabledDay,\n getIsOutOfRangeDay,\n hasError,\n autoFocus,\n innerRef,\n tabIndex,\n disabled,\n readOnly,\n applyAriaDisabled,\n dateTimePickerFromProps,\n },\n rangePickerLogic: { handleFromDateChange },\n } = useContext(ControlledDateRangePickerContext);\n return (\n <DSControlledDateTimePicker\n date={fromDate}\n onDateChange={handleFromDateChange}\n onMonthChange={onMonthFromChange}\n onDayChange={onDayFromChange}\n onYearChange={onYearFromChange}\n isClearable={isClearable}\n getIsDisabledDay={getIsDisabledDay}\n getIsOutOfRangeDay={getIsOutOfRangeDay}\n hasError={hasError}\n autoFocus={autoFocus}\n innerRef={innerRef}\n tabIndex={tabIndex}\n disabled={disabled}\n readOnly={readOnly}\n applyAriaDisabled={applyAriaDisabled}\n {...dateTimePickerFromProps}\n type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n dsControlleddatetimepickerRoot={{\n role: 'group',\n 'aria-label': 'Start date',\n }}\n />\n );\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;AC0BnB;AA1BJ,SAAgB,kBAAkB;AAClC,SAAS,mCAAmC,kCAAkC;AAC9E,SAAS,wCAAwC;AAE1C,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,qBAAqB;AAAA,EAC3C,IAAI,WAAW,gCAAgC;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,MAAM,kCAAkC,KAAK;AAAA,MAC7C,gCAAgC;AAAA,QAC9B,MAAM;AAAA,QACN,cAAc;AAAA,MAChB;AAAA;AAAA,EACF;AAEJ;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\n\nexport const ControlledDateRangeFromDate = (): JSX.Element => {\n const {\n props: {\n fromDate,\n onMonthFromChange,\n onDayFromChange,\n onYearFromChange,\n isClearable,\n getIsDisabledDay,\n getIsOutOfRangeDay,\n hasError,\n autoFocus,\n innerRef,\n tabIndex,\n disabled,\n readOnly,\n applyAriaDisabled,\n dateTimePickerFromProps,\n },\n rangePickerLogic: { handleFromDateChange },\n } = useContext(ControlledDateRangePickerContext);\n return (\n <DSControlledDateTimePicker\n date={fromDate}\n onDateChange={handleFromDateChange}\n onMonthChange={onMonthFromChange}\n onDayChange={onDayFromChange}\n onYearChange={onYearFromChange}\n isClearable={isClearable}\n getIsDisabledDay={getIsDisabledDay}\n getIsOutOfRangeDay={getIsOutOfRangeDay}\n hasError={hasError}\n autoFocus={autoFocus}\n innerRef={innerRef}\n tabIndex={tabIndex}\n disabled={disabled}\n readOnly={readOnly}\n applyAriaDisabled={applyAriaDisabled}\n {...dateTimePickerFromProps}\n type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n // Name each spinbutton with the \"Start date\" context instead of wrapping the inputs in a\n // named role=\"group\". A nested named group collides with the DSFormLayoutBlockItem fieldset\n // legend that announces the feedback/validation message (PUI-17322 kept 1.3.1 via naming).\n dsControlleddatetimepickerTimePickerMonthInput={{ 'aria-label': 'Start date month' }}\n dsControlleddatetimepickerTimePickerDayInput={{ 'aria-label': 'Start date day' }}\n dsControlleddatetimepickerTimePickerYearInput={{ 'aria-label': 'Start date year' }}\n />\n );\n};\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;AC0BnB;AA1BJ,SAAgB,kBAAkB;AAClC,SAAS,mCAAmC,kCAAkC;AAC9E,SAAS,wCAAwC;AAE1C,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,qBAAqB;AAAA,EAC3C,IAAI,WAAW,gCAAgC;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,MAAM,kCAAkC,KAAK;AAAA,MAI7C,gDAAgD,EAAE,cAAc,mBAAmB;AAAA,MACnF,8CAA8C,EAAE,cAAc,iBAAiB;AAAA,MAC/E,+CAA+C,EAAE,cAAc,kBAAkB;AAAA;AAAA,EACnF;AAEJ;",
6
6
  "names": []
7
7
  }
@@ -40,10 +40,9 @@ const ControlledDateRangeToDate = () => {
40
40
  applyAriaDisabled,
41
41
  ...dateTimePickerToProps,
42
42
  type: CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
43
- dsControlleddatetimepickerRoot: {
44
- role: "group",
45
- "aria-label": "End date"
46
- }
43
+ dsControlleddatetimepickerTimePickerMonthInput: { "aria-label": "End date month" },
44
+ dsControlleddatetimepickerTimePickerDayInput: { "aria-label": "End date day" },
45
+ dsControlleddatetimepickerTimePickerYearInput: { "aria-label": "End date year" }
47
46
  }
48
47
  );
49
48
  };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/ControlledDateRangeToDate.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\n\nexport const ControlledDateRangeToDate = (): JSX.Element => {\n const {\n props: {\n toDate,\n onMonthToChange,\n onDayToChange,\n onYearToChange,\n isClearable,\n getIsDisabledDay,\n getIsOutOfRangeDay,\n hasError,\n tabIndex,\n disabled,\n readOnly,\n applyAriaDisabled,\n dateTimePickerToProps,\n },\n rangePickerLogic: { handleToDateChange },\n } = useContext(ControlledDateRangePickerContext);\n return (\n <DSControlledDateTimePicker\n date={toDate}\n onDateChange={handleToDateChange}\n onMonthChange={onMonthToChange}\n onDayChange={onDayToChange}\n onYearChange={onYearToChange}\n isClearable={isClearable}\n getIsDisabledDay={getIsDisabledDay}\n getIsOutOfRangeDay={getIsOutOfRangeDay}\n hasError={hasError}\n tabIndex={tabIndex}\n disabled={disabled}\n readOnly={readOnly}\n applyAriaDisabled={applyAriaDisabled}\n {...dateTimePickerToProps}\n type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n dsControlleddatetimepickerRoot={{\n role: 'group',\n 'aria-label': 'End date',\n }}\n />\n );\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACwBnB;AAxBJ,SAAgB,kBAAkB;AAClC,SAAS,mCAAmC,kCAAkC;AAC9E,SAAS,wCAAwC;AAE1C,MAAM,4BAA4B,MAAmB;AAC1D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,mBAAmB;AAAA,EACzC,IAAI,WAAW,gCAAgC;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,MAAM,kCAAkC,KAAK;AAAA,MAC7C,gCAAgC;AAAA,QAC9B,MAAM;AAAA,QACN,cAAc;AAAA,MAChB;AAAA;AAAA,EACF;AAEJ;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\n\nexport const ControlledDateRangeToDate = (): JSX.Element => {\n const {\n props: {\n toDate,\n onMonthToChange,\n onDayToChange,\n onYearToChange,\n isClearable,\n getIsDisabledDay,\n getIsOutOfRangeDay,\n hasError,\n tabIndex,\n disabled,\n readOnly,\n applyAriaDisabled,\n dateTimePickerToProps,\n },\n rangePickerLogic: { handleToDateChange },\n } = useContext(ControlledDateRangePickerContext);\n return (\n <DSControlledDateTimePicker\n date={toDate}\n onDateChange={handleToDateChange}\n onMonthChange={onMonthToChange}\n onDayChange={onDayToChange}\n onYearChange={onYearToChange}\n isClearable={isClearable}\n getIsDisabledDay={getIsDisabledDay}\n getIsOutOfRangeDay={getIsOutOfRangeDay}\n hasError={hasError}\n tabIndex={tabIndex}\n disabled={disabled}\n readOnly={readOnly}\n applyAriaDisabled={applyAriaDisabled}\n {...dateTimePickerToProps}\n type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n // Name each spinbutton with the \"End date\" context instead of wrapping the inputs in a\n // named role=\"group\". A nested named group collides with the DSFormLayoutBlockItem fieldset\n // legend that announces the feedback/validation message (PUI-17322 kept 1.3.1 via naming).\n dsControlleddatetimepickerTimePickerMonthInput={{ 'aria-label': 'End date month' }}\n dsControlleddatetimepickerTimePickerDayInput={{ 'aria-label': 'End date day' }}\n dsControlleddatetimepickerTimePickerYearInput={{ 'aria-label': 'End date year' }}\n />\n );\n};\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACwBnB;AAxBJ,SAAgB,kBAAkB;AAClC,SAAS,mCAAmC,kCAAkC;AAC9E,SAAS,wCAAwC;AAE1C,MAAM,4BAA4B,MAAmB;AAC1D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,mBAAmB;AAAA,EACzC,IAAI,WAAW,gCAAgC;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,MAAM,kCAAkC,KAAK;AAAA,MAI7C,gDAAgD,EAAE,cAAc,iBAAiB;AAAA,MACjF,8CAA8C,EAAE,cAAc,eAAe;AAAA,MAC7E,+CAA+C,EAAE,cAAc,gBAAgB;AAAA;AAAA,EACjF;AAEJ;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-form-date-range-picker",
3
- "version": "3.70.0-next.40",
3
+ "version": "3.70.0-next.42",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Controlled Form Date Range Picker",
6
6
  "files": [
@@ -37,18 +37,18 @@
37
37
  },
38
38
  "dependencies": {
39
39
  "uid": "^2.0.2",
40
- "@elliemae/ds-props-helpers": "3.70.0-next.40",
41
- "@elliemae/ds-form-date-time-picker": "3.70.0-next.40",
42
- "@elliemae/ds-system": "3.70.0-next.40",
43
- "@elliemae/ds-typescript-helpers": "3.70.0-next.40"
40
+ "@elliemae/ds-form-date-time-picker": "3.70.0-next.42",
41
+ "@elliemae/ds-typescript-helpers": "3.70.0-next.42",
42
+ "@elliemae/ds-props-helpers": "3.70.0-next.42",
43
+ "@elliemae/ds-system": "3.70.0-next.42"
44
44
  },
45
45
  "devDependencies": {
46
46
  "@elliemae/pui-theme": "~2.13.0",
47
47
  "jest": "^30.0.0",
48
48
  "styled-components": "~5.3.9",
49
49
  "styled-system": "^5.1.5",
50
- "@elliemae/ds-test-utils": "3.70.0-next.40",
51
- "@elliemae/ds-monorepo-devops": "3.70.0-next.40"
50
+ "@elliemae/ds-monorepo-devops": "3.70.0-next.42",
51
+ "@elliemae/ds-test-utils": "3.70.0-next.42"
52
52
  },
53
53
  "peerDependencies": {
54
54
  "@elliemae/pui-theme": "~2.13.0",