@entur/datepicker 3.0.8 → 3.0.9

package/dist/datepicker.cjs.development.js

@@ -29,39 +29,46 @@ function _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
+
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
+
     return target;
   };
+
   return _extends.apply(this, arguments);
 }
+
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
+
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
+
   return target;
 }
 
 var DatePickerHeader = function DatePickerHeader(_ref) {
   var _date$getMonth;
+
   var date = _ref.date,
-    decreaseMonth = _ref.decreaseMonth,
-    increaseMonth = _ref.increaseMonth,
-    prevMonthButtonDisabled = _ref.prevMonthButtonDisabled,
-    nextMonthButtonDisabled = _ref.nextMonthButtonDisabled,
-    nextMonthAriaLabel = _ref.nextMonthAriaLabel,
-    previousMonthAriaLabel = _ref.previousMonthAriaLabel,
-    locale = _ref.locale;
+      decreaseMonth = _ref.decreaseMonth,
+      increaseMonth = _ref.increaseMonth,
+      prevMonthButtonDisabled = _ref.prevMonthButtonDisabled,
+      nextMonthButtonDisabled = _ref.nextMonthButtonDisabled,
+      nextMonthAriaLabel = _ref.nextMonthAriaLabel,
+      previousMonthAriaLabel = _ref.previousMonthAriaLabel,
+      locale = _ref.locale;
   var currentMonthIndex = (_date$getMonth = date == null ? void 0 : date.getMonth()) != null ? _date$getMonth : 0;
   return React__default["default"].createElement("div", {
     className: "eds-datepicker__calender__header"
@@ -83,6 +90,7 @@ var DatePickerHeader = function DatePickerHeader(_ref) {
     "aria-label": nextMonthAriaLabel + " (" + getMonthName(currentMonthIndex + 1, locale) + ")"
   }, React__default["default"].createElement(icons.RightArrowIcon, null)));
 };
+
 function getMonthName(monthIndex, locale) {
   var year = new Date().getFullYear();
   var formatter = new Intl.DateTimeFormat(locale.code, {
@@ -94,68 +102,79 @@ function getMonthName(monthIndex, locale) {
 var _excluded$4 = ["style", "label", "inputPlaceholder", "prepend", "feedback", "variant", "disabled", "calendarButtonTooltipOpen", "calendarButtonTooltipClose", "hideCalendarButton", "disableLabelAnimation", "inputRef", "calendarButtonId", "forwardRef", "toggleCalendarGUI", "onKeyDownInput", "onBlurInput", "selectedDate", "setFocusToCalendarGUI", "setShouldFocusOnCalendarButtonAfterSelect", "calendarGUIIsOpen", "placeholder", "onClick", "aria-labelledby"];
 var DatePickerInput = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var style = _ref.style,
-    label = _ref.label,
-    inputPlaceholder = _ref.inputPlaceholder,
-    prepend = _ref.prepend,
-    feedback = _ref.feedback,
-    variant = _ref.variant,
-    disabled = _ref.disabled,
-    calendarButtonTooltipOpen = _ref.calendarButtonTooltipOpen,
-    calendarButtonTooltipClose = _ref.calendarButtonTooltipClose,
-    hideCalendarButton = _ref.hideCalendarButton,
-    disableLabelAnimation = _ref.disableLabelAnimation,
-    inputRef = _ref.inputRef,
-    calendarButtonId = _ref.calendarButtonId,
-    forwardRef = _ref.forwardRef,
-    toggleCalendarGUI = _ref.toggleCalendarGUI,
-    onKeyDownInput = _ref.onKeyDownInput,
-    onBlurInput = _ref.onBlurInput,
-    selectedDate = _ref.selectedDate,
-    setFocusToCalendarGUI = _ref.setFocusToCalendarGUI,
-    setShouldFocusOnCalendarButtonAfterSelect = _ref.setShouldFocusOnCalendarButtonAfterSelect,
-    calendarGUIIsOpen = _ref.calendarGUIIsOpen,
-    onClick = _ref.onClick,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+      label = _ref.label,
+      inputPlaceholder = _ref.inputPlaceholder,
+      prepend = _ref.prepend,
+      feedback = _ref.feedback,
+      variant = _ref.variant,
+      disabled = _ref.disabled,
+      calendarButtonTooltipOpen = _ref.calendarButtonTooltipOpen,
+      calendarButtonTooltipClose = _ref.calendarButtonTooltipClose,
+      hideCalendarButton = _ref.hideCalendarButton,
+      disableLabelAnimation = _ref.disableLabelAnimation,
+      inputRef = _ref.inputRef,
+      calendarButtonId = _ref.calendarButtonId,
+      forwardRef = _ref.forwardRef,
+      toggleCalendarGUI = _ref.toggleCalendarGUI,
+      onKeyDownInput = _ref.onKeyDownInput,
+      onBlurInput = _ref.onBlurInput,
+      selectedDate = _ref.selectedDate,
+      setFocusToCalendarGUI = _ref.setFocusToCalendarGUI,
+      setShouldFocusOnCalendarButtonAfterSelect = _ref.setShouldFocusOnCalendarButtonAfterSelect,
+      calendarGUIIsOpen = _ref.calendarGUIIsOpen,
+      onClick = _ref.onClick,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+
   React__default["default"].useEffect(function () {
     var _inputRef$current, _inputRef$current2, _inputRef$current3;
+
     (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.addEventListener('keydown', handleOnKeyDown);
     (_inputRef$current2 = inputRef.current) == null ? void 0 : _inputRef$current2.addEventListener('blur', handleOnBlur);
     (_inputRef$current3 = inputRef.current) == null ? void 0 : _inputRef$current3.addEventListener('focus', handleOnFocus);
     return function () {
       var _inputRef$current4, _inputRef$current5, _inputRef$current6;
+
       (_inputRef$current4 = inputRef.current) == null ? void 0 : _inputRef$current4.removeEventListener('keydown', handleOnKeyDown);
       (_inputRef$current5 = inputRef.current) == null ? void 0 : _inputRef$current5.removeEventListener('blur', handleOnBlur);
       (_inputRef$current6 = inputRef.current) == null ? void 0 : _inputRef$current6.removeEventListener('focus', handleOnFocus);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }; // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [inputRef, selectedDate]);
+
   function handleOnKeyDown(event) {
     onKeyDownInput(event);
   }
+
   function handleOnBlur(event) {
     onBlurInput(event);
   }
+
   var handleOnFocus = function handleOnFocus() {
     return requestAnimationFrame(function () {
       var _inputRef$current7;
+
       return (_inputRef$current7 = inputRef.current) == null ? void 0 : _inputRef$current7.select();
     });
   };
+
   var handleOnClickInputField = function handleOnClickInputField(event) {
     setShouldFocusOnCalendarButtonAfterSelect(false);
     onClick && onClick(event);
   };
+
   var handleOnClickCalendarButton = function handleOnClickCalendarButton() {
     toggleCalendarGUI();
     setFocusToCalendarGUI();
     setShouldFocusOnCalendarButtonAfterSelect(true);
   };
+
   var calendarButtonAriaLabel = function calendarButtonAriaLabel() {
     var _inputRef$current8;
+
     var buttonStateText = calendarGUIIsOpen() ? calendarButtonTooltipClose : calendarButtonTooltipOpen;
     var currentSelectionText = selectedDate ? ((_inputRef$current8 = inputRef.current) == null ? void 0 : _inputRef$current8.value) + " valgt" : 'Ingen dato valgt';
     return buttonStateText + ", " + currentSelectionText;
   };
+
   return React__default["default"].createElement(form.TextField, _extends({
     style: style,
     label: label,
@@ -186,85 +205,95 @@ var _excluded$3 = ["style", "className", "selectedDate", "label", "placeholder",
 ReactDatepicker.registerLocale('nb', locale.nb);
 var DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var style = _ref.style,
-    className = _ref.className,
-    selectedDate = _ref.selectedDate,
-    label = _ref.label,
-    _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? 'dd.mm.yyyy' : _ref$placeholder,
-    onChange = _ref.onChange,
-    _ref$onKeyDown = _ref.onKeyDown,
-    onKeyDown = _ref$onKeyDown === void 0 ? function () {
-      return null;
-    } : _ref$onKeyDown,
-    _ref$dateFormats = _ref.dateFormats,
-    dateFormats = _ref$dateFormats === void 0 ? ['dd.MM.yyyy', 'ddMMyyyy', 'dd/MM/yyyy', 'ddMMyy'] : _ref$dateFormats,
-    minDate = _ref.minDate,
-    maxDate = _ref.maxDate,
-    _ref$inline = _ref.inline,
-    inline = _ref$inline === void 0 ? false : _ref$inline,
-    disabled = _ref.disabled,
-    prepend = _ref.prepend,
-    _ref$feedback = _ref.feedback,
-    feedback = _ref$feedback === void 0 ? '' : _ref$feedback,
-    variant = _ref.variant,
-    _ref$validationFeedba = _ref.validationFeedback,
-    validationFeedback = _ref$validationFeedba === void 0 ? 'Ugyldig dato' : _ref$validationFeedba,
-    _ref$validationVarian = _ref.validationVariant,
-    validationVariant = _ref$validationVarian === void 0 ? 'error' : _ref$validationVarian,
-    _ref$disableLabelAnim = _ref.disableLabelAnimation,
-    disableLabelAnimation = _ref$disableLabelAnim === void 0 ? false : _ref$disableLabelAnim,
-    _ref$calendarButtonTo = _ref.calendarButtonTooltipOpen,
-    calendarButtonTooltipOpen = _ref$calendarButtonTo === void 0 ? 'Åpne\xa0kalender' : _ref$calendarButtonTo,
-    _ref$calendarButtonTo2 = _ref.calendarButtonTooltipClose,
-    calendarButtonTooltipClose = _ref$calendarButtonTo2 === void 0 ? 'Lukk\xa0kalender' : _ref$calendarButtonTo2,
-    _ref$hideCalendarButt = _ref.hideCalendarButton,
-    hideCalendarButton = _ref$hideCalendarButt === void 0 ? false : _ref$hideCalendarButt,
-    _ref$hideCalendar = _ref.hideCalendar,
-    hideCalendar = _ref$hideCalendar === void 0 ? false : _ref$hideCalendar,
-    _ref$hideValidation = _ref.hideValidation,
-    hideValidation = _ref$hideValidation === void 0 ? false : _ref$hideValidation,
-    _ref$weekLabel = _ref.weekLabel,
-    weekLabel = _ref$weekLabel === void 0 ? 'uke' : _ref$weekLabel,
-    _ref$chooseDayAriaLab = _ref.chooseDayAriaLabelPrefix,
-    chooseDayAriaLabelPrefix = _ref$chooseDayAriaLab === void 0 ? 'Velg' : _ref$chooseDayAriaLab,
-    _ref$previousMonthAri = _ref.previousMonthAriaLabel,
-    previousMonthAriaLabel = _ref$previousMonthAri === void 0 ? 'Forrige måned' : _ref$previousMonthAri,
-    _ref$nextMonthAriaLab = _ref.nextMonthAriaLabel,
-    nextMonthAriaLabel = _ref$nextMonthAriaLab === void 0 ? 'Neste måned' : _ref$nextMonthAriaLab,
-    _ref$locale = _ref.locale,
-    locale$1 = _ref$locale === void 0 ? locale.nb : _ref$locale,
-    open = _ref.open,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+      className = _ref.className,
+      selectedDate = _ref.selectedDate,
+      label = _ref.label,
+      _ref$placeholder = _ref.placeholder,
+      placeholder = _ref$placeholder === void 0 ? 'dd.mm.yyyy' : _ref$placeholder,
+      onChange = _ref.onChange,
+      _ref$onKeyDown = _ref.onKeyDown,
+      onKeyDown = _ref$onKeyDown === void 0 ? function () {
+    return null;
+  } : _ref$onKeyDown,
+      _ref$dateFormats = _ref.dateFormats,
+      dateFormats = _ref$dateFormats === void 0 ? ['dd.MM.yyyy', 'ddMMyyyy', 'dd/MM/yyyy', 'ddMMyy'] : _ref$dateFormats,
+      minDate = _ref.minDate,
+      maxDate = _ref.maxDate,
+      _ref$inline = _ref.inline,
+      inline = _ref$inline === void 0 ? false : _ref$inline,
+      disabled = _ref.disabled,
+      prepend = _ref.prepend,
+      _ref$feedback = _ref.feedback,
+      feedback = _ref$feedback === void 0 ? '' : _ref$feedback,
+      variant = _ref.variant,
+      _ref$validationFeedba = _ref.validationFeedback,
+      validationFeedback = _ref$validationFeedba === void 0 ? 'Ugyldig dato' : _ref$validationFeedba,
+      _ref$validationVarian = _ref.validationVariant,
+      validationVariant = _ref$validationVarian === void 0 ? 'error' : _ref$validationVarian,
+      _ref$disableLabelAnim = _ref.disableLabelAnimation,
+      disableLabelAnimation = _ref$disableLabelAnim === void 0 ? false : _ref$disableLabelAnim,
+      _ref$calendarButtonTo = _ref.calendarButtonTooltipOpen,
+      calendarButtonTooltipOpen = _ref$calendarButtonTo === void 0 ? 'Åpne\xa0kalender' : _ref$calendarButtonTo,
+      _ref$calendarButtonTo2 = _ref.calendarButtonTooltipClose,
+      calendarButtonTooltipClose = _ref$calendarButtonTo2 === void 0 ? 'Lukk\xa0kalender' : _ref$calendarButtonTo2,
+      _ref$hideCalendarButt = _ref.hideCalendarButton,
+      hideCalendarButton = _ref$hideCalendarButt === void 0 ? false : _ref$hideCalendarButt,
+      _ref$hideCalendar = _ref.hideCalendar,
+      hideCalendar = _ref$hideCalendar === void 0 ? false : _ref$hideCalendar,
+      _ref$hideValidation = _ref.hideValidation,
+      hideValidation = _ref$hideValidation === void 0 ? false : _ref$hideValidation,
+      _ref$weekLabel = _ref.weekLabel,
+      weekLabel = _ref$weekLabel === void 0 ? 'uke' : _ref$weekLabel,
+      _ref$chooseDayAriaLab = _ref.chooseDayAriaLabelPrefix,
+      chooseDayAriaLabelPrefix = _ref$chooseDayAriaLab === void 0 ? 'Velg' : _ref$chooseDayAriaLab,
+      _ref$previousMonthAri = _ref.previousMonthAriaLabel,
+      previousMonthAriaLabel = _ref$previousMonthAri === void 0 ? 'Forrige måned' : _ref$previousMonthAri,
+      _ref$nextMonthAriaLab = _ref.nextMonthAriaLabel,
+      nextMonthAriaLabel = _ref$nextMonthAriaLab === void 0 ? 'Neste måned' : _ref$nextMonthAriaLab,
+      _ref$locale = _ref.locale,
+      locale$1 = _ref$locale === void 0 ? locale.nb : _ref$locale,
+      open = _ref.open,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+
   var datepickerId = utils.useRandomId('eds-datepicker');
   var datepickerRef = React.useRef(null);
   var inputRef = React__default["default"].useRef(null);
   var calendarButton = document.getElementById(datepickerId + '-button');
+
   var _useState = React.useState(false),
-    showValidation = _useState[0],
-    setShowValidation = _useState[1];
+      showValidation = _useState[0],
+      setShowValidation = _useState[1];
+
   var _useState2 = React.useState(false),
-    shouldFocusOnCalendarButtonAfterSelect = _useState2[0],
-    setShouldFocusOnCalendarButtonAfterSelect = _useState2[1];
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+      shouldFocusOnCalendarButtonAfterSelect = _useState2[0],
+      setShouldFocusOnCalendarButtonAfterSelect = _useState2[1]; // eslint-disable-next-line react-hooks/exhaustive-deps
+
+
   React__default["default"].useEffect(function () {
     return validateInput();
   }, [selectedDate]);
+
   var handleOnChange = function handleOnChange(date, event) {
     var _inputRef$current;
+
     if (shouldFocusOnCalendarButtonAfterSelect && !hideCalendarButton) {
       calendarButton == null ? void 0 : calendarButton.focus();
       setShouldFocusOnCalendarButtonAfterSelect(false);
     } else (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.focus();
+
     onChange(date, event);
   };
+
   var handleOnKeyDown = function handleOnKeyDown(event) {
     setShowValidation(false);
+
     if (event.key === 'Enter') {
       if (!datePickerGUIIsOpen()) {
         // onBlurInput will validate if calendar is open
         validateInput();
         forceUpdateInputFormat();
       }
+
       focusAndSelectInputField();
     } else if (event.key === 'Tab' && datePickerGUIIsOpen()) {
       forceUpdateInputFormat();
@@ -273,18 +302,23 @@ var DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_re
       focusAndSelectInputField();
       if (datePickerGUIIsOpen()) toggleCalendarGUI();
     }
+
     onKeyDown(event);
   };
+
   var handleOnClickOutside = function handleOnClickOutside() {
     return setShouldFocusOnCalendarButtonAfterSelect(false);
   };
+
   var handleOnBlurInput = function handleOnBlurInput() {
     if (datePickerGUIIsOpen()) return;
     validateInput();
     forceUpdateInputFormat();
   };
+
   var validateInput = function validateInput() {
     var _inputRef$current2;
+
     setShowValidation(false);
     var inputValue = (_inputRef$current2 = inputRef.current) == null ? void 0 : _inputRef$current2.value;
     if (!inputValue) return;
@@ -296,6 +330,7 @@ var DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     var parsedDateFromInputIsTheSameAsSelectedDate = selectedDate && inputValueParsedWithAllDateFormats.some(function (dateFormat) {
       return dateFns.isSameDay(dateFormat, selectedDate);
     });
+
     if (parsedDateFromInputIsTheSameAsSelectedDate) {
       // valid date inputted
       setShowValidation(false);
@@ -304,6 +339,7 @@ var DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_re
       setShowValidation(true);
     }
   };
+
   var getFeedbackAndVariant = function getFeedbackAndVariant() {
     if (feedback) return {
       feedback: feedback,
@@ -318,32 +354,42 @@ var DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_re
       variant: undefined
     };
   };
+
   var focusAndSelectInputField = function focusAndSelectInputField() {
     return requestAnimationFrame(function () {
       var _inputRef$current3;
+
       return (_inputRef$current3 = inputRef.current) == null ? void 0 : _inputRef$current3.select();
     });
   };
+
   var forceUpdateInputFormat = function forceUpdateInputFormat() {
     var _datepickerRef$curren;
+
     return (_datepickerRef$curren = datepickerRef.current) == null ? void 0 : _datepickerRef$curren.setState({
       inputValue: null
     });
   };
+
   var toggleCalendarGUI = function toggleCalendarGUI() {
     var _datepickerRef$curren2;
+
     return (_datepickerRef$curren2 = datepickerRef.current) == null ? void 0 : _datepickerRef$curren2.setOpen(!datePickerGUIIsOpen());
   };
+
   var setFocusToCalendarGUI = function setFocusToCalendarGUI() {
-    if (inline || hideCalendar || datePickerGUIIsOpen()) return;
-    // 1 frame delay to allow calendar to spawn
+    if (inline || hideCalendar || datePickerGUIIsOpen()) return; // 1 frame delay to allow calendar to spawn
+
     requestAnimationFrame(function () {
       var _datepickerRef$curren3;
+
       var datepickerGUIWrapper = // @ts-expect-error .calendar does actually exist in ReactDatePicker ref
       (_datepickerRef$curren3 = datepickerRef.current) == null ? void 0 : _datepickerRef$curren3.calendar.componentNode;
       var dateToSetFocusTo = selectedDate ? datepickerGUIWrapper.querySelector('.eds-datepicker__calender__day[tabindex="0"]') : datepickerGUIWrapper.querySelector('.eds-datepicker__calender__day[aria-current="date"]');
+
       if (dateToSetFocusTo !== null) {
         var _datepickerRef$curren4;
+
         (_datepickerRef$curren4 = datepickerRef.current) == null ? void 0 : _datepickerRef$curren4.setBlur();
         dateToSetFocusTo.focus({
           preventScroll: true
@@ -353,10 +399,13 @@ var DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     setShouldFocusOnCalendarButtonAfterSelect(true);
     setShowValidation(false);
   };
+
   var datePickerGUIIsOpen = function datePickerGUIIsOpen() {
     var _datepickerRef$curren5;
+
     return (_datepickerRef$curren5 = datepickerRef.current) == null ? void 0 : _datepickerRef$curren5.isCalendarOpen();
   };
+
   return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(ReactDatepicker__default["default"], _extends({
     selected: selectedDate,
     minDate: minDate,
@@ -391,12 +440,12 @@ var DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     }],
     renderCustomHeader: function renderCustomHeader(_ref2) {
       var date = _ref2.date,
-        changeYear = _ref2.changeYear,
-        changeMonth = _ref2.changeMonth,
-        decreaseMonth = _ref2.decreaseMonth,
-        increaseMonth = _ref2.increaseMonth,
-        prevMonthButtonDisabled = _ref2.prevMonthButtonDisabled,
-        nextMonthButtonDisabled = _ref2.nextMonthButtonDisabled;
+          changeYear = _ref2.changeYear,
+          changeMonth = _ref2.changeMonth,
+          decreaseMonth = _ref2.decreaseMonth,
+          increaseMonth = _ref2.increaseMonth,
+          prevMonthButtonDisabled = _ref2.prevMonthButtonDisabled,
+          nextMonthButtonDisabled = _ref2.nextMonthButtonDisabled;
       return React__default["default"].createElement(DatePickerHeader, {
         date: date,
         changeYear: changeYear,
@@ -437,20 +486,21 @@ var DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_re
 });
 
 var _excluded$2 = ["className", "style", "label", "onChange", "feedback", "variant", "disableLabelAnimation", "prepend"],
-  _excluded2$1 = ["onChange", "variant", "value"];
+    _excluded2$1 = ["onChange", "variant", "value"];
 var NativeDatePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var className = _ref.className,
-    style = _ref.style,
-    label = _ref.label,
-    onChange = _ref.onChange,
-    feedback = _ref.feedback,
-    variant = _ref.variant,
-    disableLabelAnimation = _ref.disableLabelAnimation,
-    _ref$prepend = _ref.prepend,
-    prepend = _ref$prepend === void 0 ? React__default["default"].createElement(icons.DateIcon, {
-      inline: true
-    }) : _ref$prepend,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+      style = _ref.style,
+      label = _ref.label,
+      onChange = _ref.onChange,
+      feedback = _ref.feedback,
+      variant = _ref.variant,
+      disableLabelAnimation = _ref.disableLabelAnimation,
+      _ref$prepend = _ref.prepend,
+      prepend = _ref$prepend === void 0 ? React__default["default"].createElement(icons.DateIcon, {
+    inline: true
+  }) : _ref$prepend,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+
   var nativedatepickerId = utils.useRandomId('eds-nativetimepicker');
   return React__default["default"].createElement(form.BaseFormControl, {
     style: style,
@@ -471,14 +521,17 @@ var NativeDatePicker = /*#__PURE__*/React__default["default"].forwardRef(functio
 });
 var NativeDatePickerBase = /*#__PURE__*/React__default["default"].forwardRef(function (_ref2, ref) {
   var onChange = _ref2.onChange,
-    variant = _ref2.variant,
-    value = _ref2.value,
-    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2$1);
+      variant = _ref2.variant,
+      value = _ref2.value,
+      rest = _objectWithoutPropertiesLoose(_ref2, _excluded2$1);
+
   var contextVariant = form.useVariant();
   var currentVariant = variant || contextVariant;
+
   var _useInputGroupContext = form.useInputGroupContext(),
-    isDatepickerFilled = _useInputGroupContext.isFilled,
-    setFiller = _useInputGroupContext.setFilled;
+      isDatepickerFilled = _useInputGroupContext.isFilled,
+      setFiller = _useInputGroupContext.setFilled;
+
   utils.useOnMount(function () {
     setFiller && !isDatepickerFilled && setFiller(true);
   });
@@ -489,16 +542,19 @@ var NativeDatePickerBase = /*#__PURE__*/React__default["default"].forwardRef(fun
       setFiller && isDatepickerFilled && setFiller(false);
     }
   }, [value, setFiller, isDatepickerFilled]);
+
   var handleChange = function handleChange(event) {
     if (form.isFilled(event.target)) {
       setFiller && !isDatepickerFilled && setFiller(true);
     } else {
       setFiller && isDatepickerFilled && setFiller(false);
     }
+
     if (onChange) {
       onChange(event);
     }
   };
+
   return React__default["default"].createElement("input", _extends({
     ref: ref,
     "aria-invalid": currentVariant === 'error',
@@ -511,19 +567,23 @@ var NativeDatePickerBase = /*#__PURE__*/React__default["default"].forwardRef(fun
 
 var TimeSegment = function TimeSegment(_ref) {
   var segment = _ref.segment,
-    state = _ref.state;
+      state = _ref.state;
   var ref = React.useRef(null);
+
   var _useDateSegment = datepicker.useDateSegment(segment, state, ref),
-    segmentProps = _useDateSegment.segmentProps;
+      segmentProps = _useDateSegment.segmentProps;
+
   var is12HourFormatted = state.segments.some(function (segment) {
     return segment.text === 'AM' || segment.text === 'PM';
   });
+
   var segmentDisplayText = function segmentDisplayText() {
-    if (is12HourFormatted) return segment.text;
-    // if number add '0' padding to start when one digit
+    if (is12HourFormatted) return segment.text; // if number add '0' padding to start when one digit
+
     if (segment.text.match(/\d+/)) return segment.text.padStart(2, '0');
     return segment.text;
   };
+
   return React__default["default"].createElement("div", _extends({}, segmentProps, {
     ref: ref,
     className: classNames__default["default"]('eds-timepicker__segment', {
@@ -534,9 +594,9 @@ var TimeSegment = function TimeSegment(_ref) {
 
 var TimePickerArrowButton = function TimePickerArrowButton(_ref) {
   var direction = _ref.direction,
-    onClick = _ref.onClick,
-    disabled = _ref.disabled,
-    ariaLabel = _ref['aria-label'];
+      onClick = _ref.onClick,
+      disabled = _ref.disabled,
+      ariaLabel = _ref['aria-label'];
   return React__default["default"].createElement(button.IconButton, {
     className: classNames__default["default"]('eds-timepicker__arrowbutton', "eds-timepicker__arrowbutton--" + direction, {
       'eds-timepicker__arrowbutton--disabled': disabled
@@ -552,25 +612,27 @@ var TimePickerArrowButton = function TimePickerArrowButton(_ref) {
 var _excluded$1 = ["selectedTime", "onChange", "disabled", "className", "style", "label", "labelTooltip", "feedback", "variant", "locale", "showTimeZone", "minuteIncrementForArrowButtons", "leftArrowButtonAriaLabel", "rightArrowButtonAriaLabel"];
 var TimePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var selectedTime = _ref.selectedTime,
-    onChange = _ref.onChange,
-    disabled = _ref.disabled,
-    className = _ref.className,
-    style = _ref.style,
-    label = _ref.label,
-    labelTooltip = _ref.labelTooltip,
-    feedback = _ref.feedback,
-    variant = _ref.variant,
-    customLocale = _ref.locale,
-    showTimeZone = _ref.showTimeZone,
-    _ref$minuteIncrementF = _ref.minuteIncrementForArrowButtons,
-    minuteIncrementForArrowButtons = _ref$minuteIncrementF === void 0 ? 30 : _ref$minuteIncrementF,
-    _ref$leftArrowButtonA = _ref.leftArrowButtonAriaLabel,
-    leftArrowButtonAriaLabel = _ref$leftArrowButtonA === void 0 ? "Trekk fra " + minuteIncrementForArrowButtons + " minutter" : _ref$leftArrowButtonA,
-    _ref$rightArrowButton = _ref.rightArrowButtonAriaLabel,
-    rightArrowButtonAriaLabel = _ref$rightArrowButton === void 0 ? "Legg til " + minuteIncrementForArrowButtons + " minutter" : _ref$rightArrowButton,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+      onChange = _ref.onChange,
+      disabled = _ref.disabled,
+      className = _ref.className,
+      style = _ref.style,
+      label = _ref.label,
+      labelTooltip = _ref.labelTooltip,
+      feedback = _ref.feedback,
+      variant = _ref.variant,
+      customLocale = _ref.locale,
+      showTimeZone = _ref.showTimeZone,
+      _ref$minuteIncrementF = _ref.minuteIncrementForArrowButtons,
+      minuteIncrementForArrowButtons = _ref$minuteIncrementF === void 0 ? 30 : _ref$minuteIncrementF,
+      _ref$leftArrowButtonA = _ref.leftArrowButtonAriaLabel,
+      leftArrowButtonAriaLabel = _ref$leftArrowButtonA === void 0 ? "Trekk fra " + minuteIncrementForArrowButtons + " minutter" : _ref$leftArrowButtonA,
+      _ref$rightArrowButton = _ref.rightArrowButtonAriaLabel,
+      rightArrowButtonAriaLabel = _ref$rightArrowButton === void 0 ? "Legg til " + minuteIncrementForArrowButtons + " minutter" : _ref$rightArrowButton,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+
   var _useLocale = i18n.useLocale(),
-    locale = _useLocale.locale;
+      locale = _useLocale.locale;
+
   if (customLocale) locale = customLocale;
   var state = datepicker$1.useTimeFieldState(_extends({
     onChange: onChange,
@@ -581,12 +643,15 @@ var TimePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     isDisabled: disabled
   }, rest));
   var timeFieldRef = React.useRef(null);
+
   var _useTimeField = datepicker.useTimeField(_extends({}, rest, {
-      label: label
-    }), state, timeFieldRef),
-    labelProps = _useTimeField.labelProps,
-    fieldProps = _useTimeField.fieldProps;
+    label: label
+  }), state, timeFieldRef),
+      labelProps = _useTimeField.labelProps,
+      fieldProps = _useTimeField.fieldProps;
+
   var id = utils.useRandomId('timepicker');
+
   var handleOnClickArrowButton = function handleOnClickArrowButton(minutes) {
     if (someSegmentIsUndefined) {
       setTimeToNearestMinuteIncrement();
@@ -594,9 +659,11 @@ var TimePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_re
       addMinutesToSelectedTime(minutes);
     }
   };
+
   var someSegmentIsUndefined = state.segments.some(function (segment) {
     return segment.text === '––';
   });
+
   var setTimeToNearestMinuteIncrement = function setTimeToNearestMinuteIncrement() {
     var currentTime = date.now(date.getLocalTimeZone());
     var roundedMinute = Math.floor(currentTime.minute / minuteIncrementForArrowButtons) * minuteIncrementForArrowButtons;
@@ -605,12 +672,15 @@ var TimePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     });
     onChange(newTime);
   };
+
   var addMinutesToSelectedTime = function addMinutesToSelectedTime(minutes) {
     var _state$value;
+
     state.value && state.setValue((_state$value = state.value) == null ? void 0 : _state$value.add({
       minutes: minutes
     }));
   };
+
   return React__default["default"].createElement(i18n.I18nProvider, {
     locale: locale
   }, React__default["default"].createElement("div", {
@@ -652,16 +722,17 @@ var TimePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_re
 });
 
 var _excluded = ["className", "style", "onChange", "label", "feedback", "variant", "prepend"],
-  _excluded2 = ["onChange", "value"];
+    _excluded2 = ["onChange", "value"];
 var NativeTimePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var className = _ref.className,
-    style = _ref.style,
-    onChange = _ref.onChange,
-    label = _ref.label,
-    feedback = _ref.feedback,
-    variant = _ref.variant,
-    prepend = _ref.prepend,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+      style = _ref.style,
+      onChange = _ref.onChange,
+      label = _ref.label,
+      feedback = _ref.feedback,
+      variant = _ref.variant,
+      prepend = _ref.prepend,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
   var nativetimepickerId = utils.useRandomId('eds-native-timepicker');
   return React__default["default"].createElement(form.BaseFormControl, {
     style: style,
@@ -680,13 +751,16 @@ var NativeTimePicker = /*#__PURE__*/React__default["default"].forwardRef(functio
 });
 var NativeTimePickerBase = /*#__PURE__*/React__default["default"].forwardRef(function (_ref2, ref) {
   var onChange = _ref2.onChange,
-    value = _ref2.value,
-    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+      value = _ref2.value,
+      rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+
   var contextVariant = form.useVariant();
   var currentVariant = rest.variant || contextVariant;
+
   var _useInputGroupContext = form.useInputGroupContext(),
-    isTimepickerFilled = _useInputGroupContext.isFilled,
-    setFiller = _useInputGroupContext.setFilled;
+      isTimepickerFilled = _useInputGroupContext.isFilled,
+      setFiller = _useInputGroupContext.setFilled;
+
   utils.useOnMount(function () {
     setFiller && !isTimepickerFilled && setFiller(true);
   });
@@ -697,16 +771,19 @@ var NativeTimePickerBase = /*#__PURE__*/React__default["default"].forwardRef(fun
       setFiller && isTimepickerFilled && setFiller(false);
     }
   }, [value, setFiller, isTimepickerFilled]);
+
   var handleChange = function handleChange(event) {
     if (form.isFilled(event.target)) {
       setFiller && !isTimepickerFilled && setFiller(true);
     } else {
       setFiller && isTimepickerFilled && setFiller(false);
     }
+
     if (onChange) {
       onChange(event);
     }
   };
+
   return React__default["default"].createElement("input", _extends({
     ref: ref,
     "aria-invalid": currentVariant === 'error',
@@ -725,16 +802,20 @@ var NativeTimePickerBase = /*#__PURE__*/React__default["default"].forwardRef(fun
  * @param {number} offset UTC-offset i millisekunder, må brukes med en tidssone. Ved å legge på en offset lager du en variant av en tidssone. Det betyr at tidspunktet ikke endres (time, minutt, sekund uendret), men tidssonen, med tilhørende offset, tidspunktet er i endres.
  * @returns {Time | CalendarDateTime | ZonedDateTime} et av TimeValue-objektene med verdier fra date
  */
+
 var nativeDateToTimeValue = function nativeDateToTimeValue(date$1, noDateOnlyTime, timeZone, offset) {
   if (noDateOnlyTime === void 0) {
     noDateOnlyTime = false;
   }
+
   if (timeZone) {
     if (offset) {
       return new date.ZonedDateTime(date$1.getFullYear(), date$1.getMonth() + 1, date$1.getDate(), timeZone, offset, date$1.getHours(), date$1.getMinutes(), date$1.getSeconds());
     }
+
     return date.parseAbsolute(date$1.toISOString(), timeZone);
   }
+
   if (noDateOnlyTime) return new date.Time(date$1.getHours(), date$1.getMinutes(), date$1.getSeconds(), 0);
   return new date.CalendarDateTime(date$1.getFullYear(), date$1.getMonth() + 1, date$1.getDate(), date$1.getHours(), date$1.getMinutes(), date$1.getSeconds());
 };
@@ -745,6 +826,7 @@ var nativeDateToTimeValue = function nativeDateToTimeValue(date$1, noDateOnlyTim
  * @returns {Date} et Date-objekt med verdier fra time
  */
 // This function uses a lot of @ts-expect-error to make it work with all TimeValue types. Sorry ...
+
 var timeValueToNativeDate = function timeValueToNativeDate(time, timeZoneForCalendarDateTime) {
   // @ts-expect-error .day does not exist on Time-object
   if (!time.day) {
@@ -754,22 +836,20 @@ var timeValueToNativeDate = function timeValueToNativeDate(time, timeZoneForCale
     date.setMinutes(time.minute);
     date.setSeconds(time.second);
     return date;
-  }
-  // @ts-expect-error .timeZone does not exist in type Time and CalendarDateTime
+  } // @ts-expect-error .timeZone does not exist in type Time and CalendarDateTime
+
+
   if (!time.timeZone) {
     // type is CalendarDateTime
-    if (timeZoneForCalendarDateTime)
-      // @ts-expect-error .toDate(timeZone) does not exist in type Time
+    if (timeZoneForCalendarDateTime) // @ts-expect-error .toDate(timeZone) does not exist in type Time
       return time.toDate(timeZoneForCalendarDateTime);
-    return new Date(
-    // @ts-expect-error not in type Time
-    time.year,
-    // @ts-expect-error not in type Time
-    time.month - 1,
-    // @ts-expect-error not in type Time
+    return new Date( // @ts-expect-error not in type Time
+    time.year, // @ts-expect-error not in type Time
+    time.month - 1, // @ts-expect-error not in type Time
     time.day, time.hour, time.minute, time.second);
-  }
-  // @ts-expect-error .toDate() does not exist in type Time or CalendarDateTime
+  } // @ts-expect-error .toDate() does not exist in type Time or CalendarDateTime
+
+
   return time.toDate();
 };