@dnb/eufemia 10.70.0 → 10.71.0

package/components/date-picker/DatePickerProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerProvider.js","names":["React","useCallback","useContext","isValid","format","differenceInCalendarDays","SharedContext","correctV1Format","isDisabled","DatePickerContext","useViews","useDates","useLastEventCallCache","defaultProps","returnFormat","DatePickerProvider","externalProps","props","_objectSpread","date","startDate","endDate","startMonth","endMonth","minDate","maxDate","dateFormat","range","correctInvalidDate","attributes","returnFormatProp","children","onChange","setReturnObject","hidePicker","sharedContext","dates","updateDates","hasHadValidDate","previousDateProps","isRange","shouldCorrectDate","views","setViews","setHasClickedCalendarDay","lastEventCallCache","setLastEventCallCache","getReturnObject","_ref","arguments","length","undefined","event","rest","_objectWithoutProperties","_excluded","partialStartDate","partialEndDate","invalidStartDate","invalidEndDate","startDateIsValid","Boolean","endDateIsValid","hasMinOrMaxDates","returnObject","days_between","start_date","end_date","is_valid_start_date","is_valid_end_date","partialDate","invalidDate","is_valid","callOnChangeHandler","createElement","Provider","value","translation"],"sources":["../../../../src/components/date-picker/DatePickerProvider.tsx"],"sourcesContent":["/**\n * Web DatePicker Provider\n *\n */\n\nimport React, { useCallback, useContext } from 'react'\nimport type {\n  DatePickerEventAttributes,\n  DatePickerAllProps,\n  DatePickerProps,\n} from './DatePicker'\n\nimport isValid from 'date-fns/isValid'\nimport format from 'date-fns/format'\nimport differenceInCalendarDays from 'date-fns/differenceInCalendarDays'\n\nimport SharedContext from '../../shared/Context'\nimport { correctV1Format, isDisabled } from './DatePickerCalc'\nimport DatePickerContext, {\n  DatePickerContextValues,\n} from './DatePickerContext'\nimport useViews, { CalendarView } from './hooks/useViews'\nimport useDates, { DatePickerDates } from './hooks/useDates'\nimport useLastEventCallCache, {\n  LastEventCallCache,\n} from './hooks/useLastEventCallCache'\nimport { InvalidDates } from './DatePickerInput'\nimport { PartialDates } from './hooks/usePartialDates'\n\ntype DatePickerProviderProps = DatePickerAllProps & {\n  setReturnObject: (\n    func: DatePickerContextValues['getReturnObject']\n  ) => DatePickerContextValues['getReturnObject']\n  hidePicker?: DatePickerContextValues['hidePicker']\n  attributes?: DatePickerEventAttributes\n  children: React.ReactNode\n}\n\nexport type DatePickerChangeEvent<E> = DatePickerDates &\n  InvalidDates & {\n    nr?: number\n    hidePicker?: boolean\n    event?: E\n  }\n\nexport type GetReturnObjectParams<E> = DatePickerDates &\n  PartialDates &\n  InvalidDates & {\n    event?: E\n  }\n\n// TODO: convert properties on event handler return objects to camelCase, constitutes a breaking change\nexport type ReturnObject<E> = InvalidDates &\n  PartialDates & {\n    event?: E\n    attributes?: Record<string, unknown>\n    days_between?: number\n    date?: string | null\n    start_date?: string | null\n    end_date?: string | null\n    is_valid?: boolean\n    is_valid_start_date?: boolean\n    is_valid_end_date?: boolean\n  }\n\nexport type DatePickerProviderState = DatePickerDates &\n  Array<CalendarView> &\n  LastEventCallCache\n\nconst defaultProps: Partial<DatePickerProps> = {\n  returnFormat: 'yyyy-MM-dd', // used in date-fns v1: YYYY-MM-DD\n}\n\nfunction DatePickerProvider(externalProps: DatePickerProviderProps) {\n  const props = { ...defaultProps, ...externalProps }\n\n  const {\n    date,\n    startDate,\n    endDate,\n    startMonth,\n    endMonth,\n    minDate,\n    maxDate,\n    dateFormat,\n    range,\n    correctInvalidDate,\n    attributes,\n    returnFormat: returnFormatProp,\n    children,\n    onChange,\n    setReturnObject,\n    hidePicker,\n  } = props\n\n  const sharedContext = useContext(SharedContext)\n\n  const { dates, updateDates, hasHadValidDate, previousDateProps } =\n    useDates(\n      {\n        date,\n        startDate,\n        endDate,\n        startMonth,\n        endMonth,\n        minDate,\n        maxDate,\n      },\n      {\n        dateFormat: dateFormat,\n        isRange: range,\n        shouldCorrectDate: correctInvalidDate,\n      }\n    )\n\n  const { views, setViews, setHasClickedCalendarDay } = useViews({\n    startMonth: dates.startMonth,\n    endMonth: dates.endMonth,\n    isRange: range,\n  })\n\n  const [lastEventCallCache, setLastEventCallCache] =\n    useLastEventCallCache({\n      startDate: dates.startDate,\n      endDate: dates.endDate,\n    })\n\n  const getReturnObject = useCallback(\n    <E,>({ event = null, ...rest }: GetReturnObjectParams<E> = {}) => {\n      const {\n        startDate,\n        endDate,\n        partialStartDate,\n        partialEndDate,\n        invalidStartDate,\n        invalidEndDate,\n      } = {\n        ...views,\n        ...dates,\n        ...rest,\n      }\n\n      const returnFormat = correctV1Format(returnFormatProp)\n      const startDateIsValid = Boolean(startDate && isValid(startDate))\n      const endDateIsValid = Boolean(endDate && isValid(endDate))\n      const hasMinOrMaxDates = minDate || maxDate\n\n      const returnObject: ReturnObject<E> = {\n        event,\n        attributes: attributes || {},\n      }\n\n      // Handle range props\n      if (range) {\n        return {\n          ...returnObject,\n          days_between:\n            startDateIsValid && endDateIsValid\n              ? differenceInCalendarDays(endDate, startDate)\n              : null,\n          start_date: startDateIsValid\n            ? format(startDate, returnFormat)\n            : null,\n          end_date: endDateIsValid ? format(endDate, returnFormat) : null,\n          is_valid_start_date:\n            hasMinOrMaxDates &&\n            startDateIsValid &&\n            isDisabled(startDate, dates.minDate, dates.maxDate)\n              ? false\n              : startDateIsValid,\n          is_valid_end_date:\n            hasMinOrMaxDates &&\n            endDateIsValid &&\n            isDisabled(endDate, dates.minDate, dates.maxDate)\n              ? false\n              : endDateIsValid,\n          partialStartDate,\n          partialEndDate,\n          invalidStartDate,\n          invalidEndDate,\n        }\n      }\n\n      return {\n        ...returnObject,\n        date: startDateIsValid ? format(startDate, returnFormat) : null,\n        partialDate: partialStartDate,\n        // Can be removed in v11, in favor to partialDate,\n        // to keep the naming logic the same as with date and invalidDate when not in range mode\n        partialStartDate,\n        invalidDate: invalidStartDate,\n        is_valid:\n          hasMinOrMaxDates &&\n          startDateIsValid &&\n          isDisabled(startDate, dates.minDate, dates.maxDate)\n            ? false\n            : startDateIsValid,\n      }\n    },\n    [dates, views, attributes, maxDate, minDate, range, returnFormatProp]\n  )\n\n  const callOnChangeHandler = useCallback(\n    <E,>(event: E & DatePickerDates) => {\n      /**\n       * Prevent on_change to be fired twice if date not has actually changed\n       */\n      if (\n        lastEventCallCache &&\n        lastEventCallCache.startDate === event.startDate &&\n        lastEventCallCache.endDate === event.endDate\n      ) {\n        return // stop here\n      }\n\n      onChange?.(getReturnObject({ ...dates, ...event }))\n\n      setLastEventCallCache({\n        startDate: event.startDate,\n        endDate: event.endDate,\n      })\n    },\n    [\n      getReturnObject,\n      dates,\n      onChange,\n      lastEventCallCache,\n      setLastEventCallCache,\n    ]\n  )\n\n  // Is this at any point something other than a function?\n  if (typeof setReturnObject === 'function') {\n    setReturnObject(getReturnObject)\n  }\n\n  return (\n    <DatePickerContext.Provider\n      value={{\n        translation: sharedContext.translation,\n        updateDates,\n        getReturnObject,\n        callOnChangeHandler,\n        hidePicker: hidePicker,\n        props,\n        ...dates,\n        previousDateProps,\n        hasHadValidDate,\n        views,\n        setViews,\n        setHasClickedCalendarDay,\n      }}\n    >\n      {children}\n    </DatePickerContext.Provider>\n  )\n}\n\nexport default DatePickerProvider\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DatePickerProvider.js","names":["React","useCallback","useContext","isValid","format","differenceInCalendarDays","SharedContext","correctV1Format","isDisabled","DatePickerContext","useViews","useDates","useLastEventCallCache","defaultProps","returnFormat","DatePickerProvider","externalProps","props","_objectSpread","date","startDate","endDate","startMonth","endMonth","minDate","maxDate","dateFormat","range","correctInvalidDate","attributes","returnFormatProp","children","onChange","setReturnObject","hidePicker","sharedContext","dates","updateDates","previousDateProps","isRange","shouldCorrectDate","views","setViews","setHasClickedCalendarDay","lastEventCallCache","setLastEventCallCache","getReturnObject","_ref","arguments","length","undefined","event","rest","_objectWithoutProperties","_excluded","partialStartDate","partialEndDate","invalidStartDate","invalidEndDate","startDateIsValid","Boolean","endDateIsValid","hasMinOrMaxDates","returnObject","days_between","start_date","end_date","is_valid_start_date","is_valid_end_date","partialDate","invalidDate","is_valid","callOnChangeHandler","createElement","Provider","value","translation"],"sources":["../../../../src/components/date-picker/DatePickerProvider.tsx"],"sourcesContent":["/**\n * Web DatePicker Provider\n *\n */\n\nimport React, { useCallback, useContext } from 'react'\nimport type {\n  DatePickerEventAttributes,\n  DatePickerAllProps,\n  DatePickerProps,\n} from './DatePicker'\n\nimport isValid from 'date-fns/isValid'\nimport format from 'date-fns/format'\nimport differenceInCalendarDays from 'date-fns/differenceInCalendarDays'\n\nimport SharedContext from '../../shared/Context'\nimport { correctV1Format, isDisabled } from './DatePickerCalc'\nimport DatePickerContext, {\n  DatePickerContextValues,\n} from './DatePickerContext'\nimport useViews, { CalendarView } from './hooks/useViews'\nimport useDates, { DatePickerDates } from './hooks/useDates'\nimport useLastEventCallCache, {\n  LastEventCallCache,\n} from './hooks/useLastEventCallCache'\nimport { InvalidDates } from './DatePickerInput'\nimport { PartialDates } from './hooks/usePartialDates'\n\ntype DatePickerProviderProps = DatePickerAllProps & {\n  setReturnObject: (\n    func: DatePickerContextValues['getReturnObject']\n  ) => DatePickerContextValues['getReturnObject']\n  hidePicker?: DatePickerContextValues['hidePicker']\n  attributes?: DatePickerEventAttributes\n  children: React.ReactNode\n}\n\nexport type DatePickerChangeEvent<E> = DatePickerDates &\n  InvalidDates & {\n    nr?: number\n    hidePicker?: boolean\n    event?: E\n  }\n\nexport type GetReturnObjectParams<E> = DatePickerDates &\n  PartialDates &\n  InvalidDates & {\n    event?: E\n  }\n\n// TODO: convert properties on event handler return objects to camelCase, constitutes a breaking change\nexport type ReturnObject<E> = InvalidDates &\n  PartialDates & {\n    event?: E\n    attributes?: Record<string, unknown>\n    days_between?: number\n    date?: string | null\n    start_date?: string | null\n    end_date?: string | null\n    is_valid?: boolean\n    is_valid_start_date?: boolean\n    is_valid_end_date?: boolean\n  }\n\nexport type DatePickerProviderState = DatePickerDates &\n  Array<CalendarView> &\n  LastEventCallCache\n\nconst defaultProps: Partial<DatePickerProps> = {\n  returnFormat: 'yyyy-MM-dd', // used in date-fns v1: YYYY-MM-DD\n}\n\nfunction DatePickerProvider(externalProps: DatePickerProviderProps) {\n  const props = { ...defaultProps, ...externalProps }\n\n  const {\n    date,\n    startDate,\n    endDate,\n    startMonth,\n    endMonth,\n    minDate,\n    maxDate,\n    dateFormat,\n    range,\n    correctInvalidDate,\n    attributes,\n    returnFormat: returnFormatProp,\n    children,\n    onChange,\n    setReturnObject,\n    hidePicker,\n  } = props\n\n  const sharedContext = useContext(SharedContext)\n\n  const { dates, updateDates, previousDateProps } = useDates(\n    {\n      date,\n      startDate,\n      endDate,\n      startMonth,\n      endMonth,\n      minDate,\n      maxDate,\n    },\n    {\n      dateFormat: dateFormat,\n      isRange: range,\n      shouldCorrectDate: correctInvalidDate,\n    }\n  )\n\n  const { views, setViews, setHasClickedCalendarDay } = useViews({\n    startMonth: dates.startMonth,\n    endMonth: dates.endMonth,\n    isRange: range,\n  })\n\n  const [lastEventCallCache, setLastEventCallCache] =\n    useLastEventCallCache({\n      startDate: dates.startDate,\n      endDate: dates.endDate,\n    })\n\n  const getReturnObject = useCallback(\n    <E,>({ event = null, ...rest }: GetReturnObjectParams<E> = {}) => {\n      const {\n        startDate,\n        endDate,\n        partialStartDate,\n        partialEndDate,\n        invalidStartDate,\n        invalidEndDate,\n      } = {\n        ...views,\n        ...dates,\n        ...rest,\n      }\n\n      const returnFormat = correctV1Format(returnFormatProp)\n      const startDateIsValid = Boolean(startDate && isValid(startDate))\n      const endDateIsValid = Boolean(endDate && isValid(endDate))\n      const hasMinOrMaxDates = minDate || maxDate\n\n      const returnObject: ReturnObject<E> = {\n        event,\n        attributes: attributes || {},\n      }\n\n      // Handle range props\n      if (range) {\n        return {\n          ...returnObject,\n          days_between:\n            startDateIsValid && endDateIsValid\n              ? differenceInCalendarDays(endDate, startDate)\n              : null,\n          start_date: startDateIsValid\n            ? format(startDate, returnFormat)\n            : null,\n          end_date: endDateIsValid ? format(endDate, returnFormat) : null,\n          is_valid_start_date:\n            hasMinOrMaxDates &&\n            startDateIsValid &&\n            isDisabled(startDate, dates.minDate, dates.maxDate)\n              ? false\n              : startDateIsValid,\n          is_valid_end_date:\n            hasMinOrMaxDates &&\n            endDateIsValid &&\n            isDisabled(endDate, dates.minDate, dates.maxDate)\n              ? false\n              : endDateIsValid,\n          partialStartDate,\n          partialEndDate,\n          invalidStartDate,\n          invalidEndDate,\n        }\n      }\n\n      return {\n        ...returnObject,\n        date: startDateIsValid ? format(startDate, returnFormat) : null,\n        partialDate: partialStartDate,\n        // Can be removed in v11, in favor to partialDate,\n        // to keep the naming logic the same as with date and invalidDate when not in range mode\n        partialStartDate,\n        invalidDate: invalidStartDate,\n        is_valid:\n          hasMinOrMaxDates &&\n          startDateIsValid &&\n          isDisabled(startDate, dates.minDate, dates.maxDate)\n            ? false\n            : startDateIsValid,\n      }\n    },\n    [dates, views, attributes, maxDate, minDate, range, returnFormatProp]\n  )\n\n  const callOnChangeHandler = useCallback(\n    <E,>(event: E & DatePickerDates) => {\n      /**\n       * Prevent on_change to be fired twice if date not has actually changed\n       */\n      if (\n        lastEventCallCache &&\n        lastEventCallCache.startDate === event.startDate &&\n        lastEventCallCache.endDate === event.endDate\n      ) {\n        return // stop here\n      }\n\n      onChange?.(getReturnObject({ ...dates, ...event }))\n\n      setLastEventCallCache({\n        startDate: event.startDate,\n        endDate: event.endDate,\n      })\n    },\n    [\n      getReturnObject,\n      dates,\n      onChange,\n      lastEventCallCache,\n      setLastEventCallCache,\n    ]\n  )\n\n  // Is this at any point something other than a function?\n  if (typeof setReturnObject === 'function') {\n    setReturnObject(getReturnObject)\n  }\n\n  return (\n    <DatePickerContext.Provider\n      value={{\n        translation: sharedContext.translation,\n        updateDates,\n        getReturnObject,\n        callOnChangeHandler,\n        hidePicker: hidePicker,\n        props,\n        ...dates,\n        previousDateProps,\n        views,\n        setViews,\n        setHasClickedCalendarDay,\n      }}\n    >\n      {children}\n    </DatePickerContext.Provider>\n  )\n}\n\nexport default DatePickerProvider\n"],"mappings":"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","ignoreList":[]}

package/components/date-picker/hooks/useDates.d.ts

@@ -30,13 +30,11 @@ export type DatePickerDates = {
     maxDate?: Date;
     startMonth?: Date;
     endMonth?: Date;
-    hasHadValidDate?: boolean;
     hoverDate?: Date;
 } & DatePickerInputDates;
 export default function useDates(dateProps: DatePickerDateProps, { dateFormat, isRange, shouldCorrectDate, }: UseDatesOptions): {
     readonly dates: DatePickerDates;
     readonly updateDates: (newDates: DatePickerDates, callback?: (dates: DatePickerDates) => void) => void;
-    readonly hasHadValidDate: boolean;
     readonly previousDateProps: DatePickerDateProps;
 };
 export declare function pad(date: string, size: number): string;

package/components/date-picker/hooks/useDates.js

@@ -4,11 +4,12 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import "core-js/modules/web.dom-collections.iterator.js";
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 import { convertStringToDate, isDisabled } from '../DatePickerCalc';
 import isValid from 'date-fns/isValid';
 import format from 'date-fns/format';
 import { addMonths, isSameDay } from 'date-fns';
+const useLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
 export default function useDates(dateProps, _ref) {
   let {
     dateFormat,
@@ -46,7 +47,6 @@ export default function useDates(dateProps, _ref) {
     setDates(currentDates => _objectSpread(_objectSpread({}, currentDates), derivedDates));
     setPreviousDateProps(dateProps);
   }
-  const hasHadValidDate = useRef(false);
   const updateDates = useCallback((newDates, callback) => {
     var _newDates$startDate, _newDates$endDate;
     const correctedDates = shouldCorrectDate ? correctDates({
@@ -65,16 +65,14 @@ export default function useDates(dateProps, _ref) {
     });
     callback === null || callback === void 0 ? void 0 : callback(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, dates), newDates), months), correctedDates));
   }, [dates, shouldCorrectDate, isRange]);
-  useEffect(() => {
+  useLayoutEffect(() => {
     const startDates = updateInputDates('start', dates.startDate);
     const endDates = updateInputDates('end', dates.endDate);
-    hasHadValidDate.current = isValid(dates.startDate) || isValid(dates.endDate);
     setDates(currentDates => _objectSpread(_objectSpread(_objectSpread({}, currentDates), startDates), endDates));
   }, [dates.startDate, dates.endDate]);
   return {
     dates,
     updateDates,
-    hasHadValidDate: hasHadValidDate.current,
     previousDateProps
   };
 }

package/components/date-picker/hooks/useDates.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDates.js","names":["useCallback","useEffect","useMemo","useRef","useState","convertStringToDate","isDisabled","isValid","format","addMonths","isSameDay","useDates","dateProps","_ref","dateFormat","isRange","shouldCorrectDate","previousDateProps","setPreviousDateProps","dates","setDates","_objectSpread","mapDates","hasDatePropChanges","Object","keys","some","date","dateProp","previousDate","convertedDateProp","convertedPreviousDate","Date","derivedDates","deriveDatesFromProps","currentDates","hasHadValidDate","updateDates","newDates","callback","_newDates$startDate","_newDates$endDate","correctedDates","correctDates","startDate","endDate","minDate","maxDate","months","updateMonths","startDates","updateInputDates","endDates","current","type","updatedDates","pad","undefined","_ref2","_ref3","_convertStringToDate","_convertStringToDate2","getDate","startMonth","endMonth","hasValidStartDate","hasValidEndDate","__startDay","__startMonth","__startYear","__endDay","__endMonth","__endYear","_ref4","getStartDate","_ref5","_ref6","_ref7","_newDates$startMonth","_ref8","_newDates$endMonth","size","dateWithPadding","substring","length"],"sources":["../../../../../src/components/date-picker/hooks/useDates.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { convertStringToDate, isDisabled } from '../DatePickerCalc'\nimport isValid from 'date-fns/isValid'\nimport format from 'date-fns/format'\nimport { addMonths, isSameDay } from 'date-fns'\nimport { DateType } from '../DatePickerContext'\n\nexport type DatePickerDateProps = {\n  date?: DateType\n  startDate?: DateType\n  endDate?: DateType\n  startMonth?: DateType\n  endMonth?: DateType\n  minDate?: DateType\n  maxDate?: DateType\n  hoverDate?: DateType | null\n}\n\ntype UseDatesOptions = {\n  dateFormat: string\n  isRange: boolean\n  shouldCorrectDate: boolean\n}\n// TODO: Move to DatePickerInput\nexport type DatePickerInputDates = {\n  __startDay?: string\n  __startMonth?: string\n  __startYear?: string\n  __endDay?: string\n  __endMonth?: string\n  __endYear?: string\n}\n\nexport type DatePickerDates = {\n  date?: DateType\n  startDate?: Date\n  endDate?: Date\n  minDate?: Date\n  maxDate?: Date\n  startMonth?: Date\n  endMonth?: Date\n  hasHadValidDate?: boolean\n  hoverDate?: Date\n} & DatePickerInputDates\n\nexport default function useDates(\n  dateProps: DatePickerDateProps,\n  {\n    dateFormat,\n    isRange = false,\n    shouldCorrectDate = false,\n  }: UseDatesOptions\n) {\n  const [previousDateProps, setPreviousDateProps] = useState(dateProps)\n  const [dates, setDates] = useState<DatePickerDates>({\n    ...mapDates(dateProps, {\n      dateFormat,\n      isRange,\n      shouldCorrectDate,\n    }),\n  })\n\n  const hasDatePropChanges = useMemo(\n    () =>\n      Object.keys(dateProps).some((date) => {\n        const dateProp = dateProps[date]\n        const previousDate = previousDateProps[date]\n\n        const convertedDateProp = convertStringToDate(dateProp, {\n          dateFormat,\n        })\n        const convertedPreviousDate = convertStringToDate(previousDate, {\n          dateFormat,\n        })\n        // Make sure that same dates does not trigger a change\n        // i.e. 2021-01-01 and new Date('2021-01-01')\n        if (\n          convertedDateProp instanceof Date &&\n          convertedPreviousDate instanceof Date\n        ) {\n          return !isSameDay(convertedDateProp, convertedPreviousDate)\n        }\n\n        return dateProp !== previousDate\n      }),\n    [dateProps, previousDateProps, dateFormat]\n  )\n\n  // Update dates on prop change\n  if (hasDatePropChanges) {\n    const derivedDates = deriveDatesFromProps({\n      dates,\n      dateProps,\n      previousDateProps,\n      dateFormat,\n      isRange,\n    })\n\n    setDates((currentDates) => ({ ...currentDates, ...derivedDates }))\n    setPreviousDateProps(dateProps)\n  }\n\n  const hasHadValidDate = useRef<boolean>(false)\n\n  const updateDates = useCallback(\n    (\n      newDates: DatePickerDates,\n      callback?: (dates: DatePickerDates) => void\n    ) => {\n      // Correct dates based on min and max date\n      const correctedDates = shouldCorrectDate\n        ? correctDates({\n            startDate: newDates.startDate ?? dates.startDate,\n            endDate: newDates.endDate ?? dates.endDate,\n            minDate: dates.minDate,\n            maxDate: dates.maxDate,\n            isRange,\n          })\n        : {}\n\n      // Update months based on month or start/end date changes\n      const months = updateMonths({\n        newDates,\n        currentDates: dates,\n      })\n\n      setDates((currentDates) => {\n        return {\n          ...currentDates,\n          ...newDates,\n          ...months,\n          ...correctedDates,\n        }\n      })\n\n      callback?.({\n        ...dates,\n        ...newDates,\n        ...months,\n        ...correctedDates,\n      })\n    },\n    [dates, shouldCorrectDate, isRange]\n  )\n\n  // Updated input dates based on start and end dates, move to DatePickerInput\n  // TODO: Move to DatePickerInput\n  useEffect(() => {\n    const startDates = updateInputDates('start', dates.startDate)\n    const endDates = updateInputDates('end', dates.endDate)\n\n    hasHadValidDate.current =\n      isValid(dates.startDate) || isValid(dates.endDate)\n\n    setDates((currentDates) => ({\n      ...currentDates,\n      ...startDates,\n      ...endDates,\n    }))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dates.startDate, dates.endDate])\n\n  return {\n    dates,\n    updateDates,\n    hasHadValidDate: hasHadValidDate.current,\n    previousDateProps,\n  } as const\n}\n\n// TODO: Move to DatePickerInput\nfunction updateInputDates(type: 'start' | 'end', date: Date | undefined) {\n  const updatedDates = {}\n\n  if (isValid(date)) {\n    updatedDates[`__${type}Day`] = pad(format(date, 'dd'), 2)\n    updatedDates[`__${type}Month`] = pad(format(date, 'MM'), 2)\n    updatedDates[`__${type}Year`] = format(date, 'yyyy')\n  } else if (date === undefined) {\n    updatedDates[`__${type}Day`] = null\n    updatedDates[`__${type}Month`] = null\n    updatedDates[`__${type}Year`] = null\n  }\n\n  return updatedDates\n}\n\nfunction mapDates(\n  dateProps: DatePickerDateProps,\n  {\n    dateFormat,\n    isRange,\n    shouldCorrectDate,\n  }: Omit<UseDatesOptions, 'isLinked'>\n) {\n  const date = dateProps.date\n\n  const startDate =\n    typeof dateProps?.startDate !== 'undefined'\n      ? getDate(dateProps.startDate, dateFormat)\n      : typeof date !== 'undefined'\n      ? getDate(date, dateFormat)\n      : undefined\n\n  const endDate = !isRange\n    ? startDate\n    : convertStringToDate(dateProps?.endDate, {\n        dateFormat,\n      }) || undefined\n\n  // Ensure that the calendar view displays the correct start and end months, and to prevent date flickering bug\n  const startMonth =\n    convertStringToDate(dateProps.startMonth, {\n      dateFormat,\n    }) ??\n    startDate ??\n    new Date()\n\n  const endMonth =\n    convertStringToDate(dateProps.endMonth, {\n      dateFormat: dateFormat,\n    }) ?? (isRange ? endDate ?? addMonths(startMonth, 1) : startMonth)\n\n  const minDate = convertStringToDate(dateProps.minDate, {\n    dateFormat,\n  })\n\n  const maxDate = convertStringToDate(dateProps.maxDate, {\n    dateFormat,\n  })\n\n  const correctedDates = shouldCorrectDate\n    ? correctDates({ startDate, endDate, minDate, maxDate, isRange })\n    : {}\n\n  const dates = {\n    date,\n    startDate,\n    endDate,\n    startMonth,\n    endMonth,\n    minDate,\n    maxDate,\n    ...correctedDates,\n  }\n\n  const hasValidStartDate = isValid(dates.startDate)\n  const hasValidEndDate = isValid(dates.endDate)\n\n  return {\n    ...dates,\n    __startDay: hasValidStartDate\n      ? pad(format(dates.startDate, 'dd'), 2)\n      : null,\n    __startMonth: hasValidStartDate\n      ? pad(format(dates.startDate, 'MM'), 2)\n      : null,\n    __startYear: hasValidStartDate\n      ? format(dates.startDate, 'yyyy')\n      : null,\n    __endDay: hasValidEndDate ? pad(format(dates.endDate, 'dd'), 2) : null,\n    __endMonth: hasValidEndDate\n      ? pad(format(dates.endDate, 'MM'), 2)\n      : null,\n    __endYear: hasValidEndDate ? format(dates.endDate, 'yyyy') : null,\n  }\n}\n\nfunction deriveDatesFromProps({\n  dates,\n  dateProps,\n  previousDateProps,\n  dateFormat,\n  isRange,\n}: {\n  dates: DatePickerDates\n  dateProps: DatePickerDateProps\n  previousDateProps: DatePickerDateProps\n  dateFormat: UseDatesOptions['dateFormat']\n  isRange: UseDatesOptions['isRange']\n}) {\n  const derivedDates: DatePickerDates = {}\n\n  const startDate = getStartDate(dateProps, previousDateProps)\n\n  // Handle updates related to date and startDate changes when not in range mode\n  if (typeof startDate !== 'undefined' && startDate !== dates.startDate) {\n    derivedDates.startDate =\n      convertStringToDate(startDate, {\n        dateFormat,\n      }) || undefined\n\n    // Set endDate and startMonth to startDate if not in range mode\n    if (!isRange) {\n      derivedDates.startMonth =\n        convertStringToDate(startDate, {\n          dateFormat,\n        }) || undefined\n\n      derivedDates.endDate = derivedDates.startDate\n    }\n  }\n\n  // update endDate based on endDate prop if in range mode\n  if (\n    isRange &&\n    typeof dateProps.endDate !== 'undefined' &&\n    dateProps.endDate !== dates.endDate\n  ) {\n    derivedDates.endDate =\n      convertStringToDate(dateProps.endDate, {\n        dateFormat,\n      }) || undefined\n  }\n\n  // Handle startMonth/endMonth\n  if (\n    typeof dateProps.startMonth !== 'undefined' &&\n    dateProps.startMonth !== previousDateProps.startMonth\n  ) {\n    derivedDates.startMonth = convertStringToDate(dateProps.startMonth, {\n      dateFormat,\n    })\n  }\n  if (\n    typeof dateProps.endMonth !== 'undefined' &&\n    dateProps.endMonth !== previousDateProps.endMonth\n  ) {\n    derivedDates.endMonth = convertStringToDate(dateProps.endMonth, {\n      dateFormat,\n    })\n  }\n\n  // Handle minDate/maxDate\n  if (\n    typeof dateProps.minDate !== 'undefined' &&\n    dateProps.minDate !== previousDateProps.minDate\n  ) {\n    derivedDates.minDate = convertStringToDate(dateProps.minDate, {\n      dateFormat,\n    })\n  }\n  if (\n    typeof dateProps.maxDate !== 'undefined' &&\n    dateProps.maxDate !== previousDateProps.maxDate\n  ) {\n    derivedDates.maxDate = convertStringToDate(dateProps.maxDate, {\n      dateFormat,\n    })\n  }\n\n  return derivedDates\n}\n\nfunction correctDates({\n  startDate,\n  endDate,\n  minDate,\n  maxDate,\n  isRange,\n}: {\n  startDate: Date\n  endDate: Date\n  minDate: Date\n  maxDate: Date\n  isRange: boolean\n}) {\n  const correctedDates = {}\n\n  if (isDisabled(startDate, minDate, maxDate)) {\n    correctedDates['startDate'] = minDate\n  }\n  if (isDisabled(endDate, minDate, maxDate)) {\n    // state.endDate is only used by the input if range is set to true.\n    // this is done to make maxDate correction work if the input is not a range and only maxDate is defined.\n    if (!isRange && !minDate) {\n      correctedDates['startDate'] = maxDate\n    } else {\n      correctedDates['endDate'] = maxDate\n    }\n  }\n\n  return correctedDates\n}\n\nfunction updateMonths({\n  newDates,\n  currentDates,\n}: {\n  newDates: DatePickerDates\n  currentDates: DatePickerDates\n}) {\n  const startMonth =\n    newDates.startMonth ?? newDates.startDate ?? currentDates.startMonth\n  const endMonth =\n    newDates.endMonth ?? newDates.endDate ?? currentDates.endMonth\n\n  return {\n    startMonth,\n    endMonth,\n  }\n}\n\nfunction getDate(date: DateType, dateFormat: string) {\n  return date instanceof Date\n    ? date\n    : convertStringToDate(date ?? '', {\n        dateFormat,\n      })\n}\n\nfunction getStartDate(\n  dateProps: DatePickerDateProps,\n  previousDateProps: DatePickerDateProps\n) {\n  // prioritize startDate over date if provided\n  if (\n    typeof dateProps.startDate !== 'undefined' &&\n    dateProps.startDate !== previousDateProps.startDate\n  ) {\n    return dateProps.startDate\n  }\n\n  if (\n    typeof dateProps.date !== 'undefined' &&\n    dateProps.date !== previousDateProps.date\n  ) {\n    return dateProps.date\n  }\n\n  return undefined\n}\n\nexport function pad(date: string, size: number) {\n  const dateWithPadding = '000000000' + date\n\n  return dateWithPadding.substring(dateWithPadding.length - size)\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useDates.js","names":["React","useCallback","useMemo","useState","convertStringToDate","isDisabled","isValid","format","addMonths","isSameDay","useLayoutEffect","window","useEffect","useDates","dateProps","_ref","dateFormat","isRange","shouldCorrectDate","previousDateProps","setPreviousDateProps","dates","setDates","_objectSpread","mapDates","hasDatePropChanges","Object","keys","some","date","dateProp","previousDate","convertedDateProp","convertedPreviousDate","Date","derivedDates","deriveDatesFromProps","currentDates","updateDates","newDates","callback","_newDates$startDate","_newDates$endDate","correctedDates","correctDates","startDate","endDate","minDate","maxDate","months","updateMonths","startDates","updateInputDates","endDates","type","updatedDates","pad","undefined","_ref2","_ref3","_convertStringToDate","_convertStringToDate2","getDate","startMonth","endMonth","hasValidStartDate","hasValidEndDate","__startDay","__startMonth","__startYear","__endDay","__endMonth","__endYear","_ref4","getStartDate","_ref5","_ref6","_ref7","_newDates$startMonth","_ref8","_newDates$endMonth","size","dateWithPadding","substring","length"],"sources":["../../../../../src/components/date-picker/hooks/useDates.ts"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react'\nimport { convertStringToDate, isDisabled } from '../DatePickerCalc'\nimport isValid from 'date-fns/isValid'\nimport format from 'date-fns/format'\nimport { addMonths, isSameDay } from 'date-fns'\nimport { DateType } from '../DatePickerContext'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type DatePickerDateProps = {\n  date?: DateType\n  startDate?: DateType\n  endDate?: DateType\n  startMonth?: DateType\n  endMonth?: DateType\n  minDate?: DateType\n  maxDate?: DateType\n  hoverDate?: DateType | null\n}\n\ntype UseDatesOptions = {\n  dateFormat: string\n  isRange: boolean\n  shouldCorrectDate: boolean\n}\n// TODO: Move to DatePickerInput\nexport type DatePickerInputDates = {\n  __startDay?: string\n  __startMonth?: string\n  __startYear?: string\n  __endDay?: string\n  __endMonth?: string\n  __endYear?: string\n}\n\nexport type DatePickerDates = {\n  date?: DateType\n  startDate?: Date\n  endDate?: Date\n  minDate?: Date\n  maxDate?: Date\n  startMonth?: Date\n  endMonth?: Date\n  hoverDate?: Date\n} & DatePickerInputDates\n\nexport default function useDates(\n  dateProps: DatePickerDateProps,\n  {\n    dateFormat,\n    isRange = false,\n    shouldCorrectDate = false,\n  }: UseDatesOptions\n) {\n  const [previousDateProps, setPreviousDateProps] = useState(dateProps)\n  const [dates, setDates] = useState<DatePickerDates>({\n    ...mapDates(dateProps, {\n      dateFormat,\n      isRange,\n      shouldCorrectDate,\n    }),\n  })\n\n  const hasDatePropChanges = useMemo(\n    () =>\n      Object.keys(dateProps).some((date) => {\n        const dateProp = dateProps[date]\n        const previousDate = previousDateProps[date]\n\n        const convertedDateProp = convertStringToDate(dateProp, {\n          dateFormat,\n        })\n        const convertedPreviousDate = convertStringToDate(previousDate, {\n          dateFormat,\n        })\n        // Make sure that same dates does not trigger a change\n        // i.e. 2021-01-01 and new Date('2021-01-01')\n        if (\n          convertedDateProp instanceof Date &&\n          convertedPreviousDate instanceof Date\n        ) {\n          return !isSameDay(convertedDateProp, convertedPreviousDate)\n        }\n\n        return dateProp !== previousDate\n      }),\n    [dateProps, previousDateProps, dateFormat]\n  )\n\n  // Update dates on prop change\n  if (hasDatePropChanges) {\n    const derivedDates = deriveDatesFromProps({\n      dates,\n      dateProps,\n      previousDateProps,\n      dateFormat,\n      isRange,\n    })\n\n    setDates((currentDates) => ({ ...currentDates, ...derivedDates }))\n    setPreviousDateProps(dateProps)\n  }\n\n  const updateDates = useCallback(\n    (\n      newDates: DatePickerDates,\n      callback?: (dates: DatePickerDates) => void\n    ) => {\n      // Correct dates based on min and max date\n      const correctedDates = shouldCorrectDate\n        ? correctDates({\n            startDate: newDates.startDate ?? dates.startDate,\n            endDate: newDates.endDate ?? dates.endDate,\n            minDate: dates.minDate,\n            maxDate: dates.maxDate,\n            isRange,\n          })\n        : {}\n\n      // Update months based on month or start/end date changes\n      const months = updateMonths({\n        newDates,\n        currentDates: dates,\n      })\n\n      setDates((currentDates) => {\n        return {\n          ...currentDates,\n          ...newDates,\n          ...months,\n          ...correctedDates,\n        }\n      })\n\n      callback?.({\n        ...dates,\n        ...newDates,\n        ...months,\n        ...correctedDates,\n      })\n    },\n    [dates, shouldCorrectDate, isRange]\n  )\n\n  // Updated input dates based on start and end dates, move to DatePickerInput\n  // TODO: Move to DatePickerInput\n  useLayoutEffect(() => {\n    const startDates = updateInputDates('start', dates.startDate)\n    const endDates = updateInputDates('end', dates.endDate)\n\n    setDates((currentDates) => ({\n      ...currentDates,\n      ...startDates,\n      ...endDates,\n    }))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dates.startDate, dates.endDate])\n\n  return {\n    dates,\n    updateDates,\n    previousDateProps,\n  } as const\n}\n\n// TODO: Move to DatePickerInput\nfunction updateInputDates(type: 'start' | 'end', date: Date | undefined) {\n  const updatedDates = {}\n\n  if (isValid(date)) {\n    updatedDates[`__${type}Day`] = pad(format(date, 'dd'), 2)\n    updatedDates[`__${type}Month`] = pad(format(date, 'MM'), 2)\n    updatedDates[`__${type}Year`] = format(date, 'yyyy')\n  } else if (date === undefined) {\n    updatedDates[`__${type}Day`] = null\n    updatedDates[`__${type}Month`] = null\n    updatedDates[`__${type}Year`] = null\n  }\n\n  return updatedDates\n}\n\nfunction mapDates(\n  dateProps: DatePickerDateProps,\n  {\n    dateFormat,\n    isRange,\n    shouldCorrectDate,\n  }: Omit<UseDatesOptions, 'isLinked'>\n) {\n  const date = dateProps.date\n\n  const startDate =\n    typeof dateProps?.startDate !== 'undefined'\n      ? getDate(dateProps.startDate, dateFormat)\n      : typeof date !== 'undefined'\n      ? getDate(date, dateFormat)\n      : undefined\n\n  const endDate = !isRange\n    ? startDate\n    : convertStringToDate(dateProps?.endDate, {\n        dateFormat,\n      }) || undefined\n\n  // Ensure that the calendar view displays the correct start and end months, and to prevent date flickering bug\n  const startMonth =\n    convertStringToDate(dateProps.startMonth, {\n      dateFormat,\n    }) ??\n    startDate ??\n    new Date()\n\n  const endMonth =\n    convertStringToDate(dateProps.endMonth, {\n      dateFormat: dateFormat,\n    }) ?? (isRange ? endDate ?? addMonths(startMonth, 1) : startMonth)\n\n  const minDate = convertStringToDate(dateProps.minDate, {\n    dateFormat,\n  })\n\n  const maxDate = convertStringToDate(dateProps.maxDate, {\n    dateFormat,\n  })\n\n  const correctedDates = shouldCorrectDate\n    ? correctDates({ startDate, endDate, minDate, maxDate, isRange })\n    : {}\n\n  const dates = {\n    date,\n    startDate,\n    endDate,\n    startMonth,\n    endMonth,\n    minDate,\n    maxDate,\n    ...correctedDates,\n  }\n\n  const hasValidStartDate = isValid(dates.startDate)\n  const hasValidEndDate = isValid(dates.endDate)\n\n  return {\n    ...dates,\n    __startDay: hasValidStartDate\n      ? pad(format(dates.startDate, 'dd'), 2)\n      : null,\n    __startMonth: hasValidStartDate\n      ? pad(format(dates.startDate, 'MM'), 2)\n      : null,\n    __startYear: hasValidStartDate\n      ? format(dates.startDate, 'yyyy')\n      : null,\n    __endDay: hasValidEndDate ? pad(format(dates.endDate, 'dd'), 2) : null,\n    __endMonth: hasValidEndDate\n      ? pad(format(dates.endDate, 'MM'), 2)\n      : null,\n    __endYear: hasValidEndDate ? format(dates.endDate, 'yyyy') : null,\n  }\n}\n\nfunction deriveDatesFromProps({\n  dates,\n  dateProps,\n  previousDateProps,\n  dateFormat,\n  isRange,\n}: {\n  dates: DatePickerDates\n  dateProps: DatePickerDateProps\n  previousDateProps: DatePickerDateProps\n  dateFormat: UseDatesOptions['dateFormat']\n  isRange: UseDatesOptions['isRange']\n}) {\n  const derivedDates: DatePickerDates = {}\n\n  const startDate = getStartDate(dateProps, previousDateProps)\n\n  // Handle updates related to date and startDate changes when not in range mode\n  if (typeof startDate !== 'undefined' && startDate !== dates.startDate) {\n    derivedDates.startDate =\n      convertStringToDate(startDate, {\n        dateFormat,\n      }) || undefined\n\n    // Set endDate and startMonth to startDate if not in range mode\n    if (!isRange) {\n      derivedDates.startMonth =\n        convertStringToDate(startDate, {\n          dateFormat,\n        }) || undefined\n\n      derivedDates.endDate = derivedDates.startDate\n    }\n  }\n\n  // update endDate based on endDate prop if in range mode\n  if (\n    isRange &&\n    typeof dateProps.endDate !== 'undefined' &&\n    dateProps.endDate !== dates.endDate\n  ) {\n    derivedDates.endDate =\n      convertStringToDate(dateProps.endDate, {\n        dateFormat,\n      }) || undefined\n  }\n\n  // Handle startMonth/endMonth\n  if (\n    typeof dateProps.startMonth !== 'undefined' &&\n    dateProps.startMonth !== previousDateProps.startMonth\n  ) {\n    derivedDates.startMonth = convertStringToDate(dateProps.startMonth, {\n      dateFormat,\n    })\n  }\n  if (\n    typeof dateProps.endMonth !== 'undefined' &&\n    dateProps.endMonth !== previousDateProps.endMonth\n  ) {\n    derivedDates.endMonth = convertStringToDate(dateProps.endMonth, {\n      dateFormat,\n    })\n  }\n\n  // Handle minDate/maxDate\n  if (\n    typeof dateProps.minDate !== 'undefined' &&\n    dateProps.minDate !== previousDateProps.minDate\n  ) {\n    derivedDates.minDate = convertStringToDate(dateProps.minDate, {\n      dateFormat,\n    })\n  }\n  if (\n    typeof dateProps.maxDate !== 'undefined' &&\n    dateProps.maxDate !== previousDateProps.maxDate\n  ) {\n    derivedDates.maxDate = convertStringToDate(dateProps.maxDate, {\n      dateFormat,\n    })\n  }\n\n  return derivedDates\n}\n\nfunction correctDates({\n  startDate,\n  endDate,\n  minDate,\n  maxDate,\n  isRange,\n}: {\n  startDate: Date\n  endDate: Date\n  minDate: Date\n  maxDate: Date\n  isRange: boolean\n}) {\n  const correctedDates = {}\n\n  if (isDisabled(startDate, minDate, maxDate)) {\n    correctedDates['startDate'] = minDate\n  }\n  if (isDisabled(endDate, minDate, maxDate)) {\n    // state.endDate is only used by the input if range is set to true.\n    // this is done to make maxDate correction work if the input is not a range and only maxDate is defined.\n    if (!isRange && !minDate) {\n      correctedDates['startDate'] = maxDate\n    } else {\n      correctedDates['endDate'] = maxDate\n    }\n  }\n\n  return correctedDates\n}\n\nfunction updateMonths({\n  newDates,\n  currentDates,\n}: {\n  newDates: DatePickerDates\n  currentDates: DatePickerDates\n}) {\n  const startMonth =\n    newDates.startMonth ?? newDates.startDate ?? currentDates.startMonth\n  const endMonth =\n    newDates.endMonth ?? newDates.endDate ?? currentDates.endMonth\n\n  return {\n    startMonth,\n    endMonth,\n  }\n}\n\nfunction getDate(date: DateType, dateFormat: string) {\n  return date instanceof Date\n    ? date\n    : convertStringToDate(date ?? '', {\n        dateFormat,\n      })\n}\n\nfunction getStartDate(\n  dateProps: DatePickerDateProps,\n  previousDateProps: DatePickerDateProps\n) {\n  // prioritize startDate over date if provided\n  if (\n    typeof dateProps.startDate !== 'undefined' &&\n    dateProps.startDate !== previousDateProps.startDate\n  ) {\n    return dateProps.startDate\n  }\n\n  if (\n    typeof dateProps.date !== 'undefined' &&\n    dateProps.date !== previousDateProps.date\n  ) {\n    return dateProps.date\n  }\n\n  return undefined\n}\n\nexport function pad(date: string, size: number) {\n  const dateWithPadding = '000000000' + date\n\n  return dateWithPadding.substring(dateWithPadding.length - size)\n}\n"],"mappings":"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","ignoreList":[]}

package/components/date-picker/style/dnb-date-picker.css

@@ -146,6 +146,10 @@ html[data-whatinput=keyboard] .dnb-date-picker__container table.dnb-no-focus:foc
   }
 }
 @supports (-webkit-touch-callout: none) {
+  .dnb-date-picker__input,
+  .dnb-date-picker .dnb-input__input.dnb-date-picker__input, .dnb-core-style .dnb-date-picker__input {
+    text-indent: -2px;
+  }
   .dnb-date-picker__input:not(*:root),
   .dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(*:root), .dnb-core-style .dnb-date-picker__input:not(*:root) {
     margin: 0;

package/components/date-picker/style/dnb-date-picker.min.css

@@ -1 +1 @@
-.dnb-date-picker{--date-picker-input-height:2rem;--date-picker-day-width:2rem;--date-picker-day-horizontal-spacing:4px;align-items:center;display:inline-flex;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-date-picker__inner{display:inline-flex;flex-direction:column;line-height:var(--date-picker-input-height)}.dnb-date-picker__row{display:inline-flex}.dnb-date-picker__shell{display:inline-flex;flex-direction:column;position:relative;top:0}.dnb-date-picker__input__wrapper{display:inline-flex;height:inherit;white-space:nowrap}.dnb-date-picker__triangle{margin:0 1.5rem;overflow:hidden;pointer-events:none;right:auto;top:calc(2px - var(--date-picker-input-height)/2)}.dnb-date-picker__triangle,.dnb-date-picker__triangle:before{height:calc(var(--date-picker-input-height)/2);left:0;position:absolute;width:calc(var(--date-picker-input-height)/2)}.dnb-date-picker__triangle:before{background-color:var(--color-white);border:1px solid var(--color-black-border);content:"";top:0;transform:translateY(60%) rotate(45deg)}.dnb-date-picker__container{display:block;left:-1rem;position:absolute;top:var(--date-picker-input-height);z-index:3}.dnb-date-picker__container--small{top:1.5rem}.dnb-date-picker__container--medium{top:2.5rem}.dnb-date-picker__container--large{top:3rem}.dnb-date-picker__container--show-input{left:0}.dnb-date-picker__container--right{left:auto;right:-1rem}.dnb-date-picker__container--show-input.dnb-date-picker__container--right{left:auto;right:0}.dnb-date-picker__container--opened{z-index:100}.dnb-date-picker__container--opened:not(.dnb-date-picker__container--opened--no-animation){animation:date-picker-slide-down .2s ease-out 1 forwards}.dnb-date-picker__container--opened--no-animation,html[data-visual-test] .dnb-date-picker__container--opened{animation:date-picker-slide-down 1ms ease-out 1 forwards}.dnb-date-picker__container--hidden{display:none}.dnb-date-picker__container--closed:not(.dnb-date-picker__container--closed--no-animation){animation:date-picker-slide-up .15s ease-out 1 forwards}.dnb-date-picker__container--closed--no-animation,html[data-visual-test] .dnb-date-picker__container--closed{animation:date-picker-slide-up 1ms ease-out 1 forwards}.dnb-date-picker__container--right .dnb-date-picker__triangle{left:auto;right:0}.dnb-date-picker__container table{margin:0;position:relative;z-index:1}.dnb-date-picker__container table.dnb-no-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-date-picker__container table.dnb-no-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{background:transparent;border:none;display:inline-block;font-family:var(--font-family-monospace);margin:0;outline:none;overflow:visible;padding:0 .125rem;text-align:center;transform:translateY(0);white-space:nowrap;width:auto}@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee)) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -4px}}@supports (-ms-ime-align:auto){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -5px}}@supports (-webkit-touch-callout:none){.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0}}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0 -4px}.dnb-core-style .dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker__input:first-of-type:not(:root){margin-left:.8rem}.dnb-core-style .dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker__input:last-of-type:not(:root){margin-right:2.2rem}}.dnb-core-style .dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-core-style .dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small.dnb-date-picker__input--small,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small.dnb-date-picker__input--small,.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-date-picker__input--small.dnb-date-picker__input--small{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--small:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small:last-of-type:not(:root),.dnb-date-picker__input--small:last-of-type:not(:root){margin-right:2.2rem}.dnb-core-style .dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-core-style .dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium.dnb-date-picker__input--medium,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium.dnb-date-picker__input--medium,.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-date-picker__input--medium.dnb-date-picker__input--medium{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--medium:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium:last-of-type:not(:root),.dnb-date-picker__input--medium:last-of-type:not(:root){margin-right:3.2rem}.dnb-core-style .dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-core-style .dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large.dnb-date-picker__input--large,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large.dnb-date-picker__input--large,.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-date-picker__input--large.dnb-date-picker__input--large{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--large:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large:last-of-type:not(:root),.dnb-date-picker__input--large:last-of-type:not(:root){margin-right:4rem}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type,.dnb-date-picker__input:first-of-type{margin-left:.8rem}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type,.dnb-date-picker__input:last-of-type{margin-right:2.2rem}.dnb-date-picker .dnb-input__shell{display:none}.dnb-date-picker--show-input .dnb-input__shell{display:flex}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__status--error .dnb-input__shell{box-shadow:none}.dnb-input__submit-button button:focus~.dnb-date-picker__input__wrapper{display:block}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-element,.dnb-input__submit-element>.dnb-date-picker .dnb-input__submit-element{margin-left:0}.dnb-date-picker__views{display:flex;user-select:none;-webkit-user-select:none}@media screen and (max-width:60em){.dnb-date-picker__views{flex-direction:column}}.dnb-date-picker__calendar{padding:1rem;position:relative}.dnb-date-picker__calendar:after{bottom:0;content:"";height:1px;position:absolute;width:calc(100% - 2rem)}.dnb-date-picker:not(.dnb-date-picker--show-footer) .dnb-date-picker__calendar:after{content:none}.dnb-date-picker__header{height:2.5rem;line-height:var(--line-height-basis)}.dnb-date-picker__addon,.dnb-date-picker__header{display:flex;justify-content:space-between;padding-bottom:1rem;position:relative}.dnb-date-picker__addon:after,.dnb-date-picker__header:after{bottom:0;content:"";height:1px;position:absolute;width:100%}.dnb-date-picker__addon{display:flex;flex-flow:row wrap;gap:1rem;justify-content:flex-start;padding:1rem}.dnb-date-picker__addon:after{left:1rem;width:calc(100% - 2rem)}.dnb-date-picker__footer{display:flex;justify-content:space-between;padding:1rem;position:relative}.dnb-date-picker__labels__day{padding-bottom:.5rem;padding-top:1.5rem}.dnb-date-picker__days,.dnb-date-picker__labels{display:flex;flex-wrap:wrap;list-style:none;margin:0;max-width:18rem;min-width:18rem;padding:0}.dnb-date-picker__day,.dnb-date-picker__labels__day{display:flex;flex-basis:14.2857142857%;justify-content:center}.dnb-date-picker__day{margin:var(--date-picker-day-horizontal-spacing) 0;position:relative}.dnb-date-picker__day,.dnb-date-picker__day .dnb-button{height:var(--date-picker-day-width);width:var(--date-picker-day-width)}.dnb-date-picker__day .dnb-button{box-shadow:none;position:absolute;top:0;white-space:nowrap}.dnb-date-picker__day .dnb-button__bounding{border-radius:0;transform:scale(1.28)}.dnb-date-picker__day .dnb-button__text{transform:translateY(0)}.dnb-date-picker__day--selectable:hover{z-index:2}.dnb-date-picker__day--end-date .dnb-button,.dnb-date-picker__day--start-date .dnb-button{z-index:1}.dnb-date-picker__day--end-date,.dnb-date-picker__day--start-date{position:relative}.dnb-date-picker__day--end-date:after,.dnb-date-picker__day--start-date:after{content:"";height:100%;position:absolute;top:0;width:calc(var(--date-picker-day-width)/2)}.dnb-date-picker__day--start-date:after{left:auto;right:0}.dnb-date-picker__day--end-date:after{left:0;right:auto}.dnb-date-picker__day--start-date.dnb-date-picker__day--end-date:after{content:none}.dnb-date-picker .rtl{direction:rtl}.dnb-date-picker .rtl .dnb-date-picker__next:before,.dnb-date-picker .rtl .dnb-date-picker__prev:before{transform:scaleX(-1)}.dnb-date-picker__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-date-picker--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-date-picker>.dnb-form-label{line-height:var(--line-height-basis)}@media screen and (max-width:40em){.dnb-date-picker{flex-wrap:wrap}.dnb-date-picker>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-date-picker--stretch{display:flex;flex-grow:1}.dnb-date-picker--stretch .dnb-date-picker__inner,.dnb-date-picker--stretch .dnb-date-picker__shell,.dnb-form-row--horizontal .dnb-date-picker--stretch{width:100%}.dnb-date-picker:not(.dnb-date-picker--vertical)[class*=__status]{align-items:flex-start}.dnb-date-picker:not(.dnb-date-picker--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-button .dnb-button{border-radius:50%}@media screen and (max-width:40em){.dnb-responsive-component .dnb-date-picker{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker>.dnb-form-label{margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker__helper{display:none}}.dnb-date-picker .dnb-input__submit-button .dnb-button.dnb-skeleton{visibility:hidden}.dnb-core-style .dnb-date-picker__fieldset,.dnb-date-picker__fieldset{border:none;padding:0}.dnb-core-style .dnb-date-picker__fieldset:not([class*=space__top]),.dnb-date-picker__fieldset:not([class*=space__top]){margin-top:0}.dnb-core-style .dnb-date-picker__fieldset:not([class*=space__bottom]),.dnb-date-picker__fieldset:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style .dnb-date-picker__fieldset:not([class*=space__left]),.dnb-date-picker__fieldset:not([class*=space__left]){margin-left:0}.dnb-core-style .dnb-date-picker__fieldset:not([class*=space__right]),.dnb-date-picker__fieldset:not([class*=space__right]){margin-right:0}.dnb-date-picker__portal{--date-picker-input-height:2rem;--date-picker-day-width:2rem;--date-picker-day-horizontal-spacing:4px;left:0;line-height:var(--date-picker-input-height);position:absolute;z-index:calc(var(--modal-z-index) + 10)}@keyframes date-picker-slide-down{0%{opacity:0}to{opacity:1}}@keyframes date-picker-slide-up{0%{opacity:1}to{opacity:0}}
+.dnb-date-picker{--date-picker-input-height:2rem;--date-picker-day-width:2rem;--date-picker-day-horizontal-spacing:4px;align-items:center;display:inline-flex;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-date-picker__inner{display:inline-flex;flex-direction:column;line-height:var(--date-picker-input-height)}.dnb-date-picker__row{display:inline-flex}.dnb-date-picker__shell{display:inline-flex;flex-direction:column;position:relative;top:0}.dnb-date-picker__input__wrapper{display:inline-flex;height:inherit;white-space:nowrap}.dnb-date-picker__triangle{margin:0 1.5rem;overflow:hidden;pointer-events:none;right:auto;top:calc(2px - var(--date-picker-input-height)/2)}.dnb-date-picker__triangle,.dnb-date-picker__triangle:before{height:calc(var(--date-picker-input-height)/2);left:0;position:absolute;width:calc(var(--date-picker-input-height)/2)}.dnb-date-picker__triangle:before{background-color:var(--color-white);border:1px solid var(--color-black-border);content:"";top:0;transform:translateY(60%) rotate(45deg)}.dnb-date-picker__container{display:block;left:-1rem;position:absolute;top:var(--date-picker-input-height);z-index:3}.dnb-date-picker__container--small{top:1.5rem}.dnb-date-picker__container--medium{top:2.5rem}.dnb-date-picker__container--large{top:3rem}.dnb-date-picker__container--show-input{left:0}.dnb-date-picker__container--right{left:auto;right:-1rem}.dnb-date-picker__container--show-input.dnb-date-picker__container--right{left:auto;right:0}.dnb-date-picker__container--opened{z-index:100}.dnb-date-picker__container--opened:not(.dnb-date-picker__container--opened--no-animation){animation:date-picker-slide-down .2s ease-out 1 forwards}.dnb-date-picker__container--opened--no-animation,html[data-visual-test] .dnb-date-picker__container--opened{animation:date-picker-slide-down 1ms ease-out 1 forwards}.dnb-date-picker__container--hidden{display:none}.dnb-date-picker__container--closed:not(.dnb-date-picker__container--closed--no-animation){animation:date-picker-slide-up .15s ease-out 1 forwards}.dnb-date-picker__container--closed--no-animation,html[data-visual-test] .dnb-date-picker__container--closed{animation:date-picker-slide-up 1ms ease-out 1 forwards}.dnb-date-picker__container--right .dnb-date-picker__triangle{left:auto;right:0}.dnb-date-picker__container table{margin:0;position:relative;z-index:1}.dnb-date-picker__container table.dnb-no-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-date-picker__container table.dnb-no-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{background:transparent;border:none;display:inline-block;font-family:var(--font-family-monospace);margin:0;outline:none;overflow:visible;padding:0 .125rem;text-align:center;transform:translateY(0);white-space:nowrap;width:auto}@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee)) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -4px}}@supports (-ms-ime-align:auto){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -5px}}@supports (-webkit-touch-callout:none){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{text-indent:-2px}.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0}}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0 -4px}.dnb-core-style .dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker__input:first-of-type:not(:root){margin-left:.8rem}.dnb-core-style .dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker__input:last-of-type:not(:root){margin-right:2.2rem}}.dnb-core-style .dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-core-style .dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small.dnb-date-picker__input--small,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small.dnb-date-picker__input--small,.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-date-picker__input--small.dnb-date-picker__input--small{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--small:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small:last-of-type:not(:root),.dnb-date-picker__input--small:last-of-type:not(:root){margin-right:2.2rem}.dnb-core-style .dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-core-style .dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium.dnb-date-picker__input--medium,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium.dnb-date-picker__input--medium,.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-date-picker__input--medium.dnb-date-picker__input--medium{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--medium:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium:last-of-type:not(:root),.dnb-date-picker__input--medium:last-of-type:not(:root){margin-right:3.2rem}.dnb-core-style .dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-core-style .dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large.dnb-date-picker__input--large,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large.dnb-date-picker__input--large,.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-date-picker__input--large.dnb-date-picker__input--large{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--large:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large:last-of-type:not(:root),.dnb-date-picker__input--large:last-of-type:not(:root){margin-right:4rem}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type,.dnb-date-picker__input:first-of-type{margin-left:.8rem}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type,.dnb-date-picker__input:last-of-type{margin-right:2.2rem}.dnb-date-picker .dnb-input__shell{display:none}.dnb-date-picker--show-input .dnb-input__shell{display:flex}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__status--error .dnb-input__shell{box-shadow:none}.dnb-input__submit-button button:focus~.dnb-date-picker__input__wrapper{display:block}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-element,.dnb-input__submit-element>.dnb-date-picker .dnb-input__submit-element{margin-left:0}.dnb-date-picker__views{display:flex;user-select:none;-webkit-user-select:none}@media screen and (max-width:60em){.dnb-date-picker__views{flex-direction:column}}.dnb-date-picker__calendar{padding:1rem;position:relative}.dnb-date-picker__calendar:after{bottom:0;content:"";height:1px;position:absolute;width:calc(100% - 2rem)}.dnb-date-picker:not(.dnb-date-picker--show-footer) .dnb-date-picker__calendar:after{content:none}.dnb-date-picker__header{height:2.5rem;line-height:var(--line-height-basis)}.dnb-date-picker__addon,.dnb-date-picker__header{display:flex;justify-content:space-between;padding-bottom:1rem;position:relative}.dnb-date-picker__addon:after,.dnb-date-picker__header:after{bottom:0;content:"";height:1px;position:absolute;width:100%}.dnb-date-picker__addon{display:flex;flex-flow:row wrap;gap:1rem;justify-content:flex-start;padding:1rem}.dnb-date-picker__addon:after{left:1rem;width:calc(100% - 2rem)}.dnb-date-picker__footer{display:flex;justify-content:space-between;padding:1rem;position:relative}.dnb-date-picker__labels__day{padding-bottom:.5rem;padding-top:1.5rem}.dnb-date-picker__days,.dnb-date-picker__labels{display:flex;flex-wrap:wrap;list-style:none;margin:0;max-width:18rem;min-width:18rem;padding:0}.dnb-date-picker__day,.dnb-date-picker__labels__day{display:flex;flex-basis:14.2857142857%;justify-content:center}.dnb-date-picker__day{margin:var(--date-picker-day-horizontal-spacing) 0;position:relative}.dnb-date-picker__day,.dnb-date-picker__day .dnb-button{height:var(--date-picker-day-width);width:var(--date-picker-day-width)}.dnb-date-picker__day .dnb-button{box-shadow:none;position:absolute;top:0;white-space:nowrap}.dnb-date-picker__day .dnb-button__bounding{border-radius:0;transform:scale(1.28)}.dnb-date-picker__day .dnb-button__text{transform:translateY(0)}.dnb-date-picker__day--selectable:hover{z-index:2}.dnb-date-picker__day--end-date .dnb-button,.dnb-date-picker__day--start-date .dnb-button{z-index:1}.dnb-date-picker__day--end-date,.dnb-date-picker__day--start-date{position:relative}.dnb-date-picker__day--end-date:after,.dnb-date-picker__day--start-date:after{content:"";height:100%;position:absolute;top:0;width:calc(var(--date-picker-day-width)/2)}.dnb-date-picker__day--start-date:after{left:auto;right:0}.dnb-date-picker__day--end-date:after{left:0;right:auto}.dnb-date-picker__day--start-date.dnb-date-picker__day--end-date:after{content:none}.dnb-date-picker .rtl{direction:rtl}.dnb-date-picker .rtl .dnb-date-picker__next:before,.dnb-date-picker .rtl .dnb-date-picker__prev:before{transform:scaleX(-1)}.dnb-date-picker__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-date-picker--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-date-picker>.dnb-form-label{line-height:var(--line-height-basis)}@media screen and (max-width:40em){.dnb-date-picker{flex-wrap:wrap}.dnb-date-picker>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-date-picker--stretch{display:flex;flex-grow:1}.dnb-date-picker--stretch .dnb-date-picker__inner,.dnb-date-picker--stretch .dnb-date-picker__shell,.dnb-form-row--horizontal .dnb-date-picker--stretch{width:100%}.dnb-date-picker:not(.dnb-date-picker--vertical)[class*=__status]{align-items:flex-start}.dnb-date-picker:not(.dnb-date-picker--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-button .dnb-button{border-radius:50%}@media screen and (max-width:40em){.dnb-responsive-component .dnb-date-picker{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker>.dnb-form-label{margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker__helper{display:none}}.dnb-date-picker .dnb-input__submit-button .dnb-button.dnb-skeleton{visibility:hidden}.dnb-core-style .dnb-date-picker__fieldset,.dnb-date-picker__fieldset{border:none;padding:0}.dnb-core-style .dnb-date-picker__fieldset:not([class*=space__top]),.dnb-date-picker__fieldset:not([class*=space__top]){margin-top:0}.dnb-core-style .dnb-date-picker__fieldset:not([class*=space__bottom]),.dnb-date-picker__fieldset:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style .dnb-date-picker__fieldset:not([class*=space__left]),.dnb-date-picker__fieldset:not([class*=space__left]){margin-left:0}.dnb-core-style .dnb-date-picker__fieldset:not([class*=space__right]),.dnb-date-picker__fieldset:not([class*=space__right]){margin-right:0}.dnb-date-picker__portal{--date-picker-input-height:2rem;--date-picker-day-width:2rem;--date-picker-day-horizontal-spacing:4px;left:0;line-height:var(--date-picker-input-height);position:absolute;z-index:calc(var(--modal-z-index) + 10)}@keyframes date-picker-slide-down{0%{opacity:0}to{opacity:1}}@keyframes date-picker-slide-up{0%{opacity:1}to{opacity:0}}

package/components/date-picker/style/dnb-date-picker.scss

@@ -192,6 +192,9 @@
       &:not(*:root) {
         margin: 0;
       }
+
+      // Avoid artifact (moving the value 2px) when focusing the input
+      text-indent: -2px; // The width of the cursor
     }
 
     // Safari Desktop fix

package/components/dialog/DialogDocs.js

@@ -101,12 +101,17 @@ export const DialogProperties = {
   },
   scrollRef: {
     doc: 'To get the scroll Element, pass in your own React ref.',
-    type: 'React.Ref',
+    type: 'React.RefObject',
     status: 'optional'
   },
   contentRef: {
     doc: 'To get the inner content Element, pass in your own React ref.',
-    type: 'React.Ref',
+    type: 'React.RefObject',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
     status: 'optional'
   }
 };

package/components/dialog/DialogDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogDocs.js","names":["DialogProperties","variant","doc","type","status","title","minWidth","maxWidth","className","spacing","preventCoreStyle","navContent","headerContent","modalContent","description","verticalAlignment","alignContent","fullscreen","icon","confirmType","declineText","confirmText","hideDecline","hideConfirm","scrollRef","contentRef","DialogEvents","onConfirm","onDecline"],"sources":["../../../../src/components/dialog/DialogDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const DialogProperties: PropertiesTableProps = {\n  variant: {\n    doc: 'The dialog variant. Can either be `information` or `confirmation`. Defaults to `information`.',\n    type: 'string',\n    status: 'optional',\n  },\n  title: {\n    doc: 'The dialog title. Displays on the very top of the content.',\n    type: 'string',\n    status: 'optional',\n  },\n  minWidth: {\n    doc: \"The minimum Dialog content width, defined by a CSS width value like `50vw` (50% of the viewport). Be careful on using fixed `minWidth` so you don't break responsiveness. Defaults to `30rem` (average width is set to `60vw`).\",\n    type: 'string',\n    status: 'optional',\n  },\n  maxWidth: {\n    doc: 'The maximum Dialog content width, defined by a CSS width value like `20rem`. Defaults to `60rem` (average width is set to `60vw`).',\n    type: 'string',\n    status: 'optional',\n  },\n  className: {\n    doc: 'Give the Dialog content a class name (maps to `dnb-dialog`).',\n    type: 'string',\n    status: 'optional',\n  },\n  spacing: {\n    doc: 'If set to `false` then the dialog content will be shown without any spacing. Defaults to `true`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  preventCoreStyle: {\n    doc: 'By default the dialog content gets added the core style class `dnb-core-style`. Use `false` to disable this behavior.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  navContent: {\n    doc: 'The content which will appear in the navigation, above the header, and side-by-side the close button.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  headerContent: {\n    doc: 'The content which will appear in the header of the dialog.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  modalContent: {\n    doc: 'The content which will appear when triggering the dialog.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  description: {\n    doc: 'A description will be positioned below the title, but before the content. Used for Dialog variant `confirmation` to further describe what the actions will do.',\n    type: 'string',\n    status: 'optional',\n  },\n  verticalAlignment: {\n    doc: 'Define the vertical alignment of the container. Can be set to `top` or `center`. Defaults to `center`.',\n    type: 'string',\n    status: 'optional',\n  },\n  alignContent: {\n    doc: 'Define the inner horizontal alignment of the content. Can be set to `left`, `center`, `right` and `centered`. If `centered`, then the content will also be centered vertically. Defaults to `left`.',\n    type: 'string',\n    status: 'optional',\n  },\n  fullscreen: {\n    doc: 'If set to `true` then the dialog content will be shown as fullscreen, without showing the original content behind. Can be set to `false` to omit the auto fullscreen. Defaults to `auto`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  icon: {\n    doc: 'An icon to display at the top of the component. Should be of size medium, so make sure you import the `_medium` version of the Eufemia icon.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  confirmType: {\n    doc: 'For variant confirmation, the dialog is either an informational (`info`) or a warning (`warning`) message. Defaults to `info`.',\n    type: 'string',\n    status: 'optional',\n  },\n  declineText: {\n    doc: 'For dialog actions, give a custom text for the decline button.',\n    type: 'string',\n    status: 'optional',\n  },\n  confirmText: {\n    doc: 'For dialog actions, give a custom text for the confirmation button.',\n    type: 'string',\n    status: 'optional',\n  },\n  hideDecline: {\n    doc: 'For variant confirmation, hide the default decline button and only show the confirmation button.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  hideConfirm: {\n    doc: 'For variant confirmation, hide the default confirm button and only show the decline button.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  scrollRef: {\n    doc: 'To get the scroll Element, pass in your own React ref.',\n    type: 'React.Ref',\n    status: 'optional',\n  },\n  contentRef: {\n    doc: 'To get the inner content Element, pass in your own React ref.',\n    type: 'React.Ref',\n    status: 'optional',\n  },\n}\n\nexport const DialogEvents: PropertiesTableProps = {\n  onConfirm: {\n    doc: 'For variant confirmation, handle the confirm action click. Provided with the mouse event and the Modal function `close` as arguments.',\n    type: 'function',\n    status: 'optional',\n  },\n  onDecline: {\n    doc: 'For variant confirmation, handle the decline action click. Provided with the mouse event and the Modal function `close` as arguments.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DialogDocs.js","names":["DialogProperties","variant","doc","type","status","title","minWidth","maxWidth","className","spacing","preventCoreStyle","navContent","headerContent","modalContent","description","verticalAlignment","alignContent","fullscreen","icon","confirmType","declineText","confirmText","hideDecline","hideConfirm","scrollRef","contentRef","DialogEvents","onConfirm","onDecline"],"sources":["../../../../src/components/dialog/DialogDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const DialogProperties: PropertiesTableProps = {\n  variant: {\n    doc: 'The dialog variant. Can either be `information` or `confirmation`. Defaults to `information`.',\n    type: 'string',\n    status: 'optional',\n  },\n  title: {\n    doc: 'The dialog title. Displays on the very top of the content.',\n    type: 'string',\n    status: 'optional',\n  },\n  minWidth: {\n    doc: \"The minimum Dialog content width, defined by a CSS width value like `50vw` (50% of the viewport). Be careful on using fixed `minWidth` so you don't break responsiveness. Defaults to `30rem` (average width is set to `60vw`).\",\n    type: 'string',\n    status: 'optional',\n  },\n  maxWidth: {\n    doc: 'The maximum Dialog content width, defined by a CSS width value like `20rem`. Defaults to `60rem` (average width is set to `60vw`).',\n    type: 'string',\n    status: 'optional',\n  },\n  className: {\n    doc: 'Give the Dialog content a class name (maps to `dnb-dialog`).',\n    type: 'string',\n    status: 'optional',\n  },\n  spacing: {\n    doc: 'If set to `false` then the dialog content will be shown without any spacing. Defaults to `true`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  preventCoreStyle: {\n    doc: 'By default the dialog content gets added the core style class `dnb-core-style`. Use `false` to disable this behavior.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  navContent: {\n    doc: 'The content which will appear in the navigation, above the header, and side-by-side the close button.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  headerContent: {\n    doc: 'The content which will appear in the header of the dialog.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  modalContent: {\n    doc: 'The content which will appear when triggering the dialog.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  description: {\n    doc: 'A description will be positioned below the title, but before the content. Used for Dialog variant `confirmation` to further describe what the actions will do.',\n    type: 'string',\n    status: 'optional',\n  },\n  verticalAlignment: {\n    doc: 'Define the vertical alignment of the container. Can be set to `top` or `center`. Defaults to `center`.',\n    type: 'string',\n    status: 'optional',\n  },\n  alignContent: {\n    doc: 'Define the inner horizontal alignment of the content. Can be set to `left`, `center`, `right` and `centered`. If `centered`, then the content will also be centered vertically. Defaults to `left`.',\n    type: 'string',\n    status: 'optional',\n  },\n  fullscreen: {\n    doc: 'If set to `true` then the dialog content will be shown as fullscreen, without showing the original content behind. Can be set to `false` to omit the auto fullscreen. Defaults to `auto`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  icon: {\n    doc: 'An icon to display at the top of the component. Should be of size medium, so make sure you import the `_medium` version of the Eufemia icon.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  confirmType: {\n    doc: 'For variant confirmation, the dialog is either an informational (`info`) or a warning (`warning`) message. Defaults to `info`.',\n    type: 'string',\n    status: 'optional',\n  },\n  declineText: {\n    doc: 'For dialog actions, give a custom text for the decline button.',\n    type: 'string',\n    status: 'optional',\n  },\n  confirmText: {\n    doc: 'For dialog actions, give a custom text for the confirmation button.',\n    type: 'string',\n    status: 'optional',\n  },\n  hideDecline: {\n    doc: 'For variant confirmation, hide the default decline button and only show the confirmation button.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  hideConfirm: {\n    doc: 'For variant confirmation, hide the default confirm button and only show the decline button.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  scrollRef: {\n    doc: 'To get the scroll Element, pass in your own React ref.',\n    type: 'React.RefObject',\n    status: 'optional',\n  },\n  contentRef: {\n    doc: 'To get the inner content Element, pass in your own React ref.',\n    type: 'React.RefObject',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const DialogEvents: PropertiesTableProps = {\n  onConfirm: {\n    doc: 'For variant confirmation, handle the confirm action click. Provided with the mouse event and the Modal function `close` as arguments.',\n    type: 'function',\n    status: 'optional',\n  },\n  onDecline: {\n    doc: 'For variant confirmation, handle the decline action click. Provided with the mouse event and the Modal function `close` as arguments.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}

package/components/dropdown/Dropdown.d.ts

@@ -20,81 +20,81 @@ type DropdownAlignDropdown = 'left' | 'right';
 type DropdownTriggerElement = ((...args: any[]) => any) | React.ReactNode;
 export interface DropdownProps {
   /**
-   * Give a title to let the users know what they have to do. Defaults to `Valgmeny`.
+   * give a title to let the users know what they have to do. Defaults to `Valgmeny`.
    */
   title?: DropdownTitle;
   /**
-   * Defines the kind of dropdown. Possible values are `primary`, `secondary`, `tertiary` and `signal`. Defaults to `secondary`.
+   * defines the kind of dropdown. Possible values are `primary`, `secondary`, `tertiary` and `signal`. Defaults to `secondary`.
    */
   variant?: ButtonVariant;
   /**
-   * Icon to be included in the dropdown.
+   * icon to be included in the dropdown.
    */
   icon?: IconIcon;
   /**
-   * Change the size of the icon pragmatically.
+   * change the size of the icon pragmatically.
    */
   icon_size?: IconSize;
   /**
-   * Position of the icon inside the dropdown. Set to `left` or `right`. Defaults to `right`.
+   * position of the icon inside the dropdown. Set to `left` or `right`. Defaults to `right`.
    */
   icon_position?: ButtonIconPosition;
   /**
-   * Prepends the Form Label component. If no ID is provided, a random ID is created.
+   * prepends the Form Label component. If no ID is provided, a random ID is created.
    */
   label?: React.ReactNode;
   /**
-   * Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`.
+   * use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`.
    */
   label_direction?: FormLabelLabelDirection;
   /**
-   * Use `true` to make the label only readable by screen readers.
+   * use `true` to make the label only readable by screen readers.
    */
   label_sr_only?: boolean;
   /**
-   * Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.
+   * text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.
    */
   status?: FormStatusText;
   /**
-   * Defines the state of the status. It's two statuses `[error, info]`. Defaults to `error`.
+   * defines the state of the status. It's two statuses `[error, info]`. Defaults to `error`.
    */
   status_state?: FormStatusState;
   /**
-   * Use an object to define additional FormStatus properties.
+   * use an object to define additional FormStatus properties.
    */
   status_props?: FormStatusProps;
   status_no_animation?: boolean;
   /**
-   * The <a href="/uilib/components/global-status/properties/#configuration-object">configuration</a> used for the target <a href="/uilib/components/global-status">GlobalStatus</a>.
+   * the [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).
    */
   globalStatus?: GlobalStatusConfigObject;
   /**
-   * By providing a React.ref you can get the internally used main element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`.
+   * by providing a React.ref you can get the internally used main element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`.
    */
   innerRef?: React.Ref;
   /**
-   * By providing a React.ref you can get the internally used button element (DOM). E.g. `buttonRef={myRef}` by using `React.createRef()` or `React.useRef()`.
+   * by providing a React.ref you can get the internally used button element (DOM). E.g. `buttonRef={myRef}` by using `React.createRef()` or `React.useRef()`.
    */
   buttonRef?: React.Ref;
   /**
-   * Same as `prevent_selection`, but the "selection area" (given title) will not be visible and the icon `more` (three dots) is used. Defaults to `false`.
+   * same as `prevent_selection`, but the "selection area" (given title) will not be visible and the icon `more` (three dots) is used. Defaults to `false`.
    */
   more_menu?: boolean;
   /**
-   * Use `right` to change the options alignment direction. Makes only sense to use in combination with `prevent_selection` or `more_menu`. Defaults to `left`.
+   * use `right` to change the options alignment direction. Makes only sense to use in combination with `prevent_selection` or `more_menu`. Defaults to `left`.
    */
   align_dropdown?: DropdownAlignDropdown;
   /**
-   * Lets you provide a custom React element as the trigger HTML element.
+   * lets you provide a custom React element as the trigger HTML element.
    */
   trigger_element?: DropdownTriggerElement;
   /**
-   * If set to `true`, the Dropdown will be opened when the users enter the trigger button with a focus action.
+   * if set to `true`, the Dropdown will be opened when the users enter the trigger button with a focus action.
    */
   open_on_focus?: boolean;
   disabled?: boolean;
   /**
-   * If set to `true`, then the dropdown will be 100% in available `width`.
+   * if set to `true`, then the dropdown will be 100% in available `width`.
    */
   stretch?: boolean;
   /**
@@ -102,7 +102,7 @@ export interface DropdownProps {
    */
   skeleton?: SkeletonShow;
   /**
-   * Text describing the content of the Dropdown more than the label. You can also send in a React component, so it gets wrapped inside the Dropdown component.
+   * text describing the content of the Dropdown more than the label. You can also send in a React component, so it gets wrapped inside the Dropdown component.
    */
   suffix?: DrawerListSuffix;
   on_show_focus?: (...args: any[]) => any;

package/components/dropdown/DropdownDocs.d.ts

@@ -1,2 +1,3 @@
 import { PropertiesTableProps } from '../../shared/types';
 export declare const DropdownEvents: PropertiesTableProps;
+export declare const DropdownProperties: PropertiesTableProps;