@dnb/eufemia 10.65.1 → 10.66.1

package/CHANGELOG.md

@@ -3,6 +3,49 @@
 All notable changes to @dnb/eufemia will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.66.1](https://github.com/dnbexperience/eufemia/compare/v10.66.0...v10.66.1) (2025-03-05)
+
+
+### :bug: Bug Fixes
+
+* **DatePicker:** clear internal date when passing null ([#4656](https://github.com/dnbexperience/eufemia/issues/4656)) ([3ba3b26](https://github.com/dnbexperience/eufemia/commit/3ba3b26e7d948efee1e98d160f9587574e10a2b2))
+* **Field.Date:** add missing support for `skipPortal` ([#4666](https://github.com/dnbexperience/eufemia/issues/4666)) ([975f3ea](https://github.com/dnbexperience/eufemia/commit/975f3ea8f5b8e8e8cb0adcdab32b84289a026af7))
+* **Field.Upload:** improve styling of `help` button ([#4659](https://github.com/dnbexperience/eufemia/issues/4659)) ([8a10d7c](https://github.com/dnbexperience/eufemia/commit/8a10d7c9db7f155d6502f78f11c5a6140693c5be))
+* **Field.Upload:** set `aria-required` and `required` props in input rather than div ([#4655](https://github.com/dnbexperience/eufemia/issues/4655)) ([7db1f04](https://github.com/dnbexperience/eufemia/commit/7db1f0431679872765d5716e2a85bab645918c4b))
+* **Forms:** always render Field.Composition with a `fieldset` ([#4661](https://github.com/dnbexperience/eufemia/issues/4661)) ([a3991a1](https://github.com/dnbexperience/eufemia/commit/a3991a1eedae31a1413ce974182f20efa5ea59ab))
+* **Value.SummaryList:** spacing of `help` when wrapped in `Form.InfoOverlay` ([#4667](https://github.com/dnbexperience/eufemia/issues/4667)) ([b7a2702](https://github.com/dnbexperience/eufemia/commit/b7a2702ce0afbf4d2d88c9a528dbd5cc4a28b939)), closes [/github.com/dnbexperience/eufemia/pull/4667/files#diff-281ca53e6a78ae24056e8fc94bf0274576aef89044ddcc613fb09b0844023e13R50](https://github.com/dnbexperience//github.com/dnbexperience/eufemia/pull/4667/files/issues/diff-281ca53e6a78ae24056e8fc94bf0274576aef89044ddcc613fb09b0844023e13R50)
+
+## [10.66.0](https://github.com/dnbexperience/eufemia/compare/v10.65.1...v10.66.0) (2025-03-04)
+
+
+### :bug: Bug Fixes
+
+* **Field.Slider:** correct default values and validate with ARIA rules ([#4650](https://github.com/dnbexperience/eufemia/issues/4650)) ([bf2d9fe](https://github.com/dnbexperience/eufemia/commit/bf2d9fe565b251bc2a66fe921aba95a7c572b074))
+* **Forms:** always run validation on Wizard step changes ([#4626](https://github.com/dnbexperience/eufemia/issues/4626)) ([57577ce](https://github.com/dnbexperience/eufemia/commit/57577ce148f0a2183c3f237adc8842305a118004))
+* **Forms:** enhance a11y of inline help button ([#4649](https://github.com/dnbexperience/eufemia/issues/4649)) ([6908095](https://github.com/dnbexperience/eufemia/commit/6908095a02c62a61c84d0d154bd0df5116f1af1d))
+* **Forms:** hide `info`, `warning` or `error` prop when `undefined` is given to a Field ([#4634](https://github.com/dnbexperience/eufemia/issues/4634)) ([f953cf9](https://github.com/dnbexperience/eufemia/commit/f953cf95301befd673a2facc525b22d825cc5c7c)), closes [#4611](https://github.com/dnbexperience/eufemia/issues/4611)
+* **Forms:** show error in Wizard menu and prevent submission if previous steps contain errors or have an unknown state ([#4638](https://github.com/dnbexperience/eufemia/issues/4638)) ([05e30b6](https://github.com/dnbexperience/eufemia/commit/05e30b6814d2e956efcf35f0ef05e7ba7479a4b1))
+* **ToggleButton:** add `tooltip` type and docs ([#4647](https://github.com/dnbexperience/eufemia/issues/4647)) ([e6495e5](https://github.com/dnbexperience/eufemia/commit/e6495e558f0e2c273ea3c68a4ea35dcd33a42f92))
+
+
+### :sparkles: Features
+
+* **DatePicker:** add invalid dates to return object ([#4637](https://github.com/dnbexperience/eufemia/issues/4637)) ([082e4b8](https://github.com/dnbexperience/eufemia/commit/082e4b806042b549f968397fb5b6da7a8c46fea3))
+* **Flex:** improve `gap` and `rowGap` behaviour ([#4496](https://github.com/dnbexperience/eufemia/issues/4496)) ([7685609](https://github.com/dnbexperience/eufemia/commit/7685609efa8efd6e477053cd5be952b3b1fd4ad2))
+* **Forms:** `row wrap` Values without label when used inside Value.Compositon ([#4641](https://github.com/dnbexperience/eufemia/issues/4641)) ([2203fc7](https://github.com/dnbexperience/eufemia/commit/2203fc705b8aac9ada6a7f04179593bb45b8cf51))
+* **Forms:** add `help` property to all Value.* components ([#4607](https://github.com/dnbexperience/eufemia/issues/4607)) ([9c1aa46](https://github.com/dnbexperience/eufemia/commit/9c1aa4621f359cb19fd62fc1ae46214af7f58caf))
+* **Forms:** add `keepInDOM` to Wizard ([#4652](https://github.com/dnbexperience/eufemia/issues/4652)) ([dec3fd6](https://github.com/dnbexperience/eufemia/commit/dec3fd66bd66ea6d23d69b308dd797f2c6dd3621)), closes [#4629](https://github.com/dnbexperience/eufemia/issues/4629) [#4642](https://github.com/dnbexperience/eufemia/issues/4642)
+* **Forms:** add `validationMode` property with `bypassOnNavigation` to Wizard.Container ([#4631](https://github.com/dnbexperience/eufemia/issues/4631)) ([f47294b](https://github.com/dnbexperience/eufemia/commit/f47294bb15eade33c39e3c44ec98d91e612cc48d))
+* **Forms:** return existing errors in `onSubmitRequest` before Form.Handler submit or Wizard step change ([#4625](https://github.com/dnbexperience/eufemia/issues/4625)) ([3b02fc3](https://github.com/dnbexperience/eufemia/commit/3b02fc3a36415708a2d046b8f1df1f6faaeb701d))
+
+
+### :memo: Documentation
+
+* **DatePicker:** document partial dates ([#4644](https://github.com/dnbexperience/eufemia/issues/4644)) ([090cda8](https://github.com/dnbexperience/eufemia/commit/090cda8d5c72840b70cb2dfe74d0b79d2c90d570))
+* **Form:** adds demos to root doc ([#4643](https://github.com/dnbexperience/eufemia/issues/4643)) ([f4c2ce7](https://github.com/dnbexperience/eufemia/commit/f4c2ce7929dff51e154408cfc3c447bf02f5303c))
+* **Forms:** changelog for v10.66.0 ([#4642](https://github.com/dnbexperience/eufemia/issues/4642)) ([303081e](https://github.com/dnbexperience/eufemia/commit/303081e929df69fd6c49fdde281de8fd582d0169))
+* **Name:** remove Field.SummaryList from example ([#4635](https://github.com/dnbexperience/eufemia/issues/4635)) ([685f298](https://github.com/dnbexperience/eufemia/commit/685f298fc3be27864483a956ee1eee21931b29f5))
+
 ## [10.65.1](https://github.com/dnbexperience/eufemia/compare/v10.65.0...v10.65.1) (2025-02-25)
 
 

package/cjs/components/card/Card.js

@@ -95,7 +95,7 @@ function Card(props) {
     align: stack ? 'stretch' : align,
     wrap: !stack,
     gap: (_ref = gap !== null && gap !== void 0 ? gap : spacing) !== null && _ref !== void 0 ? _ref : stack ? 'medium' : false,
-    rowGap: rowGap || false
+    rowGap: rowGap
   }, title && _react.default.createElement(_Space.default, {
     id: titleId,
     className: "dnb-card__title"

package/cjs/components/card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Flex","_Section","_componentHelper","_CardContext","_Space","_useId","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Card","props","_ref","nestedContext","useContext","CardContext","className","stack","direction","gap","spacing","innerSpace","alignSelf","align","divider","rowGap","responsive","isNested","filled","outset","title","children","rest","titleId","useId","falseWhenSmall","small","medium","large","trueWhenSmall","basisSpace","top","right","bottom","left","smallSpace","params","SectionParams","classnames","breakout","roundedCorner","outline","combineLabelledBy","createElement","Item","element","Provider","Container","wrap","id","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport Flex from '../flex/Flex'\nimport { SectionParams, SectionProps } from '../section/Section'\nimport { combineLabelledBy } from '../../shared/component-helper'\nimport CardContext from './CardContext'\nimport Space from '../Space'\nimport useId from '../../shared/helpers/useId'\n\nimport type { BasicProps as FlexContainerProps } from '../flex/Container'\nimport type { BasicProps as FlexItemProps } from '../flex/Item'\nimport type { SpaceTypeMedia } from '../../shared/types'\nimport type { SpaceProps } from '../Space'\n\nexport type Props = {\n  /**\n   * Define a title that appears on top of the Card\n   */\n  title?: React.ReactNode\n\n  /**\n   * Define if the Card should behave responsive. Defaults to `true`\n   */\n  responsive?: boolean\n\n  /**\n   * Define if the Card should get the same background color as the outline border\n   */\n  filled?: boolean\n} & FlexContainerProps &\n  Pick<SectionProps, 'outset'> &\n  FlexItemProps & {\n    stack?: boolean\n  } & SpaceProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref' | 'wrap' | 'size' | 'title'>\n\nfunction Card(props: Props) {\n  const nestedContext = useContext(CardContext)\n\n  const {\n    className,\n    stack,\n    direction,\n    gap,\n    spacing,\n    innerSpace,\n    alignSelf = 'stretch',\n    align,\n    divider = 'space',\n    rowGap,\n    responsive = !nestedContext?.isNested,\n    filled,\n    outset,\n    title,\n    children,\n    ...rest\n  } = props\n\n  const titleId = useId()\n  const falseWhenSmall = { small: false, medium: true, large: true }\n  const trueWhenSmall = { small: true, medium: false, large: false }\n  const basisSpace = {\n    top: 'medium',\n    right: 'medium',\n    bottom: 'large',\n    left: 'medium',\n  }\n  const smallSpace = responsive\n    ? {\n        ...basisSpace,\n        right: 0,\n        left: 0,\n      }\n    : basisSpace\n\n  const params = SectionParams({\n    className: classnames(\n      'dnb-card',\n      className,\n      responsive && 'dnb-card--responsive',\n      filled && 'dnb-card--filled'\n    ),\n    breakout: responsive ? trueWhenSmall : false,\n    outset: nestedContext?.isNested\n      ? false\n      : outset === true\n      ? falseWhenSmall\n      : outset,\n    roundedCorner: responsive ? falseWhenSmall : true,\n    outline: '--outline-card-color',\n    innerSpace:\n      innerSpace ??\n      ({\n        small: smallSpace,\n        medium: basisSpace,\n        large: basisSpace,\n      } as SpaceTypeMedia),\n    ...(rest as SectionProps),\n    'aria-labelledby': combineLabelledBy(rest, title && titleId),\n  })\n\n  return (\n    <Flex.Item alignSelf={alignSelf} element=\"section\" {...params}>\n      <CardContext.Provider value={{ isNested: true }}>\n        <Flex.Container\n          direction={direction ?? 'vertical'}\n          divider={divider}\n          alignSelf={alignSelf}\n          align={stack ? 'stretch' : align}\n          wrap={!stack}\n          gap={gap ?? spacing ?? (stack ? 'medium' : false)}\n          rowGap={rowGap || false}\n        >\n          {title && (\n            <Space id={titleId} className=\"dnb-card__title\">\n              {title}\n            </Space>\n          )}\n          {children}\n        </Flex.Container>\n      </CardContext.Provider>\n    </Flex.Item>\n  )\n}\n\nCard._supportsSpacingProps = true\n\nexport default Card\n"],"mappings":"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"}
+{"version":3,"file":"Card.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Flex","_Section","_componentHelper","_CardContext","_Space","_useId","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Card","props","_ref","nestedContext","useContext","CardContext","className","stack","direction","gap","spacing","innerSpace","alignSelf","align","divider","rowGap","responsive","isNested","filled","outset","title","children","rest","titleId","useId","falseWhenSmall","small","medium","large","trueWhenSmall","basisSpace","top","right","bottom","left","smallSpace","params","SectionParams","classnames","breakout","roundedCorner","outline","combineLabelledBy","createElement","Item","element","Provider","Container","wrap","id","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport Flex from '../flex/Flex'\nimport { SectionParams, SectionProps } from '../section/Section'\nimport { combineLabelledBy } from '../../shared/component-helper'\nimport CardContext from './CardContext'\nimport Space from '../Space'\nimport useId from '../../shared/helpers/useId'\n\nimport type { BasicProps as FlexContainerProps } from '../flex/Container'\nimport type { BasicProps as FlexItemProps } from '../flex/Item'\nimport type { SpaceTypeMedia } from '../../shared/types'\nimport type { SpaceProps } from '../Space'\n\nexport type Props = {\n  /**\n   * Define a title that appears on top of the Card\n   */\n  title?: React.ReactNode\n\n  /**\n   * Define if the Card should behave responsive. Defaults to `true`\n   */\n  responsive?: boolean\n\n  /**\n   * Define if the Card should get the same background color as the outline border\n   */\n  filled?: boolean\n} & FlexContainerProps &\n  Pick<SectionProps, 'outset'> &\n  FlexItemProps & {\n    stack?: boolean\n  } & SpaceProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref' | 'wrap' | 'size' | 'title'>\n\nfunction Card(props: Props) {\n  const nestedContext = useContext(CardContext)\n\n  const {\n    className,\n    stack,\n    direction,\n    gap,\n    spacing,\n    innerSpace,\n    alignSelf = 'stretch',\n    align,\n    divider = 'space',\n    rowGap,\n    responsive = !nestedContext?.isNested,\n    filled,\n    outset,\n    title,\n    children,\n    ...rest\n  } = props\n\n  const titleId = useId()\n  const falseWhenSmall = { small: false, medium: true, large: true }\n  const trueWhenSmall = { small: true, medium: false, large: false }\n  const basisSpace = {\n    top: 'medium',\n    right: 'medium',\n    bottom: 'large',\n    left: 'medium',\n  }\n  const smallSpace = responsive\n    ? {\n        ...basisSpace,\n        right: 0,\n        left: 0,\n      }\n    : basisSpace\n\n  const params = SectionParams({\n    className: classnames(\n      'dnb-card',\n      className,\n      responsive && 'dnb-card--responsive',\n      filled && 'dnb-card--filled'\n    ),\n    breakout: responsive ? trueWhenSmall : false,\n    outset: nestedContext?.isNested\n      ? false\n      : outset === true\n      ? falseWhenSmall\n      : outset,\n    roundedCorner: responsive ? falseWhenSmall : true,\n    outline: '--outline-card-color',\n    innerSpace:\n      innerSpace ??\n      ({\n        small: smallSpace,\n        medium: basisSpace,\n        large: basisSpace,\n      } as SpaceTypeMedia),\n    ...(rest as SectionProps),\n    'aria-labelledby': combineLabelledBy(rest, title && titleId),\n  })\n\n  return (\n    <Flex.Item alignSelf={alignSelf} element=\"section\" {...params}>\n      <CardContext.Provider value={{ isNested: true }}>\n        <Flex.Container\n          direction={direction ?? 'vertical'}\n          divider={divider}\n          alignSelf={alignSelf}\n          align={stack ? 'stretch' : align}\n          wrap={!stack}\n          gap={gap ?? spacing ?? (stack ? 'medium' : false)}\n          rowGap={rowGap}\n        >\n          {title && (\n            <Space id={titleId} className=\"dnb-card__title\">\n              {title}\n            </Space>\n          )}\n          {children}\n        </Flex.Container>\n      </CardContext.Provider>\n    </Flex.Item>\n  )\n}\n\nCard._supportsSpacingProps = true\n\nexport default Card\n"],"mappings":"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"}

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

@@ -54,5 +54,10 @@ export type DatePickerInputProps = Omit<React.HTMLProps<HTMLInputElement>, 'chil
      */
     onBlur?: (event: ReturnObject<React.FocusEvent<HTMLInputElement>>) => void;
 };
+export type InvalidDates = {
+    invalidDate?: string;
+    invalidStartDate?: string;
+    invalidEndDate?: string;
+};
 declare function DatePickerInput(externalProps: DatePickerInputProps): import("react/jsx-runtime").JSX.Element;
 export default DatePickerInput;

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

@@ -21,7 +21,8 @@ var _DatePickerContext = _interopRequireDefault(require("./DatePickerContext"));
 var _shared = require("../../shared");
 var _span;
 const _excluded = ["isRange", "maskOrder", "separatorRexExp", "id", "title", "submitAttributes", "maskPlaceholder", "onFocus", "onBlur", "onChange", "onSubmit", "selectedDateTitle", "showInput", "inputElement", "lang", "disabled", "skeleton", "opened", "size", "status", "statusState", "statusProps"],
-  _excluded2 = ["className", "value"];
+  _excluded2 = ["is_valid", "is_valid_start_date", "is_valid_end_date"],
+  _excluded3 = ["className", "value"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -72,6 +73,11 @@ function DatePickerInput(externalProps) {
     partialStartDate: '',
     partialEndDate: ''
   });
+  const invalidDatesRef = (0, _react.useRef)({
+    invalidStartDate: null,
+    invalidEndDate: null
+  });
+  const isDateFullyFilledOutRef = (0, _react.useRef)(false);
   const {
     updateDates,
     callOnChangeHandler,
@@ -103,34 +109,35 @@ function DatePickerInput(externalProps) {
     __endMonth,
     __endYear
   }), [__startDay, __startMonth, __startYear, __endDay, __endMonth, __endYear]);
-  const startDayRef = (0, _react.useRef)();
-  const startMonthRef = (0, _react.useRef)();
-  const startYearRef = (0, _react.useRef)();
-  const endDayRef = (0, _react.useRef)();
-  const endMonthRef = (0, _react.useRef)();
-  const endYearRef = (0, _react.useRef)();
-  const inputRefs = (0, _react.useMemo)(() => ({
-    startDayRef,
-    startMonthRef,
-    startYearRef,
-    endDayRef,
-    endMonthRef,
-    endYearRef
-  }), []);
-  const startDayDateRef = (0, _react.useRef)();
-  const endDayDateRef = (0, _react.useRef)();
-  const startMonthDateRef = (0, _react.useRef)();
-  const endMonthDateRef = (0, _react.useRef)();
-  const startYearDateRef = (0, _react.useRef)();
-  const endYearDateRef = (0, _react.useRef)();
-  const dateRefs = (0, _react.useMemo)(() => ({
-    startDay: startDayDateRef,
-    startMonth: endDayDateRef,
-    startYear: startMonthDateRef,
-    endDay: endMonthDateRef,
-    endMonth: startYearDateRef,
-    endYear: endYearDateRef
-  }), []);
+  const inputRefs = (0, _react.useRef)({
+    startDayRef: {
+      current: undefined
+    },
+    startMonthRef: {
+      current: undefined
+    },
+    startYearRef: {
+      current: undefined
+    },
+    endDayRef: {
+      current: undefined
+    },
+    endMonthRef: {
+      current: undefined
+    },
+    endYearRef: {
+      current: undefined
+    }
+  });
+  const dateRefs = (0, _react.useRef)({
+    startDay: '',
+    startMonth: '',
+    startYear: '',
+    endDay: '',
+    endMonth: '',
+    endYear: ''
+  });
+  syncDateRefs(dateRefs, inputDates);
   const startDateRef = (0, _react.useRef)();
   const endDateRef = (0, _react.useRef)();
   const temporaryDates = (0, _react.useMemo)(() => ({
@@ -196,17 +203,17 @@ function DatePickerInput(externalProps) {
     updateDates({
       hoverDate: null
     }, dates => {
-      if (hasHadValidDate) {
+      if (isDateFullyFilledOutRef.current || hasHadValidDate) {
         const {
           startDate,
           endDate,
           event
         } = _objectSpread(_objectSpread({}, state), dates);
-        callOnChangeHandler({
+        callOnChangeHandler(_objectSpread({
           startDate,
           endDate,
           event
-        });
+        }, invalidDatesRef.current));
       }
     });
   }, [updateDates, callOnChangeHandler, hasHadValidDate]);
@@ -228,9 +235,9 @@ function DatePickerInput(externalProps) {
     }
     updateDates(state, dates => {
       if (typeof startDate !== 'undefined' && (0, _isValid.default)(startDate) || typeof endDate !== 'undefined' && (0, _isValid.default)(endDate)) {
-        callOnChangeHandler(_objectSpread({
+        callOnChangeHandler(_objectSpread(_objectSpread({
           event
-        }, dates));
+        }, dates), invalidDatesRef.current));
       }
     });
   }, [updateDates, callOnChangeHandler, isRange]);
@@ -239,13 +246,13 @@ function DatePickerInput(externalProps) {
       event
     } = _ref2;
     const getDates = () => ['start', 'end'].reduce((acc, mode) => {
-      acc[`${mode}Date`] = [dateRefs[`${mode}Year`].current || inputDates[`__${mode}Year`] || 'yyyy', dateRefs[`${mode}Month`].current || inputDates[`__${mode}Month`] || 'mm', dateRefs[`${mode}Day`].current || 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,
       endDate: undefined
     });
-    let {
+    const {
       startDate,
       endDate
     } = getDates();
@@ -255,35 +262,35 @@ function DatePickerInput(externalProps) {
       partialStartDate,
       partialEndDate
     });
-    startDate = (0, _parseISO.default)(startDate);
-    endDate = (0, _parseISO.default)(endDate);
-    if (!(0, _isValid.default)(startDate)) {
-      startDate = null;
-    }
-    if (!(0, _isValid.default)(endDate)) {
-      endDate = null;
-    }
-    let returnObject = getReturnObject({
-      startDate,
-      endDate,
-      event,
-      partialStartDate,
-      partialEndDate
+    const parsedStartDate = (0, _parseISO.default)(startDate);
+    const parsedEndDate = (0, _parseISO.default)(endDate);
+    const isStartDateValid = (0, _isValid.default)(parsedStartDate);
+    const isEndDateValid = (0, _isValid.default)(parsedEndDate);
+    const _getReturnObject = getReturnObject(_objectSpread({
+        startDate: isStartDateValid ? parsedStartDate : null,
+        endDate: isEndDateValid ? parsedEndDate : null,
+        event,
+        partialStartDate,
+        partialEndDate
+      }, invalidDatesRef.current)),
+      {
+        is_valid,
+        is_valid_start_date,
+        is_valid_end_date
+      } = _getReturnObject,
+      returnObject = _objectWithoutProperties(_getReturnObject, _excluded2);
+    const typedDates = _objectSpread(_objectSpread(_objectSpread({}, !isRange && is_valid === false && {
+      date: startDate
+    }), isRange && is_valid_start_date === false && {
+      start_date: startDate
+    }), isRange && is_valid_end_date === false && {
+      end_date: endDate
     });
-    if (returnObject.is_valid === false || returnObject.is_valid_start_date === false || returnObject.is_valid_end_date === false) {
-      const {
-        startDate,
-        endDate
-      } = getDates();
-      const typedDates = isRange ? {
-        start_date: startDate,
-        end_date: endDate
-      } : {
-        date: startDate
-      };
-      returnObject = _objectSpread(_objectSpread({}, returnObject), typedDates);
-    }
-    onType === null || onType === void 0 ? void 0 : onType(_objectSpread({}, returnObject));
+    onType === null || onType === void 0 ? void 0 : onType(_objectSpread(_objectSpread({
+      is_valid,
+      is_valid_start_date,
+      is_valid_end_date
+    }, returnObject), typedDates));
   }, [isRange, dateRefs, getReturnObject, inputDates, onType]);
   const prepareCounting = (0, _react.useCallback)(async _ref3 => {
     let {
@@ -408,20 +415,26 @@ function DatePickerInput(externalProps) {
     }
   }, [prepareCounting, selectStart]);
   const setDate = (0, _react.useCallback)((event, mode, type) => {
-    var _dateRefs, _dateRefs2, _dateRefs3;
     event.persist();
     const value = event.target.value;
-    dateRefs[`${mode}${type}`].current = value;
+    dateRefs.current[`${mode}${type}`] = value;
     if (modeDate[`${mode}Date`]) {
       temporaryDates[`${mode}Date`].current = modeDate[`${mode}Date`];
     }
     const fallback = temporaryDates[`${mode}Date`].current;
-    const year = ((_dateRefs = dateRefs[`${mode}Year`]) === null || _dateRefs === void 0 ? void 0 : _dateRefs.current) || fallback && fallback.getFullYear();
-    const month = ((_dateRefs2 = dateRefs[`${mode}Month`]) === null || _dateRefs2 === void 0 ? void 0 : _dateRefs2.current) || fallback && fallback.getMonth() + 1;
-    const day = ((_dateRefs3 = dateRefs[`${mode}Day`]) === null || _dateRefs3 === void 0 ? void 0 : _dateRefs3.current) || fallback && fallback.getDate();
+    const year = dateRefs.current[`${mode}Year`] || fallback && fallback.getFullYear();
+    const month = dateRefs.current[`${mode}Month`] || fallback && fallback.getMonth() + 1;
+    const day = dateRefs.current[`${mode}Day`] || fallback && fallback.getDate();
     const date = new Date(parseFloat(String(year)), parseFloat(String(month)) - 1, parseFloat(String(day)));
     const isValidDate = !/[^0-9]/.test(String(day)) && !/[^0-9]/.test(String(month)) && !/[^0-9]/.test(String(year)) && (0, _isValid.default)(date) && date.getDate() == parseFloat(String(day)) && date.getMonth() + 1 == parseFloat(String(month)) && date.getFullYear() == parseFloat(String(year));
+    const dateString = `${year}-${month}-${day}`;
+    isDateFullyFilledOutRef.current = /^[0-9]{4}-[0-9]{2}-[0-9]{2}$/.test(dateString);
     if (isValidDate) {
+      invalidDatesRef.current = _objectSpread(_objectSpread({}, invalidDatesRef.current), mode === 'start' ? {
+        invalidStartDate: null
+      } : {
+        invalidEndDate: null
+      });
       callOnChange({
         [`${mode}Date`]: date,
         event
@@ -431,6 +444,11 @@ function DatePickerInput(externalProps) {
         [`${mode}Date`]: null,
         [`__${mode}${type}`]: value
       });
+      invalidDatesRef.current = _objectSpread(_objectSpread({}, invalidDatesRef.current), mode === 'start' ? {
+        invalidStartDate: dateString
+      } : {
+        invalidEndDate: dateString
+      });
       callOnChangeAsInvalid({
         [`${mode}Date`]: null,
         event
@@ -491,7 +509,7 @@ function DatePickerInput(externalProps) {
         const inputSizeClassName = size && `dnb-date-picker__input--${size}`;
         switch (state) {
           case 'd':
-            refList.current.push(inputRefs[`${mode}DayRef`]);
+            refList.current.push(inputRefs.current[`${mode}DayRef`]);
             return _react.default.createElement(_react.default.Fragment, {
               key: 'dd' + i
             }, _react.default.createElement(DateField, _extends({}, element, {
@@ -500,7 +518,7 @@ function DatePickerInput(externalProps) {
               className: (0, _classnames.default)("dnb-date-picker__input dnb-date-picker__input--day", element.className, inputSizeClassName),
               size: 2,
               mask: [/[0-3]/, /[0-9]/],
-              inputRef: inputRefs[`${mode}DayRef`],
+              inputRef: inputRefs.current[`${mode}DayRef`],
               onChange: dateSetters[`set_${mode}Day`],
               value: inputDates[`__${mode}Day`] || '',
               "aria-labelledby": `${id}-${mode}-day-label`
@@ -511,7 +529,7 @@ function DatePickerInput(externalProps) {
               htmlFor: `${id}-${mode}-day`
             }, isRangeLabel + day));
           case 'm':
-            refList.current.push(inputRefs[`${mode}MonthRef`]);
+            refList.current.push(inputRefs.current[`${mode}MonthRef`]);
             return _react.default.createElement(_react.default.Fragment, {
               key: 'mm' + i
             }, _react.default.createElement(DateField, _extends({}, element, {
@@ -520,7 +538,7 @@ function DatePickerInput(externalProps) {
               className: (0, _classnames.default)("dnb-date-picker__input dnb-date-picker__input--month", element.className, inputSizeClassName),
               size: 2,
               mask: [/[0-1]/, /[0-9]/],
-              inputRef: inputRefs[`${mode}MonthRef`],
+              inputRef: inputRefs.current[`${mode}MonthRef`],
               onChange: dateSetters[`set_${mode}Month`],
               value: inputDates[`__${mode}Month`] || '',
               "aria-labelledby": `${id}-${mode}-month-label`
@@ -531,7 +549,7 @@ function DatePickerInput(externalProps) {
               htmlFor: `${id}-${mode}-month`
             }, isRangeLabel + month));
           case 'y':
-            refList.current.push(inputRefs[`${mode}YearRef`]);
+            refList.current.push(inputRefs.current[`${mode}YearRef`]);
             return _react.default.createElement(_react.default.Fragment, {
               key: 'yy' + i
             }, _react.default.createElement(DateField, _extends({}, element, {
@@ -540,7 +558,7 @@ function DatePickerInput(externalProps) {
               className: (0, _classnames.default)("dnb-date-picker__input dnb-date-picker__input--year", element.className, inputSizeClassName),
               size: 4,
               mask: [/[1-2]/, /[0-9]/, /[0-9]/, /[0-9]/],
-              inputRef: inputRefs[`${mode}YearRef`],
+              inputRef: inputRefs.current[`${mode}YearRef`],
               onChange: dateSetters[`set_${mode}Year`],
               value: inputDates[`__${mode}Year`] || '',
               "aria-labelledby": `${id}-${mode}-year-label`
@@ -624,7 +642,7 @@ function InputElement(_ref5) {
       className,
       value
     } = _ref5,
-    props = _objectWithoutProperties(_ref5, _excluded2);
+    props = _objectWithoutProperties(_ref5, _excluded3);
   return _react.default.createElement(_TextMask.default, _extends({
     guide: true,
     showMask: true,
@@ -637,5 +655,14 @@ function InputElement(_ref5) {
     value: value
   }, props));
 }
+function syncDateRefs(dateRefs, inputDates) {
+  for (const date in dateRefs.current) {
+    const dateRefValue = dateRefs.current[date];
+    const inputDateValue = inputDates[`__${date}`];
+    if (dateRefValue !== inputDateValue) {
+      dateRefs.current[date] = inputDateValue;
+    }
+  }
+}
 const wait = duration => new Promise(r => setTimeout(r, duration));
 //# sourceMappingURL=DatePickerInput.js.map