@entur/datepicker 3.0.7 → 3.0.8

package/dist/datepicker.cjs.development.js

@@ -29,46 +29,39 @@ 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"
@@ -90,7 +83,6 @@ 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, {
@@ -102,79 +94,68 @@ 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,
@@ -205,95 +186,85 @@ 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();
@@ -302,23 +273,18 @@ 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;
@@ -330,7 +296,6 @@ 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);
@@ -339,7 +304,6 @@ var DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_re
       setShowValidation(true);
     }
   };
-
   var getFeedbackAndVariant = function getFeedbackAndVariant() {
     if (feedback) return {
       feedback: feedback,
@@ -354,42 +318,32 @@ 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
@@ -399,13 +353,10 @@ 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,
@@ -440,12 +391,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,
@@ -486,21 +437,20 @@ 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,
@@ -521,17 +471,14 @@ 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);
   });
@@ -542,19 +489,16 @@ 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',
@@ -567,23 +511,19 @@ 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', {
@@ -594,9 +534,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
@@ -612,27 +552,25 @@ 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,
@@ -643,15 +581,12 @@ 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();
@@ -659,11 +594,9 @@ 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;
@@ -672,15 +605,12 @@ 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", {
@@ -722,17 +652,16 @@ 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,
@@ -751,16 +680,13 @@ 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);
   });
@@ -771,19 +697,16 @@ 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',
@@ -802,20 +725,16 @@ 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());
 };
@@ -826,7 +745,6 @@ 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) {
@@ -836,20 +754,22 @@ 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();
 };