@elliemae/ds-form-date-range-picker 3.5.0-rc.1 → 3.5.0-rc.2

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.
Files changed (10) hide show
  1. package/dist/cjs/index.d.js.map +1 -1
  2. package/dist/cjs/parts/ControlledDateRangeCalendar.js +1 -0
  3. package/dist/cjs/parts/ControlledDateRangeCalendar.js.map +2 -2
  4. package/dist/cjs/parts/ControlledDateRangeFromDate.js +4 -2
  5. package/dist/cjs/parts/ControlledDateRangeFromDate.js.map +2 -2
  6. package/dist/esm/parts/ControlledDateRangeCalendar.js +1 -0
  7. package/dist/esm/parts/ControlledDateRangeCalendar.js.map +2 -2
  8. package/dist/esm/parts/ControlledDateRangeFromDate.js +4 -2
  9. package/dist/esm/parts/ControlledDateRangeFromDate.js.map +2 -2
  10. package/package.json +5 -5
package/dist/cjs/index.d.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.d.ts", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import type { DSFormLayoutBlockItemPropsT } from '@elliemae/ds-form-layout-blocks';\nimport type { onDateChangeT, onInternalInputsChangeT, internalInputsChangeMetaInfo } from '../date-time-picker/index.d';\n\nexport interface RangePickerMetaInfoT extends internalInputsChangeMetaInfo {\n rangeDateChangeType?: 'from' | 'to';\n automaticSwitchedDates?: boolean;\n isIncorrectOrder?: boolean;\n}\nexport type rangeOnDateChangeT = (val: string, metaInfo: RangePickerMetaInfoT) => void;\nexport type ControlledDateRangeTypeT =\n | 'full-date-range'\n | 'date-range-picker-controller-only'\n | 'date-range-picker'\n | 'date-range-inputs';\n\nexport interface DateRangePickerPropsT {\n type: ControlledDateRangeTypeT;\n fromDate: string;\n onFromDateChange: rangeOnDateChangeT;\n onMonthFromChange: onInternalInputsChangeT;\n onDayFromChange: onInternalInputsChangeT;\n onYearFromChange: onInternalInputsChangeT;\n hasError: boolean;\n pickerFooterMsg: string;\n\n toDate: string;\n onToDateChange: rangeOnDateChangeT;\n onMonthToChange: onInternalInputsChangeT;\n onDayToChange: onInternalInputsChangeT;\n onYearToChange: onInternalInputsChangeT;\n\n emptyPickerStartingMonth?: string;\n onCalendarOpenFocusedDay?: string;\n isClearable?: boolean;\n getIsDisabledDay?: (day: string) => boolean;\n getIsOutOfRangeDay?: (day: string) => boolean;\n autoFocus?: boolean;\n}\n\nexport interface RangePickerLogicT {\n latestChangedDate: string;\n\n onCalendarOpen: () => void;\n onCalendarClose: () => void;\n\n handleFromDateChange: rangeOnDateChangeT;\n handleToDateChange: rangeOnDateChangeT;\n\n handlePickerDateChange: rangeOnDateChangeT;\n handlePickerMonthDateChange: onInternalInputsChangeT;\n handlePickerDayDateChange: onInternalInputsChangeT;\n handlePickerYearDateChange: onInternalInputsChangeT;\n\n getIsStartRangeDay: (day: string) => boolean;\n getIsDayInRange: (day: string) => boolean;\n getIsEndRangeDay: (day: string) => boolean;\n}\nexport interface ControlledDateRangePickerContextT {\n props: DateRangePickerPropsT;\n instanceUID: string;\n rangePickerLogic: RangePickerLogicT;\n withInputs: boolean;\n withIcon: boolean;\n isControllerOnly: boolean;\n isPickerOnly: boolean;\n isPickerOnly: boolean;\n xstyledAttrs: Record<string, unknown>;\n globalAttrs: Record<string, unknown>;\n}\n", "import * as React from 'react';\nexport { React };\n"],
4
+ "sourcesContent": ["import type { DSFormLayoutBlockItemPropsT } from '@elliemae/ds-form-layout-blocks';\nimport React from 'react';\nimport type { onDateChangeT, onInternalInputsChangeT, internalInputsChangeMetaInfo } from '../date-time-picker/index.d';\n\nexport interface RangePickerMetaInfoT extends internalInputsChangeMetaInfo {\n rangeDateChangeType?: 'from' | 'to';\n automaticSwitchedDates?: boolean;\n isIncorrectOrder?: boolean;\n}\nexport type rangeOnDateChangeT = (val: string, metaInfo: RangePickerMetaInfoT) => void;\nexport type ControlledDateRangeTypeT =\n | 'full-date-range'\n | 'date-range-picker-controller-only'\n | 'date-range-picker'\n | 'date-range-inputs';\n\nexport interface DateRangePickerPropsT {\n type: ControlledDateRangeTypeT;\n fromDate: string;\n onFromDateChange: rangeOnDateChangeT;\n onMonthFromChange: onInternalInputsChangeT;\n onDayFromChange: onInternalInputsChangeT;\n onYearFromChange: onInternalInputsChangeT;\n hasError: boolean;\n pickerFooterMsg: string;\n\n toDate: string;\n onToDateChange: rangeOnDateChangeT;\n onMonthToChange: onInternalInputsChangeT;\n onDayToChange: onInternalInputsChangeT;\n onYearToChange: onInternalInputsChangeT;\n\n emptyPickerStartingMonth?: string;\n onCalendarOpenFocusedDay?: string;\n isClearable?: boolean;\n getIsDisabledDay?: (day: string) => boolean;\n getIsOutOfRangeDay?: (day: string) => boolean;\n autoFocus?: boolean;\n innerRef?: React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>;\n}\n\nexport interface RangePickerLogicT {\n latestChangedDate: string;\n\n onCalendarOpen: () => void;\n onCalendarClose: () => void;\n\n handleFromDateChange: rangeOnDateChangeT;\n handleToDateChange: rangeOnDateChangeT;\n\n handlePickerDateChange: rangeOnDateChangeT;\n handlePickerMonthDateChange: onInternalInputsChangeT;\n handlePickerDayDateChange: onInternalInputsChangeT;\n handlePickerYearDateChange: onInternalInputsChangeT;\n\n getIsStartRangeDay: (day: string) => boolean;\n getIsDayInRange: (day: string) => boolean;\n getIsEndRangeDay: (day: string) => boolean;\n}\nexport interface ControlledDateRangePickerContextT {\n props: DateRangePickerPropsT;\n instanceUID: string;\n rangePickerLogic: RangePickerLogicT;\n withInputs: boolean;\n withIcon: boolean;\n isControllerOnly: boolean;\n isPickerOnly: boolean;\n isPickerOnly: boolean;\n xstyledAttrs: Record<string, unknown>;\n globalAttrs: Record<string, unknown>;\n}\n", "import * as React from 'react';\nexport { React };\n"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
6
6
  "names": []
7
7
  }
package/dist/cjs/parts/ControlledDateRangeCalendar.js CHANGED
@@ -38,6 +38,7 @@ const ControlledDateRangeCalendar = () => {
38
38
  getIsOutOfRangeDay,
39
39
  hasError,
40
40
  autoFocus,
41
+ innerRef,
41
42
  pickerFooterMsg
42
43
  },
43
44
  rangePickerLogic: {
package/dist/cjs/parts/ControlledDateRangeCalendar.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/parts/ControlledDateRangeCalendar.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';\n\nexport const ControlledDateRangeCalendar = (): JSX.Element => {\n const {\n props: {\n emptyPickerStartingMonth,\n onCalendarOpenFocusedDay,\n isClearable,\n getIsDisabledDay,\n getIsOutOfRangeDay,\n hasError,\n autoFocus,\n pickerFooterMsg,\n },\n rangePickerLogic: {\n latestChangedDate,\n onCalendarOpen,\n onCalendarClose,\n handlePickerDateChange,\n handlePickerMonthDateChange,\n handlePickerDayDateChange,\n handlePickerYearDateChange,\n getIsStartRangeDay,\n getIsDayInRange,\n getIsEndRangeDay,\n },\n isControllerOnly,\n } = useContext(ControlledDateRangePickerContext);\n\n return (\n <DSControlledDateTimePicker\n type={\n isControllerOnly\n ? CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY\n : CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER\n }\n date={latestChangedDate}\n onDateChange={handlePickerDateChange}\n onMonthChange={handlePickerMonthDateChange}\n onDayChange={handlePickerDayDateChange}\n onYearChange={handlePickerYearDateChange}\n getIsStartRangeDay={getIsStartRangeDay}\n getIsDayInRange={getIsDayInRange}\n getIsEndRangeDay={getIsEndRangeDay}\n onPickerOpen={onCalendarOpen}\n onPickerClose={onCalendarClose}\n isClearable={isClearable}\n getIsDisabledDay={getIsDisabledDay}\n getIsOutOfRangeDay={getIsOutOfRangeDay}\n emptyPickerStartingMonth={emptyPickerStartingMonth}\n onCalendarOpenFocusedDay={onCalendarOpenFocusedDay}\n preventCloseOnSelection\n hasError={hasError}\n pickerFooterMsg={pickerFooterMsg}\n autoFocus={autoFocus}\n />\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,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;AAAA,IAEF,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,MACE,6BAAW,oEAAgC;AAE/C,SACE,mDAAC;AAAA,IACC,MACE,mBACI,kEAAkC,KAAK,kBACvC,kEAAkC,KAAK;AAAA,IAE7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,yBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,GACF;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';\n\nexport const ControlledDateRangeCalendar = (): JSX.Element => {\n const {\n props: {\n emptyPickerStartingMonth,\n onCalendarOpenFocusedDay,\n isClearable,\n getIsDisabledDay,\n getIsOutOfRangeDay,\n hasError,\n autoFocus,\n innerRef,\n pickerFooterMsg,\n },\n rangePickerLogic: {\n latestChangedDate,\n onCalendarOpen,\n onCalendarClose,\n handlePickerDateChange,\n handlePickerMonthDateChange,\n handlePickerDayDateChange,\n handlePickerYearDateChange,\n getIsStartRangeDay,\n getIsDayInRange,\n getIsEndRangeDay,\n },\n isControllerOnly,\n } = useContext(ControlledDateRangePickerContext);\n\n return (\n <DSControlledDateTimePicker\n type={\n isControllerOnly\n ? CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY\n : CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER\n }\n date={latestChangedDate}\n onDateChange={handlePickerDateChange}\n onMonthChange={handlePickerMonthDateChange}\n onDayChange={handlePickerDayDateChange}\n onYearChange={handlePickerYearDateChange}\n getIsStartRangeDay={getIsStartRangeDay}\n getIsDayInRange={getIsDayInRange}\n getIsEndRangeDay={getIsEndRangeDay}\n onPickerOpen={onCalendarOpen}\n onPickerClose={onCalendarClose}\n isClearable={isClearable}\n getIsDisabledDay={getIsDisabledDay}\n getIsOutOfRangeDay={getIsOutOfRangeDay}\n emptyPickerStartingMonth={emptyPickerStartingMonth}\n onCalendarOpenFocusedDay={onCalendarOpenFocusedDay}\n preventCloseOnSelection\n hasError={hasError}\n pickerFooterMsg={pickerFooterMsg}\n autoFocus={autoFocus}\n />\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,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;AAAA,IAEF,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,MACE,6BAAW,oEAAgC;AAE/C,SACE,mDAAC;AAAA,IACC,MACE,mBACI,kEAAkC,KAAK,kBACvC,kEAAkC,KAAK;AAAA,IAE7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,yBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/cjs/parts/ControlledDateRangeFromDate.js CHANGED
@@ -39,7 +39,8 @@ const ControlledDateRangeFromDate = () => {
39
39
  getIsDisabledDay,
40
40
  getIsOutOfRangeDay,
41
41
  hasError,
42
- autoFocus
42
+ autoFocus,
43
+ innerRef
43
44
  },
44
45
  rangePickerLogic: { handleFromDateChange }
45
46
  } = (0, import_react.useContext)(import_ControlledDateRangePickerCTX.ControlledDateRangePickerContext);
@@ -54,7 +55,8 @@ const ControlledDateRangeFromDate = () => {
54
55
  getIsDisabledDay,
55
56
  getIsOutOfRangeDay,
56
57
  hasError,
57
- autoFocus
58
+ autoFocus,
59
+ innerRef
58
60
  });
59
61
  };
60
62
  //# sourceMappingURL=ControlledDateRangeFromDate.js.map
package/dist/cjs/parts/ControlledDateRangeFromDate.js.map CHANGED
@@ -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';\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 },\n rangePickerLogic: { handleFromDateChange },\n } = useContext(ControlledDateRangePickerContext);\n return (\n <DSControlledDateTimePicker\n type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\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 />\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,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;AAAA,IAEF,kBAAkB,EAAE;AAAA,MAClB,6BAAW,oEAAgC;AAC/C,SACE,mDAAC;AAAA,IACC,MAAM,kEAAkC,KAAK;AAAA,IAC7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF;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';\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 },\n rangePickerLogic: { handleFromDateChange },\n } = useContext(ControlledDateRangePickerContext);\n return (\n <DSControlledDateTimePicker\n type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\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 />\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,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;AAAA,IAEF,kBAAkB,EAAE;AAAA,MAClB,6BAAW,oEAAgC;AAC/C,SACE,mDAAC;AAAA,IACC,MAAM,kEAAkC,KAAK;AAAA,IAC7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/esm/parts/ControlledDateRangeCalendar.js CHANGED
@@ -12,6 +12,7 @@ const ControlledDateRangeCalendar = () => {
12
12
  getIsOutOfRangeDay,
13
13
  hasError,
14
14
  autoFocus,
15
+ innerRef,
15
16
  pickerFooterMsg
16
17
  },
17
18
  rangePickerLogic: {
package/dist/esm/parts/ControlledDateRangeCalendar.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/ControlledDateRangeCalendar.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';\n\nexport const ControlledDateRangeCalendar = (): JSX.Element => {\n const {\n props: {\n emptyPickerStartingMonth,\n onCalendarOpenFocusedDay,\n isClearable,\n getIsDisabledDay,\n getIsOutOfRangeDay,\n hasError,\n autoFocus,\n pickerFooterMsg,\n },\n rangePickerLogic: {\n latestChangedDate,\n onCalendarOpen,\n onCalendarClose,\n handlePickerDateChange,\n handlePickerMonthDateChange,\n handlePickerDayDateChange,\n handlePickerYearDateChange,\n getIsStartRangeDay,\n getIsDayInRange,\n getIsEndRangeDay,\n },\n isControllerOnly,\n } = useContext(ControlledDateRangePickerContext);\n\n return (\n <DSControlledDateTimePicker\n type={\n isControllerOnly\n ? CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY\n : CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER\n }\n date={latestChangedDate}\n onDateChange={handlePickerDateChange}\n onMonthChange={handlePickerMonthDateChange}\n onDayChange={handlePickerDayDateChange}\n onYearChange={handlePickerYearDateChange}\n getIsStartRangeDay={getIsStartRangeDay}\n getIsDayInRange={getIsDayInRange}\n getIsEndRangeDay={getIsEndRangeDay}\n onPickerOpen={onCalendarOpen}\n onPickerClose={onCalendarClose}\n isClearable={isClearable}\n getIsDisabledDay={getIsDisabledDay}\n getIsOutOfRangeDay={getIsOutOfRangeDay}\n emptyPickerStartingMonth={emptyPickerStartingMonth}\n onCalendarOpenFocusedDay={onCalendarOpenFocusedDay}\n preventCloseOnSelection\n hasError={hasError}\n pickerFooterMsg={pickerFooterMsg}\n autoFocus={autoFocus}\n />\n );\n};\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AAEO,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;AAAA,IAEF,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,MACE,WAAW,gCAAgC;AAE/C,SACE,qCAAC;AAAA,IACC,MACE,mBACI,kCAAkC,KAAK,kBACvC,kCAAkC,KAAK;AAAA,IAE7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,yBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,GACF;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';\n\nexport const ControlledDateRangeCalendar = (): JSX.Element => {\n const {\n props: {\n emptyPickerStartingMonth,\n onCalendarOpenFocusedDay,\n isClearable,\n getIsDisabledDay,\n getIsOutOfRangeDay,\n hasError,\n autoFocus,\n innerRef,\n pickerFooterMsg,\n },\n rangePickerLogic: {\n latestChangedDate,\n onCalendarOpen,\n onCalendarClose,\n handlePickerDateChange,\n handlePickerMonthDateChange,\n handlePickerDayDateChange,\n handlePickerYearDateChange,\n getIsStartRangeDay,\n getIsDayInRange,\n getIsEndRangeDay,\n },\n isControllerOnly,\n } = useContext(ControlledDateRangePickerContext);\n\n return (\n <DSControlledDateTimePicker\n type={\n isControllerOnly\n ? CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY\n : CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER\n }\n date={latestChangedDate}\n onDateChange={handlePickerDateChange}\n onMonthChange={handlePickerMonthDateChange}\n onDayChange={handlePickerDayDateChange}\n onYearChange={handlePickerYearDateChange}\n getIsStartRangeDay={getIsStartRangeDay}\n getIsDayInRange={getIsDayInRange}\n getIsEndRangeDay={getIsEndRangeDay}\n onPickerOpen={onCalendarOpen}\n onPickerClose={onCalendarClose}\n isClearable={isClearable}\n getIsDisabledDay={getIsDisabledDay}\n getIsOutOfRangeDay={getIsOutOfRangeDay}\n emptyPickerStartingMonth={emptyPickerStartingMonth}\n onCalendarOpenFocusedDay={onCalendarOpenFocusedDay}\n preventCloseOnSelection\n hasError={hasError}\n pickerFooterMsg={pickerFooterMsg}\n autoFocus={autoFocus}\n />\n );\n};\n"],
5
+ "mappings": "AAAA;ACAA;AACA;AACA;AAEO,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;AAAA,IAEF,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,MACE,WAAW,gCAAgC;AAE/C,SACE,qCAAC;AAAA,IACC,MACE,mBACI,kCAAkC,KAAK,kBACvC,kCAAkC,KAAK;AAAA,IAE7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,yBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/esm/parts/ControlledDateRangeFromDate.js CHANGED
@@ -13,7 +13,8 @@ const ControlledDateRangeFromDate = () => {
13
13
  getIsDisabledDay,
14
14
  getIsOutOfRangeDay,
15
15
  hasError,
16
- autoFocus
16
+ autoFocus,
17
+ innerRef
17
18
  },
18
19
  rangePickerLogic: { handleFromDateChange }
19
20
  } = useContext(ControlledDateRangePickerContext);
@@ -28,7 +29,8 @@ const ControlledDateRangeFromDate = () => {
28
29
  getIsDisabledDay,
29
30
  getIsOutOfRangeDay,
30
31
  hasError,
31
- autoFocus
32
+ autoFocus,
33
+ innerRef
32
34
  });
33
35
  };
34
36
  export {
package/dist/esm/parts/ControlledDateRangeFromDate.js.map CHANGED
@@ -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';\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 },\n rangePickerLogic: { handleFromDateChange },\n } = useContext(ControlledDateRangePickerContext);\n return (\n <DSControlledDateTimePicker\n type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\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 />\n );\n};\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AAEO,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;AAAA,IAEF,kBAAkB,EAAE;AAAA,MAClB,WAAW,gCAAgC;AAC/C,SACE,qCAAC;AAAA,IACC,MAAM,kCAAkC,KAAK;AAAA,IAC7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF;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';\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 },\n rangePickerLogic: { handleFromDateChange },\n } = useContext(ControlledDateRangePickerContext);\n return (\n <DSControlledDateTimePicker\n type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\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 />\n );\n};\n"],
5
+ "mappings": "AAAA;ACAA;AACA;AACA;AAEO,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;AAAA,IAEF,kBAAkB,EAAE;AAAA,MAClB,WAAW,gCAAgC;AAC/C,SACE,qCAAC;AAAA,IACC,MAAM,kCAAkC,KAAK;AAAA,IAC7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF;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.5.0-rc.1",
3
+ "version": "3.5.0-rc.2",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Controlled Form Date Range Picker",
6
6
  "files": [
@@ -35,10 +35,10 @@
35
35
  "indent": 4
36
36
  },
37
37
  "dependencies": {
38
- "@elliemae/ds-form-date-time-picker": "3.5.0-rc.1",
39
- "@elliemae/ds-form-layout-blocks": "3.5.0-rc.1",
40
- "@elliemae/ds-system": "3.5.0-rc.1",
41
- "@elliemae/ds-utilities": "3.5.0-rc.1",
38
+ "@elliemae/ds-form-date-time-picker": "3.5.0-rc.2",
39
+ "@elliemae/ds-form-layout-blocks": "3.5.0-rc.2",
40
+ "@elliemae/ds-system": "3.5.0-rc.2",
41
+ "@elliemae/ds-utilities": "3.5.0-rc.2",
42
42
  "styled-components": "~5.3.5",
43
43
  "uid": "~2.0.0"
44
44
  },