@dnb/eufemia 10.70.0 → 10.70.1

package/es/components/date-picker/DatePickerInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerInput.js","names":["React","useCallback","useContext","useMemo","useRef","useState","addDays","addMonths","addYears","isValid","parseISO","classnames","TextMask","Button","Input","SubmitButton","warn","validateDOMAttributes","convertStringToDate","DatePickerContext","useTranslation","usePartialDates","defaultProps","maskOrder","maskPlaceholder","separatorRegExp","statusState","opened","DatePickerInput","externalProps","props","_objectSpread","isRange","id","title","submitAttributes","onFocus","onBlur","onChange","onSubmit","selectedDateTitle","showInput","inputElement","lang","disabled","skeleton","size","status","statusProps","attributes","_objectWithoutProperties","_excluded","focusState","setFocusState","partialDatesRef","setPartialDates","invalidDatesRef","invalidStartDate","invalidEndDate","isDateFullyFilledOutRef","updateDates","callOnChangeHandler","hasHadValidDate","getReturnObject","__startDay","__startMonth","__startYear","__endDay","__endMonth","__endYear","startDate","endDate","onType","label","translation","DatePicker","modeDate","inputDates","inputRefs","startDayRef","current","undefined","startMonthRef","startYearRef","endDayRef","endMonthRef","endYearRef","dateRefs","startDay","startMonth","startYear","endDay","endMonth","endYear","syncDateRefs","temporaryDates","refList","focusMode","maskList","separators","match","split","reduce","acc","cur","push","length","shift","pasteHandler","event","success","clipboardData","window","getData","preventDefault","possibleFormats","forEach","date","sep","replace","reverse","join","index","dateFormat","mode","error","callOnChangeAsInvalid","state","hoverDate","dates","callOnChange","callOnType","getDates","partialStartDate","partialEndDate","parsedStartDate","parsedEndDate","isStartDateValid","isEndDateValid","_getReturnObject","is_valid","is_valid_start_date","is_valid_end_date","returnObject","_excluded2","typedDates","start_date","end_date","prepareCounting","keyCode","target","isDate","getAttribute","isInRange","count","wait","selectAll","e","selectStart","focus","setSelectionRange","onFocusHandler","onBlurHandler","onKeyDownHandler","key","selectionStart","selectionEnd","persist","parseFloat","firstSelectionStart","secondSelectionStart","test","refListArray","findIndex","nextSibling","prevSibling","endPos","value","setDate","type","fallback","year","getFullYear","month","getMonth","day","getDate","Date","String","isValidDate","dateString","dateSetters","set_startDay","set_startMonth","set_startYear","set_endDay","set_endMonth","set_endYear","getPlaceholderChar","indexOf","generateDateList","element","map","i","slice","placeholderChar","isRangeLabel","onKeyDown","onPaste","DateField","isValidElement","InputElement","inputSizeClassName","createElement","Fragment","_extends","className","mask","inputRef","hidden","htmlFor","renderInputElement","startDateList","endDateList","_span","formatDate","openPickerText","SubmitElement","innerRef","ref","input_state","input_element","status_state","submit_element","icon","variant","on_submit","on_click","select","_ref","_excluded3","guide","showMask","keepCharPositions","autoComplete","autoCapitalize","spellCheck","autoCorrect","dateRefValue","inputDateValue","duration","Promise","r","setTimeout"],"sources":["../../../../src/components/date-picker/DatePickerInput.tsx"],"sourcesContent":["/**\n * Web DatePicker Component\n *\n */\n\nimport React, {\n  MutableRefObject,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\n// date-fns\nimport addDays from 'date-fns/addDays'\nimport addMonths from 'date-fns/addMonths'\nimport addYears from 'date-fns/addYears'\nimport isValid from 'date-fns/isValid'\nimport parseISO from 'date-fns/parseISO'\n\nimport classnames from 'classnames'\nimport TextMask, { TextMaskProps } from '../input-masked/TextMask'\nimport Button from '../button/Button'\nimport Input, { SubmitButton } from '../input/Input'\nimport type { InputInputElement, InputSize } from '../Input'\nimport { warn, validateDOMAttributes } from '../../shared/component-helper'\nimport { convertStringToDate } from './DatePickerCalc'\nimport DatePickerContext from './DatePickerContext'\n\nimport type {\n  FormStatusProps,\n  FormStatusState,\n  FormStatusText,\n} from '../FormStatus'\nimport type { SkeletonShow } from '../Skeleton'\nimport { ReturnObject } from './DatePickerProvider'\nimport { DatePickerEventAttributes } from './DatePicker'\nimport { useTranslation } from '../../shared'\nimport { DatePickerInputDates } from './hooks/useDates'\nimport usePartialDates from './hooks/usePartialDates'\n\nexport type DatePickerInputProps = Omit<\n  React.HTMLProps<HTMLInputElement>,\n  | 'children'\n  | 'ref'\n  | 'value'\n  | 'size'\n  | 'onFocus'\n  | 'onBlur'\n  | 'onSubmit'\n  | 'label'\n> & {\n  selectedDateTitle?: string\n  maskOrder?: string\n  maskPlaceholder?: string\n  separatorRegExp?: RegExp\n  submitAttributes?: Record<string, unknown>\n  isRange?: boolean\n  /**\n   * The sizes you can choose is `small` (1.5rem), `default` (2rem), `medium` (2.5rem) and `large` (3rem) are supported component sizes. Defaults to `default` / `null`.\n   */\n  size?: InputSize\n  /**\n   * 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.\n   */\n  status?: FormStatusText\n  /**\n   * Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.\n   */\n  statusState?: FormStatusState\n  /**\n   * Use an object to define additional FormStatus properties.\n   */\n  statusProps?: FormStatusProps\n  /**\n   * Gives you the possibility to use a plain/vanilla `<input />` HTML element by defining it as a string `input_element=\"input\"`, a React element, or a render function `input_element={(internalProps) => (<Return />)}`. Can also be used in circumstances where the `react-text-mask` not should be used, e.g. in testing environments. Defaults to custom masked input.\n   */\n  inputElement?: InputInputElement\n  /**\n   * If set to `true`, an overlaying skeleton with animation will be shown.\n   */\n  skeleton?: SkeletonShow\n  /**\n   * To open the date-picker by default. Defaults to `false`.\n   */\n  opened?: boolean\n  showInput?: boolean\n  onSubmit?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  onChange?: (\n    event: ReturnObject<React.ChangeEvent<HTMLInputElement>>\n  ) => void\n  /**\n   * Will be called once the input gets focus.\n   */\n  onFocus?: (\n    event: ReturnObject<React.FocusEvent<HTMLInputElement>>\n  ) => void\n  /**\n   * Will be called once the input lose focus.\n   */\n  onBlur?: (\n    event: ReturnObject<React.FocusEvent<HTMLInputElement>>\n  ) => void\n}\n\nexport type InvalidDates = {\n  invalidDate?: string\n  invalidStartDate?: string\n  invalidEndDate?: string\n}\n\nconst defaultProps: DatePickerInputProps = {\n  maskOrder: 'dd/mm/yyyy',\n  maskPlaceholder: 'dd/mm/åååå',\n  separatorRegExp: /[-/ ]/g,\n  statusState: 'error',\n  opened: false,\n}\n\nfunction DatePickerInput(externalProps: DatePickerInputProps) {\n  const props = { ...defaultProps, ...externalProps }\n\n  const {\n    isRange,\n    maskOrder,\n    separatorRegExp,\n    id,\n    title,\n    submitAttributes,\n    maskPlaceholder, // eslint-disable-line\n    onFocus,\n    onBlur,\n    onChange, // eslint-disable-line\n    onSubmit, // eslint-disable-line\n    selectedDateTitle, // eslint-disable-line\n    showInput, // eslint-disable-line\n    inputElement,\n    lang,\n    disabled,\n    skeleton,\n    opened,\n    size,\n    status,\n    statusState,\n    statusProps,\n\n    ...attributes\n  } = props\n  const [focusState, setFocusState] = useState<string>('virgin')\n\n  const { partialDatesRef, setPartialDates } = usePartialDates()\n\n  const invalidDatesRef = useRef<InvalidDates>({\n    invalidStartDate: null,\n    invalidEndDate: null,\n  })\n  const isDateFullyFilledOutRef = useRef(false)\n\n  const {\n    updateDates,\n    callOnChangeHandler,\n    hasHadValidDate,\n    getReturnObject,\n    __startDay,\n    __startMonth,\n    __startYear,\n    __endDay,\n    __endMonth,\n    __endYear,\n    startDate,\n    endDate,\n    props: { onType, label },\n  } = useContext(DatePickerContext)\n\n  const translation = useTranslation().DatePicker\n\n  const modeDate = useMemo(\n    () => ({\n      startDate,\n      endDate,\n    }),\n    [startDate, endDate]\n  )\n\n  const inputDates = useMemo(\n    () => ({\n      __startDay,\n      __startMonth,\n      __startYear,\n      __endDay,\n      __endMonth,\n      __endYear,\n    }),\n    [\n      __startDay,\n      __startMonth,\n      __startYear,\n      __endDay,\n      __endMonth,\n      __endYear,\n    ]\n  )\n\n  const inputRefs = useRef<\n    Record<string, MutableRefObject<HTMLInputElement>>\n  >({\n    startDayRef: { current: undefined },\n    startMonthRef: { current: undefined },\n    startYearRef: { current: undefined },\n    endDayRef: { current: undefined },\n    endMonthRef: { current: undefined },\n    endYearRef: { current: undefined },\n  })\n\n  const dateRefs = useRef<Record<string, string>>({\n    startDay: '',\n    startMonth: '',\n    startYear: '',\n    endDay: '',\n    endMonth: '',\n    endYear: '',\n  })\n\n  // Keep dateRefs in sync with inputDates on re-render\n  syncDateRefs(dateRefs, inputDates)\n\n  const temporaryDates = useRef<Record<string, Date>>({\n    startDate: undefined,\n    endDate: undefined,\n  })\n\n  const refList = useRef<Array<MutableRefObject<HTMLInputElement>>>()\n\n  const focusMode = useRef<string>()\n\n  const maskList = useMemo(() => {\n    const separators = maskOrder.match(separatorRegExp)\n\n    return maskOrder\n      .split(separatorRegExp)\n      .reduce<Array<string>>((acc, cur) => {\n        if (!cur) {\n          return acc\n        }\n\n        acc.push(cur)\n\n        if (separators.length > 0) {\n          // makes sure that separators are added at the correct places and removed from array when added\n          acc.push(separators.shift())\n        }\n\n        return acc\n      }, [])\n  }, [maskOrder, separatorRegExp])\n\n  const pasteHandler = useCallback(\n    async (event: React.ClipboardEvent<HTMLInputElement>) => {\n      if (!focusMode.current) {\n        return // Stop here\n      }\n\n      const success = (\n        event.clipboardData ||\n        (typeof window !== 'undefined' && window['clipboardData'])\n      ).getData('text')\n\n      if (!success) {\n        return // Stop here\n      }\n\n      event.preventDefault()\n\n      try {\n        const separators = ['.', '/']\n        const possibleFormats = ['yyyy-MM-dd']\n\n        // TODO: Merge these loops\n        possibleFormats.forEach((date) => {\n          separators.forEach((sep) => {\n            possibleFormats.push(date.replace(/-/g, sep))\n          })\n        })\n\n        possibleFormats.forEach((date) => {\n          possibleFormats.push(date.split('').reverse().join(''))\n        })\n\n        let date: Date\n        let index = 0\n\n        for (index; index < possibleFormats.length; ++index) {\n          date = convertStringToDate(success, {\n            dateFormat: possibleFormats[index],\n          })\n\n          if (date) {\n            break\n          }\n        }\n\n        const mode =\n          focusMode.current === 'start' ? 'startDate' : 'endDate'\n\n        if (date) {\n          updateDates({\n            [mode]: date,\n          })\n        }\n      } catch (error: unknown) {\n        warn(error)\n      }\n    },\n    [updateDates]\n  )\n\n  const callOnChangeAsInvalid = useCallback(\n    (state: {\n      endDate?: Date\n      starDate?: Date\n      event: React.ChangeEvent<HTMLInputElement>\n    }) => {\n      updateDates(\n        {\n          hoverDate: null,\n        },\n        (dates) => {\n          // Should fire if user has filled out an invalid date,\n          // or if the date was valid. Like if the user has pressed backspace or removed the valid date.\n          if (isDateFullyFilledOutRef.current || hasHadValidDate) {\n            const { startDate, endDate, event } = {\n              ...state,\n              ...dates,\n            }\n            callOnChangeHandler({\n              startDate,\n              endDate,\n              event,\n              ...invalidDatesRef.current,\n            })\n          }\n        }\n      )\n    },\n    [updateDates, callOnChangeHandler, hasHadValidDate]\n  )\n\n  const callOnChange = useCallback(\n    ({\n      startDate,\n      endDate,\n      event,\n    }: {\n      startDate?: Date\n      endDate?: Date\n      event:\n        | React.ChangeEvent<HTMLInputElement>\n        | React.KeyboardEvent<HTMLInputElement>\n    }) => {\n      const state = {}\n      if (typeof startDate !== 'undefined' && isValid(startDate)) {\n        state['startDate'] = startDate\n      }\n      if (!isRange) {\n        endDate = startDate\n      }\n      if (typeof endDate !== 'undefined' && isValid(endDate)) {\n        state['endDate'] = endDate\n      }\n\n      updateDates(state, (dates) => {\n        if (\n          (typeof startDate !== 'undefined' && isValid(startDate)) ||\n          (typeof endDate !== 'undefined' && isValid(endDate))\n        ) {\n          callOnChangeHandler({\n            event,\n            ...dates,\n            ...invalidDatesRef.current,\n          })\n        }\n      })\n    },\n    [updateDates, callOnChangeHandler, isRange]\n  )\n\n  const callOnType = useCallback(\n    ({ event }: { event: React.ChangeEvent<HTMLInputElement> }) => {\n      const getDates = () =>\n        ['start', 'end'].reduce(\n          (acc, mode) => {\n            acc[`${mode}Date`] = [\n              dateRefs.current[`${mode}Year`] ||\n                inputDates[`__${mode}Year`] ||\n                'yyyy',\n              dateRefs.current[`${mode}Month`] ||\n                inputDates[`__${mode}Month`] ||\n                'mm',\n              dateRefs.current[`${mode}Day`] ||\n                inputDates[`__${mode}Day`] ||\n                'dd',\n            ].join('-')\n            return acc\n          },\n          { startDate: undefined, endDate: undefined }\n        )\n\n      // Get the typed dates, so we can ...\n      const { startDate, endDate } = getDates()\n\n      // Get the partial dates, so we can know if something was typed or not in an optional date field\n      setPartialDates({\n        partialStartDate: startDate,\n        // Only set endDate if in range mode\n        ...(isRange && { partialEndDate: endDate }),\n      })\n\n      const parsedStartDate = parseISO(startDate)\n      const parsedEndDate = parseISO(endDate)\n\n      const isStartDateValid = isValid(parsedStartDate)\n      const isEndDateValid = isValid(parsedEndDate)\n\n      const {\n        is_valid,\n        is_valid_start_date,\n        is_valid_end_date,\n        ...returnObject\n      } = getReturnObject({\n        startDate: isStartDateValid ? parsedStartDate : null,\n        endDate: isEndDateValid ? parsedEndDate : null,\n        event,\n        ...partialDatesRef.current,\n        ...invalidDatesRef.current,\n      })\n\n      // Re-assigns dates to the typed date, instead of `null` from getReturnObject, if dates are invalid\n      const typedDates = {\n        ...(!isRange && is_valid === false && { date: startDate }),\n        ...(isRange &&\n          is_valid_start_date === false && { start_date: startDate }),\n        ...(isRange &&\n          is_valid_end_date === false && { end_date: endDate }),\n      }\n\n      onType?.({\n        is_valid,\n        is_valid_start_date,\n        is_valid_end_date,\n        ...returnObject,\n        ...typedDates,\n      })\n    },\n    [isRange, dateRefs, getReturnObject, inputDates, onType]\n  )\n\n  const prepareCounting = useCallback(\n    async ({\n      keyCode,\n      target,\n      event,\n    }: {\n      keyCode: string\n      target: HTMLInputElement\n      event: React.KeyboardEvent<HTMLInputElement>\n    }) => {\n      try {\n        const isDate = target\n          .getAttribute('class')\n          .match(/__input--(day|month|year)($|\\s)/)[1]\n\n        const isInRange = target\n          .getAttribute('id')\n          .match(/-(start|end)-(day|month|year)/)[1]\n\n        let date = isInRange === 'start' ? startDate : endDate\n\n        // do nothing if date is not set yet\n        if (!date) {\n          return\n        }\n\n        const count = keyCode === 'ArrowUp' ? 1 : -1\n\n        if (keyCode === 'ArrowUp' || keyCode === 'ArrowDown') {\n          switch (isDate) {\n            case 'day':\n              date = addDays(date, count)\n              break\n            case 'month':\n              date = addMonths(date, count)\n              break\n            case 'year':\n              date = addYears(date, count)\n              break\n          }\n        }\n\n        callOnChange({\n          [isInRange === 'start' ? 'startDate' : 'endDate']: date,\n          event,\n        })\n\n        await wait(1) // to get the correct position afterwards\n\n        selectAll(target)\n      } catch (e) {\n        warn(e)\n      }\n    },\n    [startDate, endDate, callOnChange]\n  )\n\n  const selectStart = useCallback((target: HTMLInputElement) => {\n    target.focus()\n    target.setSelectionRange(0, 0)\n  }, [])\n\n  const onFocusHandler = useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      try {\n        selectAll(event.target)\n      } catch (e) {\n        warn(e)\n      }\n\n      setFocusState('focus')\n\n      onFocus?.({\n        ...event,\n        ...getReturnObject({ event }),\n      })\n    },\n    [getReturnObject, onFocus]\n  )\n\n  const onBlurHandler = useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      focusMode.current = null\n      setFocusState('blur')\n\n      onBlur?.({\n        ...event,\n        ...getReturnObject({ event, ...partialDatesRef.current }),\n      })\n    },\n    [onBlur, getReturnObject, partialDatesRef]\n  )\n\n  const onKeyDownHandler = useCallback(\n    async (event: React.KeyboardEvent<HTMLInputElement>) => {\n      const keyCode = event.key\n      const target = event.target as HTMLInputElement\n\n      if (target.selectionStart !== target.selectionEnd) {\n        selectStart(target)\n      }\n\n      // only to process key up and down press\n      switch (keyCode) {\n        case 'ArrowUp':\n        case 'ArrowDown':\n          event.persist()\n          event.preventDefault()\n          prepareCounting({ event, keyCode, target })\n          return false\n        case 'Tab':\n          return false\n      }\n\n      // the rest is for value entry\n\n      const size = parseFloat(target.getAttribute('size'))\n      const firstSelectionStart = target.selectionStart\n\n      await wait(1) // to get the correct position afterwards\n\n      const secondSelectionStart = target.selectionStart\n      // Always false (since the old keycode function set number keys to undefined) but needed to not break tests\n      const isValid = /[0-9]/g.test(keyCode)\n      const refListArray = refList.current\n\n      const index = refListArray.findIndex(\n        ({ current }) => current === target\n      )\n\n      if (\n        index < refListArray.length - 1 &&\n        ((secondSelectionStart === size &&\n          isValid &&\n          keyCode !== 'ArrowLeft' &&\n          keyCode !== 'Backspace') ||\n          (firstSelectionStart === size && keyCode === 'ArrowRight'))\n      ) {\n        try {\n          // stop in case there is no next input element\n          if (!refListArray[index + 1].current) {\n            return\n          }\n          const nextSibling = refListArray[index + 1].current\n          if (nextSibling) {\n            nextSibling.focus()\n            nextSibling.setSelectionRange(0, 0)\n          }\n        } catch (e) {\n          warn(e)\n        }\n      } else if (firstSelectionStart === 0 && index > 0) {\n        switch (keyCode) {\n          case 'ArrowLeft':\n          case 'Backspace':\n            try {\n              const prevSibling = refListArray[index - 1].current\n              if (prevSibling) {\n                const endPos = prevSibling.value.length\n                prevSibling.focus()\n                prevSibling.setSelectionRange(endPos, endPos)\n              }\n            } catch (e) {\n              warn(e)\n            }\n            break\n        }\n      }\n    },\n    [prepareCounting, selectStart]\n  )\n\n  const setDate = useCallback(\n    (\n      event: React.ChangeEvent<HTMLInputElement>,\n      mode: 'start' | 'end',\n      type: 'Day' | 'Month' | 'Year'\n    ) => {\n      event.persist() // since we have later a state update and afterwards the callback\n\n      const value = (event.target as HTMLInputElement).value\n\n      dateRefs.current[`${mode}${type}`] = value\n\n      if (modeDate[`${mode}Date`]) {\n        temporaryDates.current[`${mode}Date`] = modeDate[`${mode}Date`]\n      }\n\n      const fallback = temporaryDates.current[`${mode}Date`]\n\n      // provide fallbacks to create a temp fallback\n      const year =\n        dateRefs.current[`${mode}Year`] ||\n        (fallback && fallback.getFullYear())\n      const month =\n        dateRefs.current[`${mode}Month`] ||\n        (fallback && fallback.getMonth() + 1)\n      const day =\n        dateRefs.current[`${mode}Day`] || (fallback && fallback.getDate())\n\n      // calculate new date\n      const date = new Date(\n        parseFloat(String(year)),\n        parseFloat(String(month)) - 1,\n        parseFloat(String(day))\n      )\n\n      const isValidDate =\n        !/[^0-9]/.test(String(day)) &&\n        !/[^0-9]/.test(String(month)) &&\n        !/[^0-9]/.test(String(year)) &&\n        isValid(date) &&\n        date.getDate() == parseFloat(String(day)) &&\n        date.getMonth() + 1 == parseFloat(String(month)) &&\n        date.getFullYear() == parseFloat(String(year))\n\n      const dateString = `${year}-${month}-${day}`\n\n      isDateFullyFilledOutRef.current =\n        /^[0-9]{4}-[0-9]{2}-[0-9]{2}$/.test(dateString)\n\n      // update the date\n      if (isValidDate) {\n        invalidDatesRef.current = {\n          ...invalidDatesRef.current,\n          ...(mode === 'start'\n            ? { invalidStartDate: null }\n            : { invalidEndDate: null }),\n        }\n\n        callOnChange({\n          [`${mode}Date`]: date,\n          event,\n        })\n      } else {\n        updateDates({\n          [`${mode}Date`]: null,\n          [`__${mode}${type}`]: value,\n        })\n\n        invalidDatesRef.current = {\n          ...invalidDatesRef.current,\n          ...(mode === 'start'\n            ? { invalidStartDate: dateString }\n            : { invalidEndDate: dateString }),\n        }\n\n        callOnChangeAsInvalid({\n          [`${mode}Date`]: null,\n          event,\n        })\n      }\n\n      callOnType({ event })\n    },\n    [\n      updateDates,\n      callOnChange,\n      callOnChangeAsInvalid,\n      callOnType,\n      modeDate,\n      dateRefs,\n      temporaryDates,\n    ]\n  )\n\n  const dateSetters = useMemo(\n    () => ({\n      set_startDay: (event: React.ChangeEvent<HTMLInputElement>) => {\n        setDate(event, 'start', 'Day')\n      },\n\n      set_startMonth: (event: React.ChangeEvent<HTMLInputElement>) => {\n        setDate(event, 'start', 'Month')\n      },\n\n      set_startYear: (event: React.ChangeEvent<HTMLInputElement>) => {\n        setDate(event, 'start', 'Year')\n      },\n\n      set_endDay: (event: React.ChangeEvent<HTMLInputElement>) => {\n        setDate(event, 'end', 'Day')\n      },\n\n      set_endMonth: (event: React.ChangeEvent<HTMLInputElement>) => {\n        setDate(event, 'end', 'Month')\n      },\n\n      set_endYear: (event: React.ChangeEvent<HTMLInputElement>) => {\n        setDate(event, 'end', 'Year')\n      },\n    }),\n    [setDate]\n  )\n\n  const getPlaceholderChar = useCallback(\n    (value: string) => {\n      const index = maskOrder.indexOf(value)\n      return maskPlaceholder[index]\n    },\n    [maskOrder, maskPlaceholder]\n  )\n\n  // TODO: Replace with MutliInputMask\n  const generateDateList = useCallback(\n    (\n      element: Omit<React.HTMLProps<HTMLInputElement>, 'size'> &\n        DatePickerEventAttributes,\n      mode: 'start' | 'end'\n    ) => {\n      return maskList.map((value, i) => {\n        const state = value.slice(0, 1)\n        const placeholderChar = getPlaceholderChar(value)\n        const { day, month, year } = translation\n        const isRangeLabel = isRange ? `${translation[mode]} ` : ''\n\n        if (!separatorRegExp.test(value)) {\n          if (!inputElement) {\n            element = {\n              ...element,\n              onKeyDown: onKeyDownHandler,\n              onPaste: pasteHandler,\n              onFocus: (e) => {\n                focusMode.current = mode\n                onFocusHandler(e)\n              },\n              onBlur: onBlurHandler,\n              placeholderChar,\n            }\n          }\n\n          // this makes it possible to use a vanilla <input /> like: input_element=\"input\"\n          const DateField =\n            inputElement && React.isValidElement(inputElement)\n              ? inputElement.type\n              : InputElement\n\n          const inputSizeClassName =\n            size && `dnb-date-picker__input--${size}`\n\n          switch (state) {\n            case 'd':\n              refList.current.push(inputRefs.current[`${mode}DayRef`])\n\n              return (\n                <React.Fragment key={'dd' + i}>\n                  <DateField\n                    {...element}\n                    id={`${id}-${mode}-day`}\n                    key={'di' + i}\n                    className={classnames(\n                      element.className,\n                      'dnb-date-picker__input',\n                      'dnb-date-picker__input--day',\n                      inputSizeClassName\n                    )}\n                    size={2}\n                    mask={[/[0-9]/, /[0-9]/]}\n                    inputRef={inputRefs.current[`${mode}DayRef`]}\n                    onChange={dateSetters[`set_${mode}Day`]}\n                    value={inputDates[`__${mode}Day`] || ''}\n                    aria-labelledby={`${id}-${mode}-day-label`}\n                  />\n                  <label\n                    key={'dl' + i}\n                    hidden\n                    id={`${id}-${mode}-day-label`}\n                    htmlFor={`${id}-${mode}-day`}\n                  >\n                    {isRangeLabel + day}\n                  </label>\n                </React.Fragment>\n              )\n            case 'm':\n              refList.current.push(inputRefs.current[`${mode}MonthRef`])\n\n              return (\n                <React.Fragment key={'mm' + i}>\n                  <DateField\n                    {...element}\n                    id={`${id}-${mode}-month`}\n                    key={'mi' + i}\n                    className={classnames(\n                      element.className,\n                      'dnb-date-picker__input',\n                      'dnb-date-picker__input--month',\n                      inputSizeClassName\n                    )}\n                    size={2}\n                    mask={[/[0-9]/, /[0-9]/]}\n                    inputRef={inputRefs.current[`${mode}MonthRef`]}\n                    onChange={dateSetters[`set_${mode}Month`]}\n                    value={inputDates[`__${mode}Month`] || ''}\n                    aria-labelledby={`${id}-${mode}-month-label`}\n                  />\n                  <label\n                    key={'ml' + i}\n                    hidden\n                    id={`${id}-${mode}-month-label`}\n                    htmlFor={`${id}-${mode}-month`}\n                  >\n                    {isRangeLabel + month}\n                  </label>\n                </React.Fragment>\n              )\n            case 'y':\n              refList.current.push(inputRefs.current[`${mode}YearRef`])\n\n              return (\n                <React.Fragment key={'yy' + i}>\n                  <DateField\n                    {...element}\n                    id={`${id}-${mode}-year`}\n                    key={'yi' + i}\n                    className={classnames(\n                      element.className,\n                      'dnb-date-picker__input',\n                      'dnb-date-picker__input--year',\n                      inputSizeClassName\n                    )}\n                    size={4}\n                    mask={[/[0-9]/, /[0-9]/, /[0-9]/, /[0-9]/]}\n                    inputRef={inputRefs.current[`${mode}YearRef`]}\n                    onChange={dateSetters[`set_${mode}Year`]}\n                    value={inputDates[`__${mode}Year`] || ''}\n                    aria-labelledby={`${id}-${mode}-year-label`}\n                  />\n                  <label\n                    key={'yl' + i}\n                    hidden\n                    id={`${id}-${mode}-year-label`}\n                    htmlFor={`${id}-${mode}-year`}\n                  >\n                    {isRangeLabel + year}\n                  </label>\n                </React.Fragment>\n              )\n          }\n        }\n        return (\n          <span\n            key={'s' + i}\n            className=\"dnb-date-picker--separator\"\n            aria-hidden\n          >\n            {placeholderChar}\n          </span>\n        )\n      })\n    },\n    [\n      id,\n      inputElement,\n      isRange,\n      size,\n      translation,\n      separatorRegExp,\n      dateSetters,\n      inputRefs,\n      maskList,\n      onBlurHandler,\n      onFocusHandler,\n      getPlaceholderChar,\n      pasteHandler,\n      onKeyDownHandler,\n      inputDates,\n    ]\n  )\n\n  const renderInputElement = useCallback(\n    (\n      element: React.HTMLProps<HTMLInputElement> &\n        DatePickerEventAttributes\n    ) => {\n      refList.current = []\n      const startDateList = generateDateList(element, 'start')\n      const endDateList = generateDateList(element, 'end')\n\n      return (\n        <span\n          id={`${id}-input`}\n          className=\"dnb-date-picker__input__wrapper\"\n        >\n          {startDateList}\n          {isRange && (\n            <span className=\"dnb-date-picker--separator\" aria-hidden>\n              {' – '}\n            </span>\n          )}\n          {isRange && endDateList}\n        </span>\n      )\n    },\n    [id, isRange, generateDateList]\n  )\n\n  const formatDate = useMemo(\n    () =>\n      selectedDateTitle\n        ? `${selectedDateTitle}, ${translation.openPickerText}`\n        : translation.openPickerText,\n    [selectedDateTitle, translation]\n  )\n\n  validateDOMAttributes(props, attributes)\n  validateDOMAttributes(null, submitAttributes)\n\n  const SubmitElement: React.ElementType = useMemo(\n    () => (showInput ? SubmitButton : Button),\n    [showInput]\n  )\n\n  if (!showInput) {\n    // Use Button inner ref\n    submitAttributes.innerRef = submitAttributes.ref\n    submitAttributes.ref = null\n  }\n\n  return (\n    <fieldset className=\"dnb-date-picker__fieldset\" lang={lang}>\n      {label && <legend className=\"dnb-sr-only\">{label}</legend>}\n      <Input\n        id={`${id}__input`}\n        input_state={disabled ? 'disabled' : focusState}\n        input_element={\n          inputElement && typeof inputElement !== 'string'\n            ? typeof inputElement === 'function'\n              ? inputElement(props)\n              : inputElement\n            : renderInputElement\n        }\n        disabled={disabled || skeleton}\n        skeleton={skeleton}\n        size={size}\n        status={!opened ? status : null}\n        status_state={statusState}\n        {...statusProps}\n        submit_element={\n          <SubmitElement\n            id={id}\n            disabled={disabled}\n            skeleton={skeleton}\n            className={classnames(\n              showInput && 'dnb-button--input-button',\n              opened ? 'dnb-button--active' : null\n            )}\n            aria-label={formatDate}\n            title={title}\n            size={size}\n            status={status}\n            status_state={statusState}\n            type=\"button\"\n            icon=\"calendar\"\n            variant=\"secondary\"\n            on_submit={onSubmit}\n            on_click={onSubmit}\n            {...submitAttributes}\n            {...statusProps}\n          />\n        }\n        lang={lang}\n        {...attributes}\n      />\n    </fieldset>\n  )\n}\n\nexport default DatePickerInput\n\nfunction selectAll(target: HTMLInputElement) {\n  target.focus()\n  target.select()\n}\n\nfunction InputElement({ className, value, ...props }: TextMaskProps) {\n  return (\n    <TextMask\n      guide={true}\n      showMask={true}\n      keepCharPositions={false} // so we can overwrite next value, if it already exists\n      autoComplete=\"off\"\n      autoCapitalize=\"none\"\n      spellCheck={false}\n      autoCorrect=\"off\"\n      className={classnames(\n        className,\n        /\\d+/.test(String(value)) && 'dnb-date-picker__input--highlight'\n      )}\n      value={value}\n      {...props}\n    />\n  )\n}\n\nfunction syncDateRefs(\n  dateRefs: React.MutableRefObject<Record<string, string>>,\n  inputDates: DatePickerInputDates\n) {\n  for (const date in dateRefs.current) {\n    const dateRefValue = dateRefs.current[date]\n    const inputDateValue = inputDates[`__${date}`]\n\n    if (dateRefValue !== inputDateValue) {\n      dateRefs.current[date] = inputDateValue\n    }\n  }\n}\n\nconst wait = (duration: number) =>\n  new Promise((r) => setTimeout(r, duration))\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DatePickerInput.js","names":["React","useCallback","useContext","useMemo","useRef","useState","addDays","addMonths","addYears","isValid","parseISO","classnames","TextMask","Button","Input","SubmitButton","warn","validateDOMAttributes","toCapitalized","IS_ANDROID","IS_IOS","convertStringToDate","DatePickerContext","useTranslation","usePartialDates","defaultProps","maskOrder","maskPlaceholder","separatorRegExp","statusState","opened","DatePickerInput","externalProps","props","_objectSpread","isRange","id","title","submitAttributes","onFocus","onBlur","onChange","onSubmit","selectedDateTitle","showInput","inputElement","lang","disabled","skeleton","size","status","statusProps","attributes","_objectWithoutProperties","_excluded","focusState","setFocusState","partialDatesRef","setPartialDates","invalidDatesRef","invalidStartDate","invalidEndDate","isDateFullyFilledOutRef","updateDates","callOnChangeHandler","hasHadValidDate","getReturnObject","__startDay","__startMonth","__startYear","__endDay","__endMonth","__endYear","startDate","endDate","onType","label","correctInvalidDate","translation","DatePicker","modeDate","inputDates","inputRefs","startDayRef","current","undefined","startMonthRef","startYearRef","endDayRef","endMonthRef","endYearRef","dateRefs","startDay","startMonth","startYear","endDay","endMonth","endYear","syncDateRefs","temporaryDates","refList","focusMode","maskList","separators","match","split","reduce","acc","cur","push","length","shift","pasteHandler","event","success","clipboardData","window","getData","preventDefault","possibleFormats","forEach","date","sep","replace","reverse","join","index","dateFormat","mode","error","callOnChangeAsInvalid","state","hoverDate","dates","callOnChange","callOnType","getDates","partialStartDate","partialEndDate","parsedStartDate","parsedEndDate","isStartDateValid","isEndDateValid","_getReturnObject","is_valid","is_valid_start_date","is_valid_end_date","returnObject","_excluded2","typedDates","start_date","end_date","prepareCounting","keyCode","target","isDate","getAttribute","isInRange","count","e","setDate","type","persist","value","fallback","year","getFullYear","month","getMonth","day","getDate","Date","parseFloat","String","isValidDate","test","dateString","dateSetters","set_startDay","set_startMonth","set_startYear","set_endDay","set_endMonth","set_endYear","onFocusHandler","isNaN","setCursorPosition","onBlurHandler","onKeyDownHandler","key","selectionStart","selectionEnd","firstSelectionStart","firstSelectionEnd","wait","secondSelectionStart","refListArray","findIndex","isLastChar","isFirstChar","isMovingForward","isExplicitForward","hasNextField","_refListArray","nextSibling","withoutDelay","name","slice","isMovingBackward","isPressingBackspace","_refListArray2","prevSibling","endPos","onInputHandler","currentTarget","nativeEvent","inputType","getPlaceholderChar","indexOf","generateDateList","element","map","i","placeholderChar","isRangeLabel","onInput","onKeyDown","onPaste","DateField","isValidElement","InputElement","inputSizeClassName","createElement","Fragment","_extends","className","mask","inputRef","hidden","htmlFor","renderInputElement","startDateList","endDateList","_span","ariaLabel","openPickerText","SubmitElement","innerRef","ref","input_state","input_element","status_state","submit_element","icon","variant","on_submit","on_click","position","options","focus","select","setSelectionRange","process","env","NODE_ENV","setTimeout","_ref","_excluded3","guide","inputMode","showMask","keepCharPositions","autoComplete","autoCapitalize","spellCheck","autoCorrect","dateRefValue","inputDateValue","duration","Promise","r"],"sources":["../../../../src/components/date-picker/DatePickerInput.tsx"],"sourcesContent":["/**\n * Web DatePicker Component\n *\n */\n\nimport React, {\n  MutableRefObject,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\n// date-fns\nimport addDays from 'date-fns/addDays'\nimport addMonths from 'date-fns/addMonths'\nimport addYears from 'date-fns/addYears'\nimport isValid from 'date-fns/isValid'\nimport parseISO from 'date-fns/parseISO'\n\nimport classnames from 'classnames'\nimport TextMask, { TextMaskProps } from '../input-masked/TextMask'\nimport Button from '../button/Button'\nimport Input, { SubmitButton } from '../input/Input'\nimport type { InputInputElement, InputSize } from '../Input'\nimport {\n  warn,\n  validateDOMAttributes,\n  toCapitalized,\n} from '../../shared/component-helper'\nimport { IS_ANDROID, IS_IOS } from '../../shared/helpers'\nimport { convertStringToDate } from './DatePickerCalc'\nimport DatePickerContext from './DatePickerContext'\n\nimport type {\n  FormStatusProps,\n  FormStatusState,\n  FormStatusText,\n} from '../FormStatus'\nimport type { SkeletonShow } from '../Skeleton'\nimport { ReturnObject } from './DatePickerProvider'\nimport { DatePickerEventAttributes } from './DatePicker'\nimport { useTranslation } from '../../shared'\nimport { DatePickerInputDates } from './hooks/useDates'\nimport usePartialDates from './hooks/usePartialDates'\n\nexport type DatePickerInputProps = Omit<\n  React.HTMLProps<HTMLInputElement>,\n  | 'children'\n  | 'ref'\n  | 'value'\n  | 'size'\n  | 'onFocus'\n  | 'onBlur'\n  | 'onSubmit'\n  | 'label'\n> & {\n  selectedDateTitle?: string\n  maskOrder?: string\n  maskPlaceholder?: string\n  separatorRegExp?: RegExp\n  submitAttributes?: Record<string, unknown>\n  isRange?: boolean\n  /**\n   * The sizes you can choose is `small` (1.5rem), `default` (2rem), `medium` (2.5rem) and `large` (3rem) are supported component sizes. Defaults to `default` / `null`.\n   */\n  size?: InputSize\n  /**\n   * 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.\n   */\n  status?: FormStatusText\n  /**\n   * Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.\n   */\n  statusState?: FormStatusState\n  /**\n   * Use an object to define additional FormStatus properties.\n   */\n  statusProps?: FormStatusProps\n  /**\n   * Gives you the possibility to use a plain/vanilla `<input />` HTML element by defining it as a string `input_element=\"input\"`, a React element, or a render function `input_element={(internalProps) => (<Return />)}`. Can also be used in circumstances where the `react-text-mask` not should be used, e.g. in testing environments. Defaults to custom masked input.\n   */\n  inputElement?: InputInputElement\n  /**\n   * If set to `true`, an overlaying skeleton with animation will be shown.\n   */\n  skeleton?: SkeletonShow\n  /**\n   * To open the date-picker by default. Defaults to `false`.\n   */\n  opened?: boolean\n  showInput?: boolean\n  onSubmit?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  onChange?: (\n    event: ReturnObject<React.ChangeEvent<HTMLInputElement>>\n  ) => void\n  /**\n   * Will be called once the input gets focus.\n   */\n  onFocus?: (\n    event: ReturnObject<React.FocusEvent<HTMLInputElement>>\n  ) => void\n  /**\n   * Will be called once the input lose focus.\n   */\n  onBlur?: (\n    event: ReturnObject<React.FocusEvent<HTMLInputElement>>\n  ) => void\n}\n\nexport type InvalidDates = {\n  invalidDate?: string\n  invalidStartDate?: string\n  invalidEndDate?: string\n}\n\nconst defaultProps: DatePickerInputProps = {\n  maskOrder: 'dd/mm/yyyy',\n  maskPlaceholder: 'dd/mm/åååå',\n  separatorRegExp: /[-/ ]/g,\n  statusState: 'error',\n  opened: false,\n}\n\nfunction DatePickerInput(externalProps: DatePickerInputProps) {\n  const props = { ...defaultProps, ...externalProps }\n\n  const {\n    isRange,\n    maskOrder,\n    separatorRegExp,\n    id,\n    title,\n    submitAttributes,\n    maskPlaceholder, // eslint-disable-line\n    onFocus,\n    onBlur,\n    onChange, // eslint-disable-line\n    onSubmit, // eslint-disable-line\n    selectedDateTitle, // eslint-disable-line\n    showInput, // eslint-disable-line\n    inputElement,\n    lang,\n    disabled,\n    skeleton,\n    opened,\n    size,\n    status,\n    statusState,\n    statusProps,\n\n    ...attributes\n  } = props\n  const [focusState, setFocusState] = useState<string>('virgin')\n\n  const { partialDatesRef, setPartialDates } = usePartialDates()\n\n  const invalidDatesRef = useRef<InvalidDates>({\n    invalidStartDate: null,\n    invalidEndDate: null,\n  })\n  const isDateFullyFilledOutRef = useRef(false)\n\n  const {\n    updateDates,\n    callOnChangeHandler,\n    hasHadValidDate,\n    getReturnObject,\n    __startDay,\n    __startMonth,\n    __startYear,\n    __endDay,\n    __endMonth,\n    __endYear,\n    startDate,\n    endDate,\n    props: { onType, label, correctInvalidDate },\n  } = useContext(DatePickerContext)\n\n  const translation = useTranslation().DatePicker\n\n  const modeDate = useMemo(\n    () => ({\n      startDate,\n      endDate,\n    }),\n    [startDate, endDate]\n  )\n\n  const inputDates = useMemo(\n    () => ({\n      __startDay,\n      __startMonth,\n      __startYear,\n      __endDay,\n      __endMonth,\n      __endYear,\n    }),\n    [\n      __startDay,\n      __startMonth,\n      __startYear,\n      __endDay,\n      __endMonth,\n      __endYear,\n    ]\n  )\n\n  const inputRefs = useRef<\n    Record<string, MutableRefObject<HTMLInputElement>>\n  >({\n    startDayRef: { current: undefined },\n    startMonthRef: { current: undefined },\n    startYearRef: { current: undefined },\n    endDayRef: { current: undefined },\n    endMonthRef: { current: undefined },\n    endYearRef: { current: undefined },\n  })\n\n  const dateRefs = useRef<Record<string, string>>({\n    startDay: '',\n    startMonth: '',\n    startYear: '',\n    endDay: '',\n    endMonth: '',\n    endYear: '',\n  })\n\n  // Keep dateRefs in sync with inputDates on re-render\n  syncDateRefs(dateRefs, inputDates)\n\n  const temporaryDates = useRef<Record<string, Date>>({\n    startDate: undefined,\n    endDate: undefined,\n  })\n\n  const refList = useRef<Array<MutableRefObject<HTMLInputElement>>>()\n\n  const focusMode = useRef<string>()\n\n  const maskList = useMemo(() => {\n    const separators = maskOrder.match(separatorRegExp)\n\n    return maskOrder\n      .split(separatorRegExp)\n      .reduce<Array<string>>((acc, cur) => {\n        if (!cur) {\n          return acc\n        }\n\n        acc.push(cur)\n\n        if (separators.length > 0) {\n          // makes sure that separators are added at the correct places and removed from array when added\n          acc.push(separators.shift())\n        }\n\n        return acc\n      }, [])\n  }, [maskOrder, separatorRegExp])\n\n  const pasteHandler = useCallback(\n    async (event: React.ClipboardEvent<HTMLInputElement>) => {\n      if (!focusMode.current) {\n        return // Stop here\n      }\n\n      const success = (\n        event.clipboardData ||\n        (typeof window !== 'undefined' && window['clipboardData'])\n      ).getData('text')\n\n      if (!success) {\n        return // Stop here\n      }\n\n      event.preventDefault()\n\n      try {\n        const separators = ['.', '/']\n        const possibleFormats = ['yyyy-MM-dd']\n\n        // TODO: Merge these loops\n        possibleFormats.forEach((date) => {\n          separators.forEach((sep) => {\n            possibleFormats.push(date.replace(/-/g, sep))\n          })\n        })\n\n        possibleFormats.forEach((date) => {\n          possibleFormats.push(date.split('').reverse().join(''))\n        })\n\n        let date: Date\n        let index = 0\n\n        for (index; index < possibleFormats.length; ++index) {\n          date = convertStringToDate(success, {\n            dateFormat: possibleFormats[index],\n          })\n\n          if (date) {\n            break\n          }\n        }\n\n        const mode =\n          focusMode.current === 'start' ? 'startDate' : 'endDate'\n\n        if (date) {\n          updateDates({\n            [mode]: date,\n          })\n        }\n      } catch (error: unknown) {\n        warn(error)\n      }\n    },\n    [updateDates]\n  )\n\n  const callOnChangeAsInvalid = useCallback(\n    (state: {\n      endDate?: Date\n      starDate?: Date\n      event: React.ChangeEvent<HTMLInputElement>\n    }) => {\n      updateDates(\n        {\n          hoverDate: null,\n        },\n        (dates) => {\n          // Should fire if user has filled out an invalid date,\n          // or if the date was valid. Like if the user has pressed backspace or removed the valid date.\n          if (isDateFullyFilledOutRef.current || hasHadValidDate) {\n            const { startDate, endDate, event } = {\n              ...state,\n              ...dates,\n            }\n            callOnChangeHandler({\n              startDate,\n              endDate,\n              event,\n              ...invalidDatesRef.current,\n            })\n          }\n        }\n      )\n    },\n    [updateDates, callOnChangeHandler, hasHadValidDate]\n  )\n\n  const callOnChange = useCallback(\n    ({\n      startDate,\n      endDate,\n      event,\n    }: {\n      startDate?: Date\n      endDate?: Date\n      event:\n        | React.ChangeEvent<HTMLInputElement>\n        | React.KeyboardEvent<HTMLInputElement>\n    }) => {\n      const state = {}\n      if (typeof startDate !== 'undefined' && isValid(startDate)) {\n        state['startDate'] = startDate\n      }\n      if (!isRange) {\n        endDate = startDate\n      }\n      if (typeof endDate !== 'undefined' && isValid(endDate)) {\n        state['endDate'] = endDate\n      }\n\n      updateDates(state, (dates) => {\n        if (\n          (typeof startDate !== 'undefined' && isValid(startDate)) ||\n          (typeof endDate !== 'undefined' && isValid(endDate))\n        ) {\n          callOnChangeHandler({\n            event,\n            ...dates,\n            ...invalidDatesRef.current,\n          })\n        }\n      })\n    },\n    [updateDates, callOnChangeHandler, isRange]\n  )\n\n  const callOnType = useCallback(\n    ({ event }: { event: React.ChangeEvent<HTMLInputElement> }) => {\n      const getDates = () =>\n        ['start', 'end'].reduce(\n          (acc, mode) => {\n            acc[`${mode}Date`] = [\n              dateRefs.current[`${mode}Year`] ||\n                inputDates[`__${mode}Year`] ||\n                'yyyy',\n              dateRefs.current[`${mode}Month`] ||\n                inputDates[`__${mode}Month`] ||\n                'mm',\n              dateRefs.current[`${mode}Day`] ||\n                inputDates[`__${mode}Day`] ||\n                'dd',\n            ].join('-')\n            return acc\n          },\n          { startDate: undefined, endDate: undefined }\n        )\n\n      // Get the typed dates, so we can ...\n      const { startDate, endDate } = getDates()\n\n      // Get the partial dates, so we can know if something was typed or not in an optional date field\n      setPartialDates({\n        partialStartDate: startDate,\n        // Only set endDate if in range mode\n        ...(isRange && { partialEndDate: endDate }),\n      })\n\n      const parsedStartDate = parseISO(startDate)\n      const parsedEndDate = parseISO(endDate)\n\n      const isStartDateValid = isValid(parsedStartDate)\n      const isEndDateValid = isValid(parsedEndDate)\n\n      const {\n        is_valid,\n        is_valid_start_date,\n        is_valid_end_date,\n        ...returnObject\n      } = getReturnObject({\n        startDate: isStartDateValid ? parsedStartDate : null,\n        endDate: isEndDateValid ? parsedEndDate : null,\n        event,\n        ...partialDatesRef.current,\n        ...invalidDatesRef.current,\n      })\n\n      // Re-assigns dates to the typed date, instead of `null` from getReturnObject, if dates are invalid\n      const typedDates = {\n        ...(!isRange && is_valid === false && { date: startDate }),\n        ...(isRange &&\n          is_valid_start_date === false && { start_date: startDate }),\n        ...(isRange &&\n          is_valid_end_date === false && { end_date: endDate }),\n      }\n\n      onType?.({\n        is_valid,\n        is_valid_start_date,\n        is_valid_end_date,\n        ...returnObject,\n        ...typedDates,\n      })\n    },\n    [\n      setPartialDates,\n      isRange,\n      getReturnObject,\n      partialDatesRef,\n      onType,\n      inputDates,\n    ]\n  )\n\n  const prepareCounting = useCallback(\n    async ({\n      keyCode,\n      target,\n      event,\n    }: {\n      keyCode: string\n      target: HTMLInputElement\n      event: React.KeyboardEvent<HTMLInputElement>\n    }) => {\n      try {\n        const isDate = target\n          .getAttribute('class')\n          .match(/__input--(day|month|year)($|\\s)/)[1]\n\n        const isInRange = target\n          .getAttribute('id')\n          .match(/-(start|end)-(day|month|year)/)[1]\n\n        let date = isInRange === 'start' ? startDate : endDate\n\n        // do nothing if date is not set yet\n        if (!date) {\n          return\n        }\n\n        const count = keyCode === 'ArrowUp' ? 1 : -1\n\n        if (keyCode === 'ArrowUp' || keyCode === 'ArrowDown') {\n          switch (isDate) {\n            case 'day':\n              date = addDays(date, count)\n              break\n            case 'month':\n              date = addMonths(date, count)\n              break\n            case 'year':\n              date = addYears(date, count)\n              break\n          }\n        }\n\n        callOnChange({\n          [isInRange === 'start' ? 'startDate' : 'endDate']: date,\n          event,\n        })\n      } catch (e) {\n        warn(e)\n      }\n    },\n    [startDate, endDate, callOnChange]\n  )\n\n  const setDate = useCallback(\n    (\n      event: React.ChangeEvent<HTMLInputElement>,\n      mode: 'start' | 'end',\n      type: 'Day' | 'Month' | 'Year'\n    ) => {\n      event.persist() // since we have later a state update and afterwards the callback\n\n      const value = (event.target as HTMLInputElement).value\n\n      dateRefs.current[`${mode}${type}`] = value\n\n      if (modeDate[`${mode}Date`]) {\n        temporaryDates.current[`${mode}Date`] = modeDate[`${mode}Date`]\n      }\n\n      const fallback = temporaryDates.current[`${mode}Date`]\n\n      // provide fallbacks to create a temp fallback\n      const year =\n        dateRefs.current[`${mode}Year`] ||\n        (fallback && fallback.getFullYear())\n      const month =\n        dateRefs.current[`${mode}Month`] ||\n        (fallback && fallback.getMonth() + 1)\n      const day =\n        dateRefs.current[`${mode}Day`] || (fallback && fallback.getDate())\n\n      // calculate new date\n      const date = new Date(\n        parseFloat(String(year)),\n        parseFloat(String(month)) - 1,\n        parseFloat(String(day))\n      )\n\n      const isValidDate =\n        !/[^0-9]/.test(String(day)) &&\n        !/[^0-9]/.test(String(month)) &&\n        !/[^0-9]/.test(String(year)) &&\n        isValid(date) &&\n        date.getDate() == parseFloat(String(day)) &&\n        date.getMonth() + 1 == parseFloat(String(month)) &&\n        date.getFullYear() == parseFloat(String(year))\n\n      const dateString = `${year}-${month}-${day}`\n\n      isDateFullyFilledOutRef.current =\n        /^[0-9]{4}-[0-9]{2}-[0-9]{2}$/.test(dateString)\n\n      // update the date\n      if (isValidDate) {\n        invalidDatesRef.current = {\n          ...invalidDatesRef.current,\n          ...(mode === 'start'\n            ? { invalidStartDate: null }\n            : { invalidEndDate: null }),\n        }\n\n        callOnChange({\n          [`${mode}Date`]: date,\n          event,\n        })\n      } else {\n        updateDates({\n          [`${mode}Date`]: null,\n          [`__${mode}${type}`]: value,\n        })\n\n        invalidDatesRef.current = {\n          ...invalidDatesRef.current,\n          ...(mode === 'start'\n            ? { invalidStartDate: dateString }\n            : { invalidEndDate: dateString }),\n        }\n\n        callOnChangeAsInvalid({\n          [`${mode}Date`]: null,\n          event,\n        })\n      }\n\n      callOnType({ event })\n    },\n    [\n      updateDates,\n      callOnChange,\n      callOnChangeAsInvalid,\n      callOnType,\n      modeDate,\n      dateRefs,\n      temporaryDates,\n    ]\n  )\n\n  const dateSetters = useMemo(\n    () => ({\n      set_startDay: (event: React.ChangeEvent<HTMLInputElement>) => {\n        setDate(event, 'start', 'Day')\n      },\n\n      set_startMonth: (event: React.ChangeEvent<HTMLInputElement>) => {\n        setDate(event, 'start', 'Month')\n      },\n\n      set_startYear: (event: React.ChangeEvent<HTMLInputElement>) => {\n        setDate(event, 'start', 'Year')\n      },\n\n      set_endDay: (event: React.ChangeEvent<HTMLInputElement>) => {\n        setDate(event, 'end', 'Day')\n      },\n\n      set_endMonth: (event: React.ChangeEvent<HTMLInputElement>) => {\n        setDate(event, 'end', 'Month')\n      },\n\n      set_endYear: (event: React.ChangeEvent<HTMLInputElement>) => {\n        setDate(event, 'end', 'Year')\n      },\n    }),\n    [setDate]\n  )\n\n  const onFocusHandler = useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      setFocusState('focus')\n\n      onFocus?.({\n        ...event,\n        ...getReturnObject({ event }),\n      })\n\n      if (isNaN(parseFloat(event.target.value))) {\n        setCursorPosition(event.target)\n      }\n    },\n    [getReturnObject, onFocus]\n  )\n\n  const onBlurHandler = useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      focusMode.current = null\n      setFocusState('blur')\n\n      onBlur?.({\n        ...event,\n        ...getReturnObject({ event, ...partialDatesRef.current }),\n      })\n    },\n    [onBlur, getReturnObject, partialDatesRef]\n  )\n\n  const onKeyDownHandler = useCallback(\n    async (event: React.KeyboardEvent<HTMLInputElement>) => {\n      const keyCode = event.key\n      const target = event.target as HTMLInputElement\n\n      if (\n        correctInvalidDate &&\n        target.selectionStart !== target.selectionEnd\n      ) {\n        setCursorPosition(target)\n      }\n\n      // Only to process key up and down press\n      switch (keyCode) {\n        case 'ArrowUp':\n        case 'ArrowDown':\n          event.persist()\n          event.preventDefault()\n          prepareCounting({ event, keyCode, target })\n          return false\n        case 'Tab':\n          return false\n      }\n\n      // The rest is for value entry\n\n      const size = parseFloat(target.getAttribute('size'))\n      const firstSelectionStart = target.selectionStart\n      const firstSelectionEnd = target.selectionEnd\n\n      // To get the correct position afterwards.\n      // Use 10ms in order to make it work on iOS Safari\n      await wait(IS_IOS ? 10 : 1)\n\n      const secondSelectionStart = target.selectionStart\n\n      // Always false (since the old keycode function set number keys to undefined) but needed to not break tests\n      const isValid = /[0-9]/g.test(keyCode)\n      const refListArray = refList.current\n\n      const index = refListArray.findIndex(\n        ({ current }) => current === target\n      )\n\n      const isLastChar = secondSelectionStart === size\n      const isFirstChar = firstSelectionStart === size\n\n      const isMovingForward =\n        keyCode !== 'ArrowLeft' &&\n        keyCode !== 'Backspace' &&\n        isValid &&\n        isLastChar\n\n      const isExplicitForward =\n        (keyCode === 'ArrowRight' || keyCode === 'Enter') && isFirstChar\n\n      const hasNextField = index < refListArray.length - 1\n\n      if (hasNextField && (isMovingForward || isExplicitForward)) {\n        // stop in case there is no next input element\n        if (!refListArray[index + 1].current) {\n          return // stop here\n        }\n        const nextSibling = refListArray[index + 1]?.current\n\n        if (nextSibling) {\n          setCursorPosition(nextSibling, 0, { withoutDelay: true })\n        }\n\n        // When the cursor is at the end of the input\n        // and the user types a number, we want to set the value on the next input.\n        if (\n          parseFloat(keyCode) <= 9 &&\n          firstSelectionStart === target.size\n        ) {\n          const name = toCapitalized(\n            nextSibling\n              .getAttribute('class')\n              .match(/__input--(day|month|year)($|\\s)/)[1]\n          )\n          const mode = nextSibling\n            .getAttribute('id')\n            .match(/-(start|end)-(day|month|year)/)[1]\n\n          dateSetters[`set_${mode}${name}`]({\n            persist: () => null,\n            ...event,\n            target: {\n              value: keyCode + nextSibling.value.slice(1),\n            },\n          })\n\n          setCursorPosition(nextSibling, 1)\n        }\n      } else if (index > 0 && firstSelectionStart === firstSelectionEnd) {\n        const isMovingBackward =\n          keyCode === 'ArrowLeft' && firstSelectionStart === 0\n        const isPressingBackspace =\n          keyCode === 'Backspace' && firstSelectionStart <= 1\n\n        if (isMovingBackward || isPressingBackspace) {\n          const prevSibling = refListArray[index - 1]?.current\n          if (prevSibling) {\n            const endPos = prevSibling.value.length\n            setCursorPosition(prevSibling, endPos, {\n              withoutDelay: true,\n            })\n          }\n        }\n      }\n    },\n    [correctInvalidDate, dateSetters, prepareCounting]\n  )\n\n  const onInputHandler = useCallback(\n    (event) => {\n      const target = event.currentTarget\n\n      // Add support for \"backspace\" on Android virtual keyboard\n      if (\n        IS_ANDROID &&\n        event.nativeEvent.inputType === 'deleteContentBackward' &&\n        target.selectionStart === 0 &&\n        target.selectionEnd === 0\n      ) {\n        onKeyDownHandler({\n          ...event,\n          key: 'Backspace',\n        })\n      }\n    },\n    [onKeyDownHandler]\n  )\n\n  const getPlaceholderChar = useCallback(\n    (value: string) => {\n      const index = maskOrder.indexOf(value)\n      return maskPlaceholder[index]\n    },\n    [maskOrder, maskPlaceholder]\n  )\n\n  // TODO: Replace with MultiInputMask\n  const generateDateList = useCallback(\n    (\n      element: Omit<React.HTMLProps<HTMLInputElement>, 'size'> &\n        DatePickerEventAttributes,\n      mode: 'start' | 'end'\n    ) => {\n      return maskList.map((value, i) => {\n        const state = value.slice(0, 1)\n        const placeholderChar = getPlaceholderChar(value)\n        const { day, month, year } = translation\n        const isRangeLabel = isRange ? `${translation[mode]} ` : ''\n\n        if (!separatorRegExp.test(value)) {\n          if (!inputElement) {\n            element = {\n              ...element,\n              onInput: onInputHandler,\n              onKeyDown: onKeyDownHandler,\n              onPaste: pasteHandler,\n              onFocus: (e) => {\n                focusMode.current = mode\n                onFocusHandler(e)\n              },\n              onBlur: onBlurHandler,\n              placeholderChar,\n            }\n          }\n\n          // this makes it possible to use a vanilla <input /> like: input_element=\"input\"\n          const DateField =\n            inputElement && React.isValidElement(inputElement)\n              ? inputElement.type\n              : InputElement\n\n          const inputSizeClassName =\n            size && `dnb-date-picker__input--${size}`\n\n          switch (state) {\n            case 'd':\n              refList.current.push(inputRefs.current[`${mode}DayRef`])\n\n              return (\n                <React.Fragment key={'dd' + i}>\n                  <DateField\n                    {...element}\n                    id={`${id}-${mode}-day`}\n                    key={'di' + i}\n                    className={classnames(\n                      element.className,\n                      'dnb-date-picker__input',\n                      'dnb-date-picker__input--day',\n                      inputSizeClassName\n                    )}\n                    size={2}\n                    mask={[/[0-9]/, /[0-9]/]}\n                    inputRef={inputRefs.current[`${mode}DayRef`]}\n                    onChange={dateSetters[`set_${mode}Day`]}\n                    value={inputDates[`__${mode}Day`] || ''}\n                    aria-labelledby={`${id}-${mode}-day-label`}\n                  />\n                  <label\n                    key={'dl' + i}\n                    hidden\n                    id={`${id}-${mode}-day-label`}\n                    htmlFor={`${id}-${mode}-day`}\n                  >\n                    {isRangeLabel + day}\n                  </label>\n                </React.Fragment>\n              )\n            case 'm':\n              refList.current.push(inputRefs.current[`${mode}MonthRef`])\n\n              return (\n                <React.Fragment key={'mm' + i}>\n                  <DateField\n                    {...element}\n                    id={`${id}-${mode}-month`}\n                    key={'mi' + i}\n                    className={classnames(\n                      element.className,\n                      'dnb-date-picker__input',\n                      'dnb-date-picker__input--month',\n                      inputSizeClassName\n                    )}\n                    size={2}\n                    mask={[/[0-9]/, /[0-9]/]}\n                    inputRef={inputRefs.current[`${mode}MonthRef`]}\n                    onChange={dateSetters[`set_${mode}Month`]}\n                    value={inputDates[`__${mode}Month`] || ''}\n                    aria-labelledby={`${id}-${mode}-month-label`}\n                  />\n                  <label\n                    key={'ml' + i}\n                    hidden\n                    id={`${id}-${mode}-month-label`}\n                    htmlFor={`${id}-${mode}-month`}\n                  >\n                    {isRangeLabel + month}\n                  </label>\n                </React.Fragment>\n              )\n            case 'y':\n              refList.current.push(inputRefs.current[`${mode}YearRef`])\n\n              return (\n                <React.Fragment key={'yy' + i}>\n                  <DateField\n                    {...element}\n                    id={`${id}-${mode}-year`}\n                    key={'yi' + i}\n                    className={classnames(\n                      element.className,\n                      'dnb-date-picker__input',\n                      'dnb-date-picker__input--year',\n                      inputSizeClassName\n                    )}\n                    size={4}\n                    mask={[/[0-9]/, /[0-9]/, /[0-9]/, /[0-9]/]}\n                    inputRef={inputRefs.current[`${mode}YearRef`]}\n                    onChange={dateSetters[`set_${mode}Year`]}\n                    value={inputDates[`__${mode}Year`] || ''}\n                    aria-labelledby={`${id}-${mode}-year-label`}\n                  />\n                  <label\n                    key={'yl' + i}\n                    hidden\n                    id={`${id}-${mode}-year-label`}\n                    htmlFor={`${id}-${mode}-year`}\n                  >\n                    {isRangeLabel + year}\n                  </label>\n                </React.Fragment>\n              )\n          }\n        }\n        return (\n          <span\n            key={'s' + i}\n            className=\"dnb-date-picker--separator\"\n            aria-hidden\n          >\n            {placeholderChar}\n          </span>\n        )\n      })\n    },\n    [\n      maskList,\n      getPlaceholderChar,\n      translation,\n      isRange,\n      separatorRegExp,\n      inputElement,\n      size,\n      onInputHandler,\n      onKeyDownHandler,\n      pasteHandler,\n      onBlurHandler,\n      onFocusHandler,\n      id,\n      dateSetters,\n      inputDates,\n    ]\n  )\n\n  const renderInputElement = useCallback(\n    (\n      element: React.HTMLProps<HTMLInputElement> &\n        DatePickerEventAttributes\n    ) => {\n      refList.current = []\n      const startDateList = generateDateList(element, 'start')\n      const endDateList = generateDateList(element, 'end')\n\n      return (\n        <span\n          id={`${id}-input`}\n          className=\"dnb-date-picker__input__wrapper\"\n        >\n          {startDateList}\n          {isRange && (\n            <span className=\"dnb-date-picker--separator\" aria-hidden>\n              {' – '}\n            </span>\n          )}\n          {isRange && endDateList}\n        </span>\n      )\n    },\n    [id, isRange, generateDateList]\n  )\n\n  const ariaLabel = useMemo(\n    () =>\n      selectedDateTitle\n        ? `${selectedDateTitle}, ${translation.openPickerText}`\n        : translation.openPickerText,\n    [selectedDateTitle, translation]\n  )\n\n  validateDOMAttributes(props, attributes)\n  validateDOMAttributes(null, submitAttributes)\n\n  const SubmitElement: React.ElementType = useMemo(\n    () => (showInput ? SubmitButton : Button),\n    [showInput]\n  )\n\n  if (!showInput) {\n    // Use Button inner ref\n    submitAttributes.innerRef = submitAttributes.ref\n    submitAttributes.ref = null\n  }\n\n  return (\n    <fieldset className=\"dnb-date-picker__fieldset\" lang={lang}>\n      {label && <legend className=\"dnb-sr-only\">{label}</legend>}\n      <Input\n        id={`${id}__input`}\n        input_state={disabled ? 'disabled' : focusState}\n        input_element={\n          inputElement && typeof inputElement !== 'string'\n            ? typeof inputElement === 'function'\n              ? inputElement(props)\n              : inputElement\n            : renderInputElement\n        }\n        disabled={disabled || skeleton}\n        skeleton={skeleton}\n        size={size}\n        status={!opened ? status : null}\n        status_state={statusState}\n        {...statusProps}\n        submit_element={\n          <SubmitElement\n            id={id}\n            disabled={disabled}\n            skeleton={skeleton}\n            className={classnames(\n              showInput && 'dnb-button--input-button',\n              opened ? 'dnb-button--active' : null\n            )}\n            aria-label={ariaLabel}\n            title={title}\n            size={size}\n            status={status}\n            status_state={statusState}\n            type=\"button\"\n            icon=\"calendar\"\n            variant=\"secondary\"\n            on_submit={onSubmit}\n            on_click={onSubmit}\n            {...submitAttributes}\n            {...statusProps}\n          />\n        }\n        lang={lang}\n        {...attributes}\n      />\n    </fieldset>\n  )\n}\n\nexport default DatePickerInput\n\nfunction setCursorPosition(\n  target: HTMLInputElement,\n  position = 0,\n  options?: { withoutDelay?: boolean }\n) {\n  target.focus()\n\n  const select = () => {\n    target.setSelectionRange(position, position)\n  }\n\n  // Delay for correct iOS Safari appearance\n  if (!options?.withoutDelay && process.env.NODE_ENV !== 'test') {\n    setTimeout(select, 0)\n  } else {\n    select()\n  }\n}\n\nfunction InputElement({ className, value, ...props }: TextMaskProps) {\n  return (\n    <TextMask\n      guide={true}\n      inputMode=\"numeric\"\n      showMask={true}\n      keepCharPositions={false} // so we can overwrite next value, if it already exists\n      autoComplete=\"off\"\n      autoCapitalize=\"none\"\n      spellCheck={false}\n      autoCorrect=\"off\"\n      className={classnames(\n        className,\n        /\\d+/.test(String(value)) && 'dnb-date-picker__input--highlight'\n      )}\n      value={value}\n      {...props}\n    />\n  )\n}\n\nfunction syncDateRefs(\n  dateRefs: React.MutableRefObject<Record<string, string>>,\n  inputDates: DatePickerInputDates\n) {\n  for (const date in dateRefs.current) {\n    const dateRefValue = dateRefs.current[date]\n    const inputDateValue = inputDates[`__${date}`]\n\n    if (dateRefValue !== inputDateValue) {\n      dateRefs.current[date] = inputDateValue\n    }\n  }\n}\n\nconst wait = (duration: number) =>\n  new Promise((r) => setTimeout(r, duration))\n"],"mappings":"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","ignoreList":[]}

package/es/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/es/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/es/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/es/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/es/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":"AAEA,OAAO,MAAMA,gBAAsC,GAAG;EACpDC,OAAO,EAAE;IACPC,GAAG,EAAE,+FAA+F;IACpGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,iOAAiO;IACtOC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,QAAQ,EAAE;IACRL,GAAG,EAAE,oIAAoI;IACzIC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,SAAS,EAAE;IACTN,GAAG,EAAE,8DAA8D;IACnEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,OAAO,EAAE;IACPP,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,gBAAgB,EAAE;IAChBR,GAAG,EAAE,uHAAuH;IAC5HC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,UAAU,EAAE;IACVT,GAAG,EAAE,uGAAuG;IAC5GC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDQ,aAAa,EAAE;IACbV,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDS,YAAY,EAAE;IACZX,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDU,WAAW,EAAE;IACXZ,GAAG,EAAE,gKAAgK;IACrKC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDW,iBAAiB,EAAE;IACjBb,GAAG,EAAE,wGAAwG;IAC7GC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDY,YAAY,EAAE;IACZd,GAAG,EAAE,qMAAqM;IAC1MC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,UAAU,EAAE;IACVf,GAAG,EAAE,2LAA2L;IAChMC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDc,IAAI,EAAE;IACJhB,GAAG,EAAE,8IAA8I;IACnJC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDe,WAAW,EAAE;IACXjB,GAAG,EAAE,gIAAgI;IACrIC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDgB,WAAW,EAAE;IACXlB,GAAG,EAAE,gEAAgE;IACrEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDiB,WAAW,EAAE;IACXnB,GAAG,EAAE,qEAAqE;IAC1EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDkB,WAAW,EAAE;IACXpB,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDmB,WAAW,EAAE;IACXrB,GAAG,EAAE,6FAA6F;IAClGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDoB,SAAS,EAAE;IACTtB,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDqB,UAAU,EAAE;IACVvB,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMsB,YAAkC,GAAG;EAChDC,SAAS,EAAE;IACTzB,GAAG,EAAE,uIAAuI;IAC5IC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDwB,SAAS,EAAE;IACT1B,GAAG,EAAE,uIAAuI;IAC5IC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/es/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/es/components/dropdown/DropdownDocs.d.ts

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