@dnb/eufemia 10.70.1 → 10.71.1

package/CHANGELOG.md

@@ -3,6 +3,32 @@
 All notable changes to @dnb/eufemia will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.71.1](https://github.com/dnbexperience/eufemia/compare/v10.71.0...v10.71.1) (2025-04-15)
+
+
+### :bug: Bug Fixes
+
+* **DatePicker:** display correct dates when props are updated with `useLayoutEffect` in `React.StrictMode`  ([#4950](https://github.com/dnbexperience/eufemia/issues/4950)) ([b57392d](https://github.com/dnbexperience/eufemia/commit/b57392d712b7c56e7d57a092e3334993a12933c7))
+* **Tooltip:** alignment issues ([#4968](https://github.com/dnbexperience/eufemia/issues/4968)) ([1e528e3](https://github.com/dnbexperience/eufemia/commit/1e528e333ead9e14b9e7d4209147ce60544a1299)), closes [/github.com/dnbexperience/eufemia/pull/1613/files#diff-b2805e65ae4b7b277abc5b023aae4c0962edf5c86c8fd5dcdcbdf7350f1ed536R224](https://github.com/dnbexperience//github.com/dnbexperience/eufemia/pull/1613/files/issues/diff-b2805e65ae4b7b277abc5b023aae4c0962edf5c86c8fd5dcdcbdf7350f1ed536R224)
+
+## [10.71.0](https://github.com/dnbexperience/eufemia/compare/v10.70.1...v10.71.0) (2025-04-11)
+
+
+### :bug: Bug Fixes
+
+* **DatePicker:** display correct dates when props are updated with `useLayoutEffect` ([#4937](https://github.com/dnbexperience/eufemia/issues/4937)) ([cbaf535](https://github.com/dnbexperience/eufemia/commit/cbaf535a8fc12ba6933efddd08d2d10c02f213c5))
+* **InputMasked:** ensure correct cursor position when suffix changes during typing ([#4939](https://github.com/dnbexperience/eufemia/issues/4939)) ([17d5da5](https://github.com/dnbexperience/eufemia/commit/17d5da53c30221d397dd0733107b11e143970116))
+
+
+### :sparkles: Features
+
+* **DatePicker:** remove stepped date change on `ArrowUp` a `ArrowDown` key press ([#4917](https://github.com/dnbexperience/eufemia/issues/4917)) ([9569617](https://github.com/dnbexperience/eufemia/commit/95696172a18242216a29f37d729814b11d9a8ff3))
+* **Forms:** add `iso` (country) to additional args in PhoneNumber field ([#4929](https://github.com/dnbexperience/eufemia/issues/4929)) ([6ee934a](https://github.com/dnbexperience/eufemia/commit/6ee934aab4b99f99099c66dc31ad69ef84c548b8))
+* **Forms:** add support for string and JSX format to Field.* `error` prop and validators ([#4928](https://github.com/dnbexperience/eufemia/issues/4928)) ([ee0183f](https://github.com/dnbexperience/eufemia/commit/ee0183f91ad11232ba29294040664cbfff75f319))
+* **Upload:** add `description` to fileItem ([#4935](https://github.com/dnbexperience/eufemia/issues/4935)) ([688e340](https://github.com/dnbexperience/eufemia/commit/688e340d4d76ed8c96ab71e78afbb91cbb56b0de))
+* **Upload:** add `disableDragAndDrop` ([#4905](https://github.com/dnbexperience/eufemia/issues/4905)) ([7205f96](https://github.com/dnbexperience/eufemia/commit/7205f96755ff492fdde9ccd79a7c86615dfe52c1))
+* **Upload:** add `removeDeleteButton` to fileItem ([#4936](https://github.com/dnbexperience/eufemia/issues/4936)) ([00e7b81](https://github.com/dnbexperience/eufemia/commit/00e7b81d70e0ba7c030c5ece55a343fb9ea3ef7c))
+
 ## [10.70.1](https://github.com/dnbexperience/eufemia/compare/v10.70.0...v10.70.1) (2025-04-10)
 
 

package/cjs/components/date-picker/DatePickerContext.d.ts

@@ -13,7 +13,6 @@ export type DatePickerContextValues = ContextProps & DatePickerDates & {
     props: DatePickerAllProps;
     translation: ContextProps['translation'];
     views: Array<CalendarView>;
-    hasHadValidDate: boolean;
     previousDateProps: DatePickerDateProps;
     updateDates: (dates: DatePickerDates, callback?: (dates: DatePickerDates) => void) => void;
     setState?: (state: DatePickerProviderState) => void;

package/cjs/components/date-picker/DatePickerContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerContext.js","names":["_react","_interopRequireDefault","require","e","__esModule","default","DatePickerContext","React","createContext","_default","exports"],"sources":["../../../../src/components/date-picker/DatePickerContext.ts"],"sourcesContent":["/**\n * Web DatePicker Context\n *\n */\n\nimport React from 'react'\nimport { DatePickerAllProps, DisplayPickerEvent } from './DatePicker'\nimport { ContextProps } from '../../shared/Context'\nimport {\n  DatePickerChangeEvent,\n  DatePickerProviderState,\n  GetReturnObjectParams,\n  ReturnObject,\n} from './DatePickerProvider'\nimport { DatePickerDateProps, DatePickerDates } from './hooks/useDates'\nimport { CalendarView } from './hooks/useViews'\n\nexport type DateType = Date | string\n\nexport type DatePickerContextValues = ContextProps &\n  DatePickerDates & {\n    props: DatePickerAllProps\n    translation: ContextProps['translation']\n    views: Array<CalendarView>\n    hasHadValidDate: boolean\n    previousDateProps: DatePickerDateProps\n    updateDates: (\n      dates: DatePickerDates,\n      callback?: (dates: DatePickerDates) => void\n    ) => void\n    setState?: (state: DatePickerProviderState) => void\n    setViews: (views: Array<CalendarView>, callback?: () => void) => void\n    setHasClickedCalendarDay: (hasClicked: boolean) => void\n    callOnChangeHandler: <E>(event: DatePickerChangeEvent<E>) => void\n    hidePicker: (event: DisplayPickerEvent) => void\n    getReturnObject: <E>(\n      params: GetReturnObjectParams<E>\n    ) => ReturnObject<E>\n  }\n\nconst DatePickerContext = React.createContext<DatePickerContextValues>(\n  {} as DatePickerContextValues\n)\n\nexport default DatePickerContext\n"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAmCzB,MAAMG,iBAAiB,GAAGC,cAAK,CAACC,aAAa,CAC3C,CAAC,CACH,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEcC,iBAAiB","ignoreList":[]}
+{"version":3,"file":"DatePickerContext.js","names":["_react","_interopRequireDefault","require","e","__esModule","default","DatePickerContext","React","createContext","_default","exports"],"sources":["../../../../src/components/date-picker/DatePickerContext.ts"],"sourcesContent":["/**\n * Web DatePicker Context\n *\n */\n\nimport React from 'react'\nimport { DatePickerAllProps, DisplayPickerEvent } from './DatePicker'\nimport { ContextProps } from '../../shared/Context'\nimport {\n  DatePickerChangeEvent,\n  DatePickerProviderState,\n  GetReturnObjectParams,\n  ReturnObject,\n} from './DatePickerProvider'\nimport { DatePickerDateProps, DatePickerDates } from './hooks/useDates'\nimport { CalendarView } from './hooks/useViews'\n\nexport type DateType = Date | string\n\nexport type DatePickerContextValues = ContextProps &\n  DatePickerDates & {\n    props: DatePickerAllProps\n    translation: ContextProps['translation']\n    views: Array<CalendarView>\n    previousDateProps: DatePickerDateProps\n    updateDates: (\n      dates: DatePickerDates,\n      callback?: (dates: DatePickerDates) => void\n    ) => void\n    setState?: (state: DatePickerProviderState) => void\n    setViews: (views: Array<CalendarView>, callback?: () => void) => void\n    setHasClickedCalendarDay: (hasClicked: boolean) => void\n    callOnChangeHandler: <E>(event: DatePickerChangeEvent<E>) => void\n    hidePicker: (event: DisplayPickerEvent) => void\n    getReturnObject: <E>(\n      params: GetReturnObjectParams<E>\n    ) => ReturnObject<E>\n  }\n\nconst DatePickerContext = React.createContext<DatePickerContextValues>(\n  {} as DatePickerContextValues\n)\n\nexport default DatePickerContext\n"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAkCzB,MAAMG,iBAAiB,GAAGC,cAAK,CAACC,aAAa,CAC3C,CAAC,CACH,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEcC,iBAAiB","ignoreList":[]}

package/cjs/components/date-picker/DatePickerFooter.d.ts

@@ -3,8 +3,8 @@
  *
  */
 import React from 'react';
-import { DatePickerInputDates } from './hooks/useDates';
-type DatePickerFooterEvent = React.MouseEvent<HTMLButtonElement> & DatePickerInputDates & {
+import { DatePickerDates } from './hooks/useDates';
+type DatePickerFooterEvent = React.MouseEvent<HTMLButtonElement> & DatePickerDates & {
     event: React.MouseEvent<HTMLButtonElement>;
 };
 export type DatePickerFooterProps = Omit<React.HTMLProps<HTMLElement>, 'onSubmit' | 'onCancel' | 'onReset'> & {

package/cjs/components/date-picker/DatePickerFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerFooter.js","names":["_react","_interopRequireWildcard","require","_Button","_interopRequireDefault","_DatePickerContext","_DatePickerCalc","_shared","_Fragment","_span","_span2","_span3","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","DatePickerFooter","_ref","isRange","submitButtonText","cancelButtonText","resetButtonText","onSubmit","onCancel","onReset","updateDates","previousDateProps","props","contextProps","useContext","DatePickerContext","showResetButton","showCancelButton","showSubmitButton","dateFormat","submitButtonTextTranslation","cancelButtonTextTranslation","resetButtonTextTranslation","useTranslation","DatePicker","onSubmitHandler","useCallback","args","onCancelHandler","event","persist","startDate","convertStringToDate","date","endDate","dates","onResetHandler","undefined","createElement","Fragment","className","text","onClick","icon","icon_position","variant","right","_default","exports"],"sources":["../../../../src/components/date-picker/DatePickerFooter.tsx"],"sourcesContent":["/**\n * Web DatePicker Component\n *\n */\n\nimport React, { useContext, useCallback } from 'react'\nimport Button from '../button/Button'\nimport DatePickerContext from './DatePickerContext'\nimport { convertStringToDate } from './DatePickerCalc'\nimport { useTranslation } from '../../shared'\nimport { DatePickerInputDates } from './hooks/useDates'\n\ntype DatePickerFooterEvent = React.MouseEvent<HTMLButtonElement> &\n  DatePickerInputDates & {\n    event: React.MouseEvent<HTMLButtonElement>\n  }\n\nexport type DatePickerFooterProps = Omit<\n  React.HTMLProps<HTMLElement>,\n  'onSubmit' | 'onCancel' | 'onReset'\n> & {\n  isRange: boolean\n  onSubmit?: (event: DatePickerFooterEvent) => void\n  onCancel?: (event: DatePickerFooterEvent) => void\n  onReset?: (event: DatePickerFooterEvent) => void\n  submitButtonText?: string\n  cancelButtonText?: string\n  resetButtonText?: string\n}\n\nfunction DatePickerFooter({\n  isRange,\n  submitButtonText,\n  cancelButtonText,\n  resetButtonText,\n  onSubmit,\n  onCancel,\n  onReset,\n}: DatePickerFooterProps) {\n  const {\n    updateDates,\n    previousDateProps,\n    props: contextProps,\n  } = useContext(DatePickerContext)\n\n  const {\n    showResetButton,\n    showCancelButton,\n    showSubmitButton,\n    dateFormat,\n  } = contextProps\n\n  const {\n    submitButtonText: submitButtonTextTranslation,\n    cancelButtonText: cancelButtonTextTranslation,\n    resetButtonText: resetButtonTextTranslation,\n  } = useTranslation().DatePicker\n\n  const onSubmitHandler = useCallback(\n    (args: DatePickerFooterEvent) => {\n      onSubmit?.(args)\n    },\n    [onSubmit]\n  )\n\n  const onCancelHandler = useCallback(\n    (args: DatePickerFooterEvent) => {\n      if (args && args.event) {\n        args.event.persist()\n      }\n\n      const startDate = previousDateProps.startDate\n        ? convertStringToDate(previousDateProps.startDate, {\n            dateFormat,\n          })\n        : previousDateProps.date\n        ? convertStringToDate(previousDateProps.date, {\n            dateFormat,\n          })\n        : null\n\n      const endDate = previousDateProps.endDate\n        ? convertStringToDate(previousDateProps.endDate, {\n            dateFormat,\n          })\n        : startDate\n\n      updateDates(\n        {\n          startDate,\n          endDate,\n        },\n        (dates) => {\n          onCancel?.({ ...args, ...dates })\n        }\n      )\n    },\n    [dateFormat, updateDates, previousDateProps, onCancel]\n  )\n\n  const onResetHandler = useCallback(\n    (args: DatePickerFooterEvent) => {\n      if (args && args.event) {\n        args.event.persist()\n      }\n\n      updateDates(\n        {\n          date: undefined,\n          startDate: undefined,\n          endDate: undefined,\n        },\n        (dates) => {\n          onReset?.({ ...args, ...dates })\n        }\n      )\n    },\n    [updateDates, onReset]\n  )\n\n  if (\n    !isRange &&\n    !showSubmitButton &&\n    !showCancelButton &&\n    !showResetButton\n  ) {\n    return <></>\n  }\n\n  return (\n    <div className=\"dnb-date-picker__footer\">\n      {((isRange || showSubmitButton) && (\n        <Button\n          text={submitButtonText || submitButtonTextTranslation}\n          onClick={onSubmitHandler}\n          data-testid=\"submit\"\n        />\n      )) || <span />}\n\n      <span>\n        {(showResetButton && (\n          <Button\n            text={resetButtonText || resetButtonTextTranslation}\n            icon=\"reset\"\n            icon_position=\"left\"\n            variant=\"tertiary\"\n            onClick={onResetHandler}\n            data-testid=\"reset\"\n            right=\"0.5rem\"\n          />\n        )) || <span />}\n\n        {((isRange || showCancelButton) && (\n          <Button\n            text={cancelButtonText || cancelButtonTextTranslation}\n            icon=\"close\"\n            icon_position=\"left\"\n            variant=\"tertiary\"\n            onClick={onCancelHandler}\n            data-testid=\"cancel\"\n            right=\"0.5rem\"\n          />\n        )) || <span />}\n      </span>\n    </div>\n  )\n}\n\nexport default DatePickerFooter\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DatePickerFooter.js","names":["_react","_interopRequireWildcard","require","_Button","_interopRequireDefault","_DatePickerContext","_DatePickerCalc","_shared","_Fragment","_span","_span2","_span3","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","DatePickerFooter","_ref","isRange","submitButtonText","cancelButtonText","resetButtonText","onSubmit","onCancel","onReset","updateDates","previousDateProps","props","contextProps","useContext","DatePickerContext","showResetButton","showCancelButton","showSubmitButton","dateFormat","submitButtonTextTranslation","cancelButtonTextTranslation","resetButtonTextTranslation","useTranslation","DatePicker","onSubmitHandler","useCallback","args","onCancelHandler","event","persist","startDate","convertStringToDate","date","endDate","dates","onResetHandler","undefined","createElement","Fragment","className","text","onClick","icon","icon_position","variant","right","_default","exports"],"sources":["../../../../src/components/date-picker/DatePickerFooter.tsx"],"sourcesContent":["/**\n * Web DatePicker Component\n *\n */\n\nimport React, { useContext, useCallback } from 'react'\nimport Button from '../button/Button'\nimport DatePickerContext from './DatePickerContext'\nimport { convertStringToDate } from './DatePickerCalc'\nimport { useTranslation } from '../../shared'\nimport { DatePickerDates } from './hooks/useDates'\n\ntype DatePickerFooterEvent = React.MouseEvent<HTMLButtonElement> &\n  DatePickerDates & {\n    event: React.MouseEvent<HTMLButtonElement>\n  }\n\nexport type DatePickerFooterProps = Omit<\n  React.HTMLProps<HTMLElement>,\n  'onSubmit' | 'onCancel' | 'onReset'\n> & {\n  isRange: boolean\n  onSubmit?: (event: DatePickerFooterEvent) => void\n  onCancel?: (event: DatePickerFooterEvent) => void\n  onReset?: (event: DatePickerFooterEvent) => void\n  submitButtonText?: string\n  cancelButtonText?: string\n  resetButtonText?: string\n}\n\nfunction DatePickerFooter({\n  isRange,\n  submitButtonText,\n  cancelButtonText,\n  resetButtonText,\n  onSubmit,\n  onCancel,\n  onReset,\n}: DatePickerFooterProps) {\n  const {\n    updateDates,\n    previousDateProps,\n    props: contextProps,\n  } = useContext(DatePickerContext)\n\n  const {\n    showResetButton,\n    showCancelButton,\n    showSubmitButton,\n    dateFormat,\n  } = contextProps\n\n  const {\n    submitButtonText: submitButtonTextTranslation,\n    cancelButtonText: cancelButtonTextTranslation,\n    resetButtonText: resetButtonTextTranslation,\n  } = useTranslation().DatePicker\n\n  const onSubmitHandler = useCallback(\n    (args: DatePickerFooterEvent) => {\n      onSubmit?.(args)\n    },\n    [onSubmit]\n  )\n\n  const onCancelHandler = useCallback(\n    (args: DatePickerFooterEvent) => {\n      if (args && args.event) {\n        args.event.persist()\n      }\n\n      const startDate = previousDateProps.startDate\n        ? convertStringToDate(previousDateProps.startDate, {\n            dateFormat,\n          })\n        : previousDateProps.date\n        ? convertStringToDate(previousDateProps.date, {\n            dateFormat,\n          })\n        : null\n\n      const endDate = previousDateProps.endDate\n        ? convertStringToDate(previousDateProps.endDate, {\n            dateFormat,\n          })\n        : startDate\n\n      updateDates(\n        {\n          startDate,\n          endDate,\n        },\n        (dates) => {\n          onCancel?.({ ...args, ...dates })\n        }\n      )\n    },\n    [dateFormat, updateDates, previousDateProps, onCancel]\n  )\n\n  const onResetHandler = useCallback(\n    (args: DatePickerFooterEvent) => {\n      if (args && args.event) {\n        args.event.persist()\n      }\n\n      updateDates(\n        {\n          date: undefined,\n          startDate: undefined,\n          endDate: undefined,\n        },\n        (dates) => {\n          onReset?.({ ...args, ...dates })\n        }\n      )\n    },\n    [updateDates, onReset]\n  )\n\n  if (\n    !isRange &&\n    !showSubmitButton &&\n    !showCancelButton &&\n    !showResetButton\n  ) {\n    return <></>\n  }\n\n  return (\n    <div className=\"dnb-date-picker__footer\">\n      {((isRange || showSubmitButton) && (\n        <Button\n          text={submitButtonText || submitButtonTextTranslation}\n          onClick={onSubmitHandler}\n          data-testid=\"submit\"\n        />\n      )) || <span />}\n\n      <span>\n        {(showResetButton && (\n          <Button\n            text={resetButtonText || resetButtonTextTranslation}\n            icon=\"reset\"\n            icon_position=\"left\"\n            variant=\"tertiary\"\n            onClick={onResetHandler}\n            data-testid=\"reset\"\n            right=\"0.5rem\"\n          />\n        )) || <span />}\n\n        {((isRange || showCancelButton) && (\n          <Button\n            text={cancelButtonText || cancelButtonTextTranslation}\n            icon=\"close\"\n            icon_position=\"left\"\n            variant=\"tertiary\"\n            onClick={onCancelHandler}\n            data-testid=\"cancel\"\n            right=\"0.5rem\"\n          />\n        )) || <span />}\n      </span>\n    </div>\n  )\n}\n\nexport default DatePickerFooter\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/date-picker/DatePickerInput.js

@@ -8,9 +8,6 @@ exports.default = void 0;
 require("core-js/modules/es.string.replace.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireWildcard(require("react"));
-var _addDays = _interopRequireDefault(require("date-fns/addDays"));
-var _addMonths = _interopRequireDefault(require("date-fns/addMonths"));
-var _addYears = _interopRequireDefault(require("date-fns/addYears"));
 var _isValid = _interopRequireDefault(require("date-fns/isValid"));
 var _parseISO = _interopRequireDefault(require("date-fns/parseISO"));
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -23,6 +20,7 @@ var _DatePickerCalc = require("./DatePickerCalc");
 var _DatePickerContext = _interopRequireDefault(require("./DatePickerContext"));
 var _shared = require("../../shared");
 var _usePartialDates = _interopRequireDefault(require("./hooks/usePartialDates"));
+var _useInputDates = _interopRequireDefault(require("./hooks/useInputDates"));
 var _span;
 const _excluded = ["isRange", "maskOrder", "separatorRegExp", "id", "title", "submitAttributes", "maskPlaceholder", "onFocus", "onBlur", "onChange", "onSubmit", "selectedDateTitle", "showInput", "inputElement", "lang", "disabled", "skeleton", "opened", "size", "status", "statusState", "statusProps"],
   _excluded2 = ["is_valid", "is_valid_start_date", "is_valid_end_date"],
@@ -85,14 +83,7 @@ function DatePickerInput(externalProps) {
   const {
     updateDates,
     callOnChangeHandler,
-    hasHadValidDate,
     getReturnObject,
-    __startDay,
-    __startMonth,
-    __startYear,
-    __endDay,
-    __endMonth,
-    __endYear,
     startDate,
     endDate,
     props: {
@@ -101,19 +92,19 @@ function DatePickerInput(externalProps) {
       correctInvalidDate
     }
   } = (0, _react.useContext)(_DatePickerContext.default);
+  const {
+    inputDates,
+    updateInputDates
+  } = (0, _useInputDates.default)({
+    startDate,
+    endDate
+  });
   const translation = (0, _shared.useTranslation)().DatePicker;
+  const hasHadValidDate = (0, _isValid.default)(startDate) || (0, _isValid.default)(endDate);
   const modeDate = (0, _react.useMemo)(() => ({
     startDate,
     endDate
   }), [startDate, endDate]);
-  const inputDates = (0, _react.useMemo)(() => ({
-    __startDay,
-    __startMonth,
-    __startYear,
-    __endDay,
-    __endMonth,
-    __endYear
-  }), [__startDay, __startMonth, __startYear, __endDay, __endMonth, __endYear]);
   const inputRefs = (0, _react.useRef)({
     startDayRef: {
       current: undefined
@@ -249,7 +240,7 @@ function DatePickerInput(externalProps) {
       event
     } = _ref2;
     const getDates = () => ['start', 'end'].reduce((acc, mode) => {
-      acc[`${mode}Date`] = [dateRefs.current[`${mode}Year`] || inputDates[`__${mode}Year`] || 'yyyy', dateRefs.current[`${mode}Month`] || inputDates[`__${mode}Month`] || 'mm', dateRefs.current[`${mode}Day`] || inputDates[`__${mode}Day`] || 'dd'].join('-');
+      acc[`${mode}Date`] = [dateRefs.current[`${mode}Year`] || inputDates[`${mode}Year`] || 'yyyy', dateRefs.current[`${mode}Month`] || inputDates[`${mode}Month`] || 'mm', dateRefs.current[`${mode}Day`] || inputDates[`${mode}Day`] || 'dd'].join('-');
       return acc;
     }, {
       startDate: undefined,
@@ -292,41 +283,6 @@ function DatePickerInput(externalProps) {
       is_valid_end_date
     }, returnObject), typedDates));
   }, [setPartialDates, isRange, getReturnObject, partialDatesRef, onType, inputDates]);
-  const prepareCounting = (0, _react.useCallback)(async _ref3 => {
-    let {
-      keyCode,
-      target,
-      event
-    } = _ref3;
-    try {
-      const isDate = target.getAttribute('class').match(/__input--(day|month|year)($|\s)/)[1];
-      const isInRange = target.getAttribute('id').match(/-(start|end)-(day|month|year)/)[1];
-      let date = isInRange === 'start' ? startDate : endDate;
-      if (!date) {
-        return;
-      }
-      const count = keyCode === 'ArrowUp' ? 1 : -1;
-      if (keyCode === 'ArrowUp' || keyCode === 'ArrowDown') {
-        switch (isDate) {
-          case 'day':
-            date = (0, _addDays.default)(date, count);
-            break;
-          case 'month':
-            date = (0, _addMonths.default)(date, count);
-            break;
-          case 'year':
-            date = (0, _addYears.default)(date, count);
-            break;
-        }
-      }
-      callOnChange({
-        [isInRange === 'start' ? 'startDate' : 'endDate']: date,
-        event
-      });
-    } catch (e) {
-      (0, _componentHelper.warn)(e);
-    }
-  }, [startDate, endDate, callOnChange]);
   const setDate = (0, _react.useCallback)((event, mode, type) => {
     event.persist();
     const value = event.target.value;
@@ -354,8 +310,10 @@ function DatePickerInput(externalProps) {
       });
     } else {
       updateDates({
-        [`${mode}Date`]: null,
-        [`__${mode}${type}`]: value
+        [`${mode}Date`]: null
+      });
+      updateInputDates({
+        [`${mode}${type}`]: value
       });
       invalidDatesRef.current = _objectSpread(_objectSpread({}, invalidDatesRef.current), mode === 'start' ? {
         invalidStartDate: dateString
@@ -370,7 +328,7 @@ function DatePickerInput(externalProps) {
     callOnType({
       event
     });
-  }, [updateDates, callOnChange, callOnChangeAsInvalid, callOnType, modeDate, dateRefs, temporaryDates]);
+  }, [updateDates, callOnChange, callOnChangeAsInvalid, callOnType, modeDate, dateRefs, temporaryDates, updateInputDates]);
   const dateSetters = (0, _react.useMemo)(() => ({
     set_startDay: event => {
       setDate(event, 'start', 'Day');
@@ -413,20 +371,6 @@ function DatePickerInput(externalProps) {
     if (correctInvalidDate && target.selectionStart !== target.selectionEnd) {
       setCursorPosition(target);
     }
-    switch (keyCode) {
-      case 'ArrowUp':
-      case 'ArrowDown':
-        event.persist();
-        event.preventDefault();
-        prepareCounting({
-          event,
-          keyCode,
-          target
-        });
-        return false;
-      case 'Tab':
-        return false;
-    }
     const size = parseFloat(target.getAttribute('size'));
     const firstSelectionStart = target.selectionStart;
     const firstSelectionEnd = target.selectionEnd;
@@ -434,10 +378,10 @@ function DatePickerInput(externalProps) {
     const secondSelectionStart = target.selectionStart;
     const isValid = /[0-9]/g.test(keyCode);
     const refListArray = refList.current;
-    const index = refListArray.findIndex(_ref4 => {
+    const index = refListArray.findIndex(_ref3 => {
       let {
         current
-      } = _ref4;
+      } = _ref3;
       return current === target;
     });
     const isLastChar = secondSelectionStart === size;
@@ -482,7 +426,7 @@ function DatePickerInput(externalProps) {
         }
       }
     }
-  }, [correctInvalidDate, dateSetters, prepareCounting]);
+  }, [correctInvalidDate, dateSetters]);
   const onInputHandler = (0, _react.useCallback)(event => {
     const target = event.currentTarget;
     if (_helpers.IS_ANDROID && event.nativeEvent.inputType === 'deleteContentBackward' && target.selectionStart === 0 && target.selectionEnd === 0) {
@@ -534,7 +478,7 @@ function DatePickerInput(externalProps) {
               mask: [/[0-9]/, /[0-9]/],
               inputRef: inputRefs.current[`${mode}DayRef`],
               onChange: dateSetters[`set_${mode}Day`],
-              value: inputDates[`__${mode}Day`] || '',
+              value: inputDates[`${mode}Day`] || '',
               "aria-labelledby": `${id}-${mode}-day-label`
             })), _react.default.createElement("label", {
               key: 'dl' + i,
@@ -554,7 +498,7 @@ function DatePickerInput(externalProps) {
               mask: [/[0-9]/, /[0-9]/],
               inputRef: inputRefs.current[`${mode}MonthRef`],
               onChange: dateSetters[`set_${mode}Month`],
-              value: inputDates[`__${mode}Month`] || '',
+              value: inputDates[`${mode}Month`] || '',
               "aria-labelledby": `${id}-${mode}-month-label`
             })), _react.default.createElement("label", {
               key: 'ml' + i,
@@ -574,7 +518,7 @@ function DatePickerInput(externalProps) {
               mask: [/[0-9]/, /[0-9]/, /[0-9]/, /[0-9]/],
               inputRef: inputRefs.current[`${mode}YearRef`],
               onChange: dateSetters[`set_${mode}Year`],
-              value: inputDates[`__${mode}Year`] || '',
+              value: inputDates[`${mode}Year`] || '',
               "aria-labelledby": `${id}-${mode}-year-label`
             })), _react.default.createElement("label", {
               key: 'yl' + i,
@@ -659,12 +603,12 @@ function setCursorPosition(target) {
     select();
   }
 }
-function InputElement(_ref5) {
+function InputElement(_ref4) {
   let {
       className,
       value
-    } = _ref5,
-    props = _objectWithoutProperties(_ref5, _excluded3);
+    } = _ref4,
+    props = _objectWithoutProperties(_ref4, _excluded3);
   return _react.default.createElement(_TextMask.default, _extends({
     guide: true,
     inputMode: "numeric",
@@ -681,7 +625,7 @@ function InputElement(_ref5) {
 function syncDateRefs(dateRefs, inputDates) {
   for (const date in dateRefs.current) {
     const dateRefValue = dateRefs.current[date];
-    const inputDateValue = inputDates[`__${date}`];
+    const inputDateValue = inputDates[date];
     if (dateRefValue !== inputDateValue) {
       dateRefs.current[date] = inputDateValue;
     }