@entur/datepicker 8.0.12 → 8.0.13

package/dist/datepicker.cjs.development.js

@@ -21,12 +21,6 @@ var FocusLock = require('react-focus-lock');
 var tokens = require('@entur/tokens');
 var modal = require('@entur/modal');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-var FocusLock__default = /*#__PURE__*/_interopDefaultLegacy(FocusLock);
-
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -69,9 +63,9 @@ var FieldSegment = function FieldSegment(_ref) {
     if (segment.text.match(/\d+/)) return segment.text.padStart(2, '0');
     return segment.text;
   };
-  return React__default["default"].createElement("div", _extends({}, segmentProps, {
+  return React.createElement("div", _extends({}, segmentProps, {
     ref: ref,
-    className: classNames__default["default"]('eds-date-and-time-field__segment', {
+    className: classNames('eds-date-and-time-field__segment', {
       'eds-date-and-time-field__segment--placeholder': segment.isPlaceholder,
       'eds-date-and-time-field__segment--dot-separator': segment.text === '.'
     }),
@@ -88,13 +82,13 @@ var nativeDateToDateTime = function nativeDateToDateTime(date$1, timeZone, offse
   }
   return new date.CalendarDateTime(date$1.getFullYear(), date$1.getMonth() + 1, date$1.getDate(), date$1.getHours(), date$1.getMinutes(), date$1.getSeconds());
 };
-/**
- * Tar inn et JS Date-objekt og returnerer et av DateValue-objektene fra @internationalized/date-pakken
- * @param {Date} date JS Date-objekt som ønskes konvertert til et DateValue-objekt
- * @param {boolean} noTimeOnlyDate Hvis tidspunktet er irrelevant kan denne settes til true, da får man et CalendarDate-objekt uten tidspunkt tilbake
- * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset
- * @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 {CalendarDateTime | ZonedDateTime | CalendarDate} et av DateValue-objektene med verdier fra date
+/**
+ * Tar inn et JS Date-objekt og returnerer et av DateValue-objektene fra @internationalized/date-pakken
+ * @param {Date} date JS Date-objekt som ønskes konvertert til et DateValue-objekt
+ * @param {boolean} noTimeOnlyDate Hvis tidspunktet er irrelevant kan denne settes til true, da får man et CalendarDate-objekt uten tidspunkt tilbake
+ * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset
+ * @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 {CalendarDateTime | ZonedDateTime | CalendarDate} et av DateValue-objektene med verdier fra date
  */
 var nativeDateToDateValue = function nativeDateToDateValue(date$1, noTimeOnlyDate, timeZone, offset) {
   if (noTimeOnlyDate === void 0) {
@@ -103,13 +97,13 @@ var nativeDateToDateValue = function nativeDateToDateValue(date$1, noTimeOnlyDat
   if (noTimeOnlyDate) return new date.CalendarDate(date$1.getFullYear(), date$1.getMonth() + 1, date$1.getDate());
   return nativeDateToDateTime(date$1, timeZone, offset);
 };
-/**
- * Tar inn et JS Date-objekt og returnerer et av TimeValue-objektene fra @internationalized/date-pakken
- * @param {Date} date JS Date-objekt som ønskes konvertert til et TimeValue-objekt
- * @param {boolean} noDateOnlyTime Hvis datoen er irrelevant kan denne settes til true, da får man et Time-objekt uten dato tilbake
- * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset
- * @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
+/**
+ * Tar inn et JS Date-objekt og returnerer et av TimeValue-objektene fra @internationalized/date-pakken
+ * @param {Date} date JS Date-objekt som ønskes konvertert til et TimeValue-objekt
+ * @param {boolean} noDateOnlyTime Hvis datoen er irrelevant kan denne settes til true, da får man et Time-objekt uten dato tilbake
+ * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset
+ * @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) {
@@ -118,11 +112,11 @@ var nativeDateToTimeValue = function nativeDateToTimeValue(date$1, noDateOnlyTim
   if (noDateOnlyTime) return new date.Time(date$1.getHours(), date$1.getMinutes(), date$1.getSeconds(), 0);
   return nativeDateToDateTime(date$1, timeZone, offset);
 };
-/**
- * Tar inn et av Date- eller TimeValue-objektene fra @internationalized/date-pakken og returnerer et JS Date-objekt
- * @param {DateValue | TimeValue} value En dato eller et tidspunkt på Date- eller TimeValue-formatet som ønskes konvertert til et JS Date-objekt
- * @param {string} timeZoneForCalendarDateTime Tidssonen value er i. Fungerer kun med typen er CalendarDateTime
- * @returns {Date} et Date-objekt med verdier fra time
+/**
+ * Tar inn et av Date- eller TimeValue-objektene fra @internationalized/date-pakken og returnerer et JS Date-objekt
+ * @param {DateValue | TimeValue} value En dato eller et tidspunkt på Date- eller TimeValue-formatet som ønskes konvertert til et JS Date-objekt
+ * @param {string} timeZoneForCalendarDateTime Tidssonen value er i. Fungerer kun med typen er CalendarDateTime
+ * @returns {Date} et Date-objekt med verdier fra time
  */
 // This function uses a lot of @ts-expect-error to make it work with all Date- and TimeValue types. Sorry ...
 var timeOrDateValueToNativeDate = function timeOrDateValueToNativeDate(value, timeZoneForCalendarDateTime) {
@@ -184,7 +178,7 @@ var ariaLabelIfNorwegian = function ariaLabelIfNorwegian(norwegianAriaLabel, loc
 };
 
 var _excluded$8 = ["selectedDate", "label", "locale", "showTimeZone", "showTime", "granularity", "disabled", "variant", "feedback", "validationVariant", "validationFeedback", "labelTooltip", "minDate", "maxDate", "style", "className", "labelProps", "append"];
-var DateField = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+var DateField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var value = _ref.selectedDate,
     label = _ref.label,
     customLocale = _ref.locale,
@@ -226,16 +220,16 @@ var DateField = /*#__PURE__*/React__default["default"].forwardRef(function (_ref
     labelProps = _useDateField.labelProps,
     fieldProps = _useDateField.fieldProps;
   var id = utils.useRandomId('datefield');
-  return React__default["default"].createElement(utils.ConditionalWrapper, {
+  return React.createElement(utils.ConditionalWrapper, {
     condition: customLocale !== undefined,
     wrapper: function wrapper(child) {
-      return React__default["default"].createElement(i18n.I18nProvider, {
+      return React.createElement(i18n.I18nProvider, {
         locale: customLocale
       }, child);
     }
-  }, React__default["default"].createElement(form.BaseFormControl, _extends({
+  }, React.createElement(form.BaseFormControl, _extends({
     style: style,
-    className: classNames__default["default"]('eds-datefield', className),
+    className: classNames('eds-datefield', className),
     labelId: id,
     ref: utils.mergeRefs(dateFieldRef, ref),
     disabled: state.isDisabled,
@@ -249,7 +243,7 @@ var DateField = /*#__PURE__*/React__default["default"].forwardRef(function (_ref
     append: append,
     ariaAlertOnFeedback: true
   }), state.segments.map(function (segment, i) {
-    return React__default["default"].createElement(FieldSegment, {
+    return React.createElement(FieldSegment, {
       segment: segment,
       state: state,
       key: i
@@ -266,7 +260,7 @@ var CalendarButton = function CalendarButton(_ref) {
   var ref = React.useRef(null);
   var _useButton = button.useButton(props, ref),
     buttonProps = _useButton.buttonProps;
-  return React__default["default"].createElement(button$1.IconButton, _extends({}, buttonProps, {
+  return React.createElement(button$1.IconButton, _extends({}, buttonProps, {
     ref: ref,
     className: className,
     style: style
@@ -294,12 +288,12 @@ var CalendarCell = function CalendarCell(_ref) {
     isDisabled = _useCalendarCell.isDisabled,
     isUnavailable = _useCalendarCell.isUnavailable,
     formattedDate = _useCalendarCell.formattedDate;
-  return React__default["default"].createElement("td", _extends({}, cellProps, {
+  return React.createElement("td", _extends({}, cellProps, {
     className: "eds-datepicker__calendar__grid__cell__td"
-  }), React__default["default"].createElement("div", _extends({}, buttonProps, {
+  }), React.createElement("div", _extends({}, buttonProps, {
     ref: cellRef,
     hidden: isOutsideVisibleRange,
-    className: classNames__default["default"]('eds-datepicker__calendar__grid__cell', {
+    className: classNames('eds-datepicker__calendar__grid__cell', {
       'eds-datepicker__calendar__grid__cell--selected': isSelected,
       'eds-datepicker__calendar__grid__cell--disabled': isDisabled || isUnavailable,
       'eds-datepicker__calendar__grid__cell--outside-month': isOutsideVisibleRange,
@@ -350,34 +344,34 @@ var CalendarGrid = function CalendarGrid(_ref) {
     if (locale.toLowerCase().includes('en')) return 'Use the arrow keys to navigate between dates';
     return 'Bruk piltastene til å navigere mellom datoer';
   };
-  return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("table", _extends({}, gridProps, {
+  return React.createElement(React.Fragment, null, React.createElement("table", _extends({}, gridProps, {
     cellSpacing: "0",
     className: "eds-datepicker__calendar__grid"
-  }), React__default["default"].createElement("thead", _extends({}, headerProps), React__default["default"].createElement("tr", null, weekDaysMapped().map(function (day, index) {
-    return React__default["default"].createElement("th", {
+  }), React.createElement("thead", _extends({}, headerProps), React.createElement("tr", null, weekDaysMapped().map(function (day, index) {
+    return React.createElement("th", {
       key: index
     }, day);
-  }))), React__default["default"].createElement("tbody", null, weeksArray.map(function (weekIndex) {
-    return React__default["default"].createElement("tr", {
+  }))), React.createElement("tbody", null, weeksArray.map(function (weekIndex) {
+    return React.createElement("tr", {
       key: weekIndex
     }, state.getDatesInWeek(weekIndex).map(function (date, i) {
-      return date ? React__default["default"].createElement(CalendarCell, {
+      return date ? React.createElement(CalendarCell, {
         key: i,
         state: state,
         date: date,
         "aria-describedby": calendarGridId + 'description',
         onSelectedCellClick: onSelectedCellClick
-      }) : React__default["default"].createElement("td", {
+      }) : React.createElement("td", {
         key: i
       });
     }));
-  }))), React__default["default"].createElement(a11y.VisuallyHidden, {
+  }))), React.createElement(a11y.VisuallyHidden, {
     id: calendarGridId + 'description'
   }, getNavigationDescription()));
 };
 
 var _excluded$4 = ["selectedDate", "onChange", "locale", "style", "children", "navigationDescription", "onSelectedCellClick"];
-var Calendar = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+var Calendar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var onChange = _ref.onChange,
     customLocale = _ref.locale,
     style = _ref.style,
@@ -399,28 +393,28 @@ var Calendar = /*#__PURE__*/React__default["default"].forwardRef(function (_ref,
     prevButtonProps = _useCalendar.prevButtonProps,
     nextButtonProps = _useCalendar.nextButtonProps,
     title = _useCalendar.title;
-  return React__default["default"].createElement(utils.ConditionalWrapper, {
+  return React.createElement(utils.ConditionalWrapper, {
     condition: customLocale,
     wrapper: function wrapper(child) {
-      return React__default["default"].createElement(i18n.I18nProvider, {
+      return React.createElement(i18n.I18nProvider, {
         locale: customLocale
       }, child);
     }
-  }, React__default["default"].createElement("div", _extends({}, calendarProps, {
+  }, React.createElement("div", _extends({}, calendarProps, {
     ref: ref,
     className: "eds-datepicker__calendar",
     style: style
-  }), React__default["default"].createElement("div", {
+  }), React.createElement("div", {
     className: "eds-datepicker__calendar__header"
-  }, React__default["default"].createElement(CalendarButton, _extends({}, prevButtonProps, {
+  }, React.createElement(CalendarButton, _extends({}, prevButtonProps, {
     "aria-label": ariaLabelIfNorwegian('Forrige måned', locale, prevButtonProps)
-  }), React__default["default"].createElement(icons.LeftArrowIcon, {
+  }), React.createElement(icons.LeftArrowIcon, {
     size: 20
-  })), React__default["default"].createElement("h2", null, title), React__default["default"].createElement(CalendarButton, _extends({}, nextButtonProps, {
+  })), React.createElement("h2", null, title), React.createElement(CalendarButton, _extends({}, nextButtonProps, {
     "aria-label": ariaLabelIfNorwegian('Neste måned', locale, nextButtonProps)
-  }), React__default["default"].createElement(icons.RightArrowIcon, {
+  }), React.createElement(icons.RightArrowIcon, {
     size: 20
-  }))), React__default["default"].createElement(CalendarGrid, {
+  }))), React.createElement(CalendarGrid, {
     state: state,
     navigationDescription: navigationDescription,
     onSelectedCellClick: onSelectedCellClick
@@ -509,7 +503,7 @@ var DatePicker = function DatePicker(_ref) {
     granularity: showTime ? 'minute' : rest.granularity
   });
   var useModal = typeof width !== 'undefined' && width <= CALENDAR_MODAL_MAX_SCREEN_WIDTH && !disableModal;
-  var popoverCalendar = React__default["default"].createElement("div", {
+  var popoverCalendar = React.createElement("div", {
     // styling for floating-UI popover
     style: {
       position: strategy,
@@ -520,13 +514,13 @@ var DatePicker = function DatePicker(_ref) {
     ref: function ref(node) {
       floating(node);
     }
-  }, React__default["default"].createElement(FocusLock__default["default"], {
+  }, React.createElement(FocusLock, {
     disabled: !state.isOpen || useModal,
     returnFocus: true
-  }, state.isOpen && React__default["default"].createElement(Calendar, _extends({}, calendarSharedProps, {
+  }, state.isOpen && React.createElement(Calendar, _extends({}, calendarSharedProps, {
     ref: calendarRef
   }))));
-  var modalCalendar = React__default["default"].createElement(modal.Modal, {
+  var modalCalendar = React.createElement(modal.Modal, {
     size: "small",
     title: "",
     open: state.isOpen,
@@ -535,24 +529,24 @@ var DatePicker = function DatePicker(_ref) {
     },
     closeOnClickOutside: true,
     className: "eds-datepicker__calendar-modal"
-  }, React__default["default"].createElement(Calendar, _extends({}, calendarSharedProps)));
-  return React__default["default"].createElement(utils.ConditionalWrapper, {
+  }, React.createElement(Calendar, _extends({}, calendarSharedProps)));
+  return React.createElement(utils.ConditionalWrapper, {
     condition: locale !== undefined,
     wrapper: function wrapper(child) {
-      return React__default["default"].createElement(i18n.I18nProvider, {
+      return React.createElement(i18n.I18nProvider, {
         locale: locale
       }, child);
     }
-  }, React__default["default"].createElement("div", {
-    className: classNames__default["default"]('eds-datepicker', className)
-  }, React__default["default"].createElement("div", _extends({}, groupProps, {
+  }, React.createElement("div", {
+    className: classNames('eds-datepicker', className)
+  }, React.createElement("div", _extends({}, groupProps, {
     ref: function ref(node) {
       datePickerRef.current = node;
       reference(node);
     },
     id: undefined,
     className: "eds-datepicker__datefield__wrapper"
-  }), React__default["default"].createElement(DateField, _extends({}, fieldProps, {
+  }), React.createElement(DateField, _extends({}, fieldProps, {
     selectedDate: state.value,
     label: rest.label,
     labelProps: labelProps,
@@ -564,20 +558,20 @@ var DatePicker = function DatePicker(_ref) {
     validationVariant: validationVariant,
     validationFeedback: validationFeedback,
     labelTooltip: labelTooltip,
-    className: classNames__default["default"]('eds-datepicker__datefield', {
+    className: classNames('eds-datepicker__datefield', {
       'eds-datepicker__datefield--disabled': fieldProps.isDisabled
     })
-  })), !fieldProps.isDisabled && React__default["default"].createElement(CalendarButton, _extends({}, buttonProps, {
+  })), !fieldProps.isDisabled && React.createElement(CalendarButton, _extends({}, buttonProps, {
     onPress: function onPress() {
       return state.setOpen(!state.isOpen);
     },
     className: "eds-datepicker__open-calendar-button"
-  }), React__default["default"].createElement(icons.CalendarIcon, null)), useModal ? modalCalendar : popoverCalendar)));
+  }), React.createElement(icons.CalendarIcon, null)), useModal ? modalCalendar : popoverCalendar)));
 };
 
 var _excluded$2 = ["className", "style", "label", "onChange", "feedback", "variant", "disableLabelAnimation", "prepend"],
   _excluded2$1 = ["onChange", "variant", "value"];
-var NativeDatePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+var NativeDatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     style = _ref.style,
     label = _ref.label,
@@ -586,12 +580,12 @@ var NativeDatePicker = /*#__PURE__*/React__default["default"].forwardRef(functio
     variant = _ref.variant,
     disableLabelAnimation = _ref.disableLabelAnimation,
     _ref$prepend = _ref.prepend,
-    prepend = _ref$prepend === void 0 ? React__default["default"].createElement(icons.DateIcon, {
+    prepend = _ref$prepend === void 0 ? React.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, {
+  return React.createElement(form.BaseFormControl, {
     style: style,
     className: className,
     prepend: prepend,
@@ -601,14 +595,14 @@ var NativeDatePicker = /*#__PURE__*/React__default["default"].forwardRef(functio
     labelId: nativedatepickerId,
     disableLabelAnimation: disableLabelAnimation,
     isFilled: true
-  }, React__default["default"].createElement(NativeDatePickerBase, _extends({
+  }, React.createElement(NativeDatePickerBase, _extends({
     onChange: onChange,
     "aria-labelledby": nativedatepickerId,
     ref: ref,
     variant: variant
   }, rest)));
 });
-var NativeDatePickerBase = /*#__PURE__*/React__default["default"].forwardRef(function (_ref2, ref) {
+var NativeDatePickerBase = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   var onChange = _ref2.onChange,
     variant = _ref2.variant,
     value = _ref2.value,
@@ -621,7 +615,7 @@ var NativeDatePickerBase = /*#__PURE__*/React__default["default"].forwardRef(fun
   utils.useOnMount(function () {
     setFiller && !isDatepickerFilled && setFiller(true);
   });
-  React__default["default"].useEffect(function () {
+  React.useEffect(function () {
     if (value) {
       setFiller && !isDatepickerFilled && setFiller(true);
     } else {
@@ -638,7 +632,7 @@ var NativeDatePickerBase = /*#__PURE__*/React__default["default"].forwardRef(fun
       onChange(event);
     }
   };
-  return React__default["default"].createElement("input", _extends({
+  return React.createElement("input", _extends({
     ref: ref,
     "aria-invalid": currentVariant === 'error',
     type: "date",
@@ -653,8 +647,8 @@ var TimePickerArrowButton = function TimePickerArrowButton(_ref) {
     onClick = _ref.onClick,
     disabled = _ref.disabled,
     ariaLabel = _ref['aria-label'];
-  return React__default["default"].createElement(button$1.IconButton, {
-    className: classNames__default["default"]('eds-timepicker__arrowbutton', "eds-timepicker__arrowbutton--" + direction, {
+  return React.createElement(button$1.IconButton, {
+    className: classNames('eds-timepicker__arrowbutton', "eds-timepicker__arrowbutton--" + direction, {
       'eds-timepicker__arrowbutton--disabled': disabled
     }),
     type: "button",
@@ -662,7 +656,7 @@ var TimePickerArrowButton = function TimePickerArrowButton(_ref) {
     onClick: onClick,
     "aria-label": ariaLabel,
     disabled: disabled
-  }, direction === 'left' ? React__default["default"].createElement(icons.LeftArrowIcon, null) : React__default["default"].createElement(icons.RightArrowIcon, null));
+  }, direction === 'left' ? React.createElement(icons.LeftArrowIcon, null) : React.createElement(icons.RightArrowIcon, null));
 };
 
 var _excluded$1 = ["selectedTime", "onChange", "disabled", "className", "style", "label", "labelTooltip", "feedback", "variant", "locale", "showTimeZone", "minuteIncrementForArrowButtons", "leftArrowButtonAriaLabel", "rightArrowButtonAriaLabel", "inputRef"];
@@ -732,18 +726,18 @@ var TimePicker = function TimePicker(_ref) {
       minutes: minutes
     }));
   };
-  return React__default["default"].createElement(i18n.I18nProvider, {
+  return React.createElement(i18n.I18nProvider, {
     locale: locale
-  }, React__default["default"].createElement("div", {
-    className: classNames__default["default"](className, 'eds-timepicker__wrapper')
-  }, React__default["default"].createElement(TimePickerArrowButton, {
+  }, React.createElement("div", {
+    className: classNames(className, 'eds-timepicker__wrapper')
+  }, React.createElement(TimePickerArrowButton, {
     direction: "left",
     disabled: disabled,
     "aria-label": leftArrowButtonAriaLabel,
     onClick: function onClick() {
       return handleOnClickArrowButton(minuteIncrementForArrowButtons * -1);
     }
-  }), React__default["default"].createElement(form.BaseFormControl, _extends({
+  }), React.createElement(form.BaseFormControl, _extends({
     style: style,
     className: 'eds-timepicker',
     labelId: id,
@@ -757,12 +751,12 @@ var TimePicker = function TimePicker(_ref) {
     variant: variant,
     feedback: feedback
   }), state.segments.map(function (segment, i) {
-    return React__default["default"].createElement(FieldSegment, {
+    return React.createElement(FieldSegment, {
       segment: segment,
       state: state,
       key: i
     });
-  })), React__default["default"].createElement(TimePickerArrowButton, {
+  })), React.createElement(TimePickerArrowButton, {
     direction: "right",
     disabled: disabled,
     "aria-label": rightArrowButtonAriaLabel,
@@ -774,7 +768,7 @@ var TimePicker = function TimePicker(_ref) {
 
 var _excluded = ["className", "style", "onChange", "label", "feedback", "variant", "prepend"],
   _excluded2 = ["onChange", "value"];
-var NativeTimePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+var NativeTimePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     style = _ref.style,
     onChange = _ref.onChange,
@@ -784,22 +778,22 @@ var NativeTimePicker = /*#__PURE__*/React__default["default"].forwardRef(functio
     prepend = _ref.prepend,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var nativetimepickerId = utils.useRandomId('eds-native-timepicker');
-  return React__default["default"].createElement(form.BaseFormControl, {
+  return React.createElement(form.BaseFormControl, {
     style: style,
-    className: classNames__default["default"](className, 'eds-native-timepicker'),
+    className: classNames(className, 'eds-native-timepicker'),
     prepend: prepend,
     label: label,
     feedback: feedback,
     variant: variant,
     labelId: nativetimepickerId,
     disableLabelAnimation: true
-  }, React__default["default"].createElement(NativeTimePickerBase, _extends({
+  }, React.createElement(NativeTimePickerBase, _extends({
     onChange: onChange,
     "aria-labelledby": nativetimepickerId,
     ref: ref
   }, rest)));
 });
-var NativeTimePickerBase = /*#__PURE__*/React__default["default"].forwardRef(function (_ref2, ref) {
+var NativeTimePickerBase = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   var onChange = _ref2.onChange,
     value = _ref2.value,
     rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
@@ -811,7 +805,7 @@ var NativeTimePickerBase = /*#__PURE__*/React__default["default"].forwardRef(fun
   utils.useOnMount(function () {
     setFiller && !isTimepickerFilled && setFiller(true);
   });
-  React__default["default"].useEffect(function () {
+  React.useEffect(function () {
     if (value) {
       setFiller && !isTimepickerFilled && setFiller(true);
     } else {
@@ -828,7 +822,7 @@ var NativeTimePickerBase = /*#__PURE__*/React__default["default"].forwardRef(fun
       onChange(event);
     }
   };
-  return React__default["default"].createElement("input", _extends({
+  return React.createElement("input", _extends({
     ref: ref,
     "aria-invalid": currentVariant === 'error',
     type: "time",