@entur/datepicker 0.11.3 → 0.11.6

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.11.6](https://bitbucket.org/enturas/design-system/compare/@entur/datepicker@0.11.5...@entur/datepicker@0.11.6) (2022-03-24)
+
+### Bug Fixes
+
+- **datepicker:** manual input should respect validation with regards to minDate and maxDate ([cb2eecd](https://bitbucket.org/enturas/design-system/commits/cb2eecd71a962494a0414ce68a544d03bbccfbca))
+
+## [0.11.5](https://bitbucket.org/enturas/design-system/compare/@entur/datepicker@0.11.4...@entur/datepicker@0.11.5) (2022-03-17)
+
+### Bug Fixes
+
+- **datepicker:** fix visuals not updating when changing selectedDate prop ([c6882ad](https://bitbucket.org/enturas/design-system/commits/c6882ad4629282797faf16f597e26c18284440af))
+
+## [0.11.4](https://bitbucket.org/enturas/design-system/compare/@entur/datepicker@0.11.3...@entur/datepicker@0.11.4) (2022-03-14)
+
+**Note:** Version bump only for package @entur/datepicker
+
 ## [0.11.3](https://bitbucket.org/enturas/design-system/compare/@entur/datepicker@0.11.2...@entur/datepicker@0.11.3) (2022-03-08)
 
 ### Bug Fixes

package/dist/DatePicker.d.ts

@@ -6,7 +6,7 @@ export declare type DatePickerProps = {
     /** Hva som er den valgte datoen */
     selectedDate?: Date;
     /** Kalles når datoen/tiden endres */
-    onChange: (date: Date | null, event: React.SyntheticEvent<any, Event>) => void;
+    onChange: (date: Date | null, event: React.SyntheticEvent<any, Event> | undefined) => void;
     /**
      * Kalles når innholdet i inputfeltet endres
      */
@@ -56,12 +56,12 @@ export declare type DatePickerProps = {
      */
     hideCalendar?: boolean;
     'data-cy'?: any;
-} & Omit<ReactDatePickerProps, 'selected' | 'customInput' | 'onChangeRaw'>;
+} & Omit<ReactDatePickerProps, 'selected' | 'customInput' | 'onChangeRaw' | 'onChange'>;
 export declare const DatePicker: React.ForwardRefExoticComponent<{
     /** Hva som er den valgte datoen */
     selectedDate?: Date | undefined;
     /** Kalles når datoen/tiden endres */
-    onChange: (date: Date | null, event: React.SyntheticEvent<any, Event>) => void;
+    onChange: (date: Date | null, event: React.SyntheticEvent<any, Event> | undefined) => void;
     /**
      * Kalles når innholdet i inputfeltet endres
      */
@@ -111,4 +111,4 @@ export declare const DatePicker: React.ForwardRefExoticComponent<{
      */
     hideCalendar?: boolean | undefined;
     'data-cy'?: any;
-} & Omit<ReactDatePickerProps<never>, "selected" | "customInput" | "onChangeRaw"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<ReactDatePickerProps<never>, "selected" | "customInput" | "onChangeRaw" | "onChange"> & React.RefAttributes<HTMLInputElement>>;

package/dist/datepicker.cjs.development.js

@@ -108,74 +108,66 @@ var DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_re
   var datepickerId = utils.useRandomId('eds-datepicker');
 
   var _useInputGroupContext = form.useInputGroupContext(),
-      isDatepickerFilled = _useInputGroupContext.isFilled,
-      setFiller = _useInputGroupContext.setFilled;
+      isFilled = _useInputGroupContext.isFilled,
+      setFilled = _useInputGroupContext.setFilled;
 
-  utils.useOnMount(function () {
-    if (selectedDate) {
-      setFiller && !isDatepickerFilled && setFiller(true);
-      handleChange(selectedDate, undefined);
-    }
-  });
   React__default["default"].useEffect(function () {
-    if (selectedDate) {
-      setFiller && !isDatepickerFilled && setFiller(true);
-    } else {
-      setFiller && isDatepickerFilled && setFiller(false);
-    }
-  }, [selectedDate, setFiller, isDatepickerFilled]);
+    setFilled(!!selectedDate);
+    handleChange(selectedDate, undefined);
+  }, [selectedDate, setFilled, isFilled]);
 
   var handleChange = function handleChange(date, event) {
-    if (date) {
-      setFiller && !isDatepickerFilled && setFiller(true);
-    } else {
-      setFiller && isDatepickerFilled && setFiller(false);
-    }
+    // The return value from reactDatePicker can potentially be a range of dates, this however is not supported.
+    // To circumvent this we create simply pick the first selected value in that case.
+    var newDate = [date].flat()[0];
+    setFilled(!!newDate);
+    var dateString = newDate == null ? void 0 : newDate.toLocaleDateString('no-NO', {
+      day: '2-digit',
+      month: '2-digit',
+      year: 'numeric'
+    });
+    setCurrentValue(dateString != null ? dateString : '');
+    setLastValidValue(dateString != null ? dateString : '');
 
     if (onChange) {
-      onChange(date, event);
-      var dateString = date == null ? void 0 : date.toLocaleDateString('no-NO', {
-        day: '2-digit',
-        month: '2-digit',
-        year: 'numeric'
-      });
-      setCurrentValue(dateString != null ? dateString : '');
-      setLastValidValue(dateString != null ? dateString : '');
+      onChange(newDate, event);
     }
   };
 
   var handleChangeRaw = function handleChangeRaw(event) {
     setShowValidationFeedback(false);
-    setCurrentValue(event.target.value);
-    if (onChangeInput) onChangeInput(event.target.value);
+    var inputValue = event.target.value;
+    setCurrentValue(inputValue);
+    if (onChangeInput) onChangeInput(inputValue);
   };
 
   var handleBlur = function handleBlur(event) {
-    if (showValidationFeedback) {
-      setShowValidationFeedback(false);
-    } else {
-      var inputValue = event.target.value;
-      if (inputValue) validateInput(inputValue);
-    }
+    validateInput(event.target.value);
   };
 
   var handleKeyDownInput = function handleKeyDownInput(event) {
-    if (event.key === 'Enter') validateInput(currentValue);
+    if (event.key === 'Enter') {
+      validateInput(event.currentTarget.value);
+    }
   };
 
   var validateInput = function validateInput(inputValue) {
+    setShowValidationFeedback(false);
+
+    if (!inputValue) {
+      return;
+    }
+
     var parsedDate = dateFns.parse(inputValue, 'dd.MM.yyyy', new Date(), {
       locale: locale.nb
     });
-    var yearIsFourCharacters = currentValue.slice(currentValue.lastIndexOf('.') + 1).length === 4;
-    var isValidDate = dateFns.isValid(parsedDate) && yearIsFourCharacters;
+    var selectedDateIsTheSameAsParsedDateFromInput = selectedDate && dateFns.isSameDay(parsedDate, selectedDate);
 
-    if (!isValidDate) {
+    if (selectedDateIsTheSameAsParsedDateFromInput) {
+      setLastValidValue(currentValue);
+    } else {
       setShowValidationFeedback(true);
       setCurrentValue(lastValidValue);
-    } else {
-      setShowValidationFeedback(false);
-      setLastValidValue(currentValue);
     }
   };
 
@@ -289,7 +281,7 @@ var DatePickerInput = /*#__PURE__*/React__default["default"].forwardRef(function
     variant: variant,
     disabled: disabled,
     disableLabelAnimation: disableLabelAnimation,
-    isFilled: value ? true : false,
+    isFilled: !!value,
     prepend: prepend
   }, React__default["default"].createElement("input", _extends({
     value: value,

package/dist/datepicker.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.cjs.development.js","sources":["../src/DatePicker.tsx","../src/NativeDatePicker.tsx","../src/TimePicker.tsx","../src/NativeTimePicker.tsx","../src/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  default as ReactDatepicker,\n  ReactDatePickerProps,\n  registerLocale,\n} from 'react-datepicker';\nimport classNames from 'classnames';\nimport {\n  BaseFormControl,\n  useInputGroupContext,\n  VariantType,\n} from '@entur/form';\nimport { CalendarIcon } from '@entur/icons';\nimport { parse, isValid } from 'date-fns';\nimport { nb } from 'date-fns/locale';\nimport './DatePicker.scss';\nimport { Tooltip } from '@entur/tooltip';\nimport { useOnMount, useRandomId } from '@entur/utils';\nimport * as Popper from '@popperjs/core';\n\nregisterLocale('nb', nb);\n\nexport type DatePickerProps = {\n  /** Hva som er den valgte datoen */\n  selectedDate?: Date;\n  /** Kalles når datoen/tiden endres */\n  onChange: (\n    date: Date | null,\n    event: React.SyntheticEvent<any, Event>,\n  ) => void;\n  /**\n   * Kalles når innholdet i inputfeltet endres\n   */\n  onChangeInput?: (value: string) => void;\n  /** Placeholder om ingen dato er valgt\n   * @default \"dd.mm.yyyy\"\n   */\n  placeholder?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over DatePicker */\n  label: string;\n  /**\n   * Varselmelding, som vil komme under DatePicker\n   */\n  feedback?: string;\n  /** Valideringsvariant\n   */\n  variant?: VariantType;\n  /** Varselmelding for når datoen er på feil format\n   * @default \"Ugyldig dato\"\n   */\n  validationFeedback?: string;\n  /** Valideringsvariant for melding om feil datoformat\n   * @default \"error\"\n   */\n  validationVariant?: VariantType;\n  style?: React.CSSProperties;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Tekst eller ikon som kommer før inputfelter\n   * @default <DateIcon />\n   */\n  prepend?: React.ReactNode;\n  /** Skjuler knapp for åpning av kalender\n   * @default false\n   */\n  hideCalendarButton?: boolean;\n  /** Skjuler tilbakemeldingsteksten ved feil dato-input\n   * @default false\n   */\n  hideValidationFeedback?: boolean;\n  /** Skjuler kalender-GUI-et\n   * @default false\n   */\n  hideCalendar?: boolean;\n  // For testing\n  'data-cy'?: any;\n} & Omit<ReactDatePickerProps, 'selected' | 'customInput' | 'onChangeRaw'>;\nconst POPPER_MODIFIERS: Popper.StrictModifiers[] = [\n  {\n    name: 'offset',\n    enabled: true,\n    options: {\n      offset: [0, 0],\n    },\n  },\n];\n\nexport const DatePicker = React.forwardRef<HTMLInputElement, DatePickerProps>(\n  (\n    {\n      selectedDate = null,\n      onChange,\n      onChangeInput,\n      placeholder = 'dd.mm.yyyy',\n      className,\n      style,\n      readOnly,\n      disableLabelAnimation = false,\n      locale = 'nb',\n      prepend,\n      disabled,\n      variant,\n      validationVariant = 'error',\n      feedback,\n      validationFeedback = 'Ugyldig dato',\n      label,\n      hideCalendarButton = false,\n      hideCalendar = false,\n      hideValidationFeedback = false,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [showValidationFeedback, setShowValidationFeedback] = useState(false);\n    const [currentValue, setCurrentValue] = useState('');\n    const [lastValidValue, setLastValidValue] = useState('');\n\n    const datepickerId = useRandomId('eds-datepicker');\n    const { isFilled: isDatepickerFilled, setFilled: setFiller } =\n      useInputGroupContext();\n\n    useOnMount(() => {\n      if (selectedDate) {\n        setFiller && !isDatepickerFilled && setFiller(true);\n        handleChange(selectedDate, undefined);\n      }\n    });\n\n    React.useEffect(() => {\n      if (selectedDate) {\n        setFiller && !isDatepickerFilled && setFiller(true);\n      } else {\n        setFiller && isDatepickerFilled && setFiller(false);\n      }\n    }, [selectedDate, setFiller, isDatepickerFilled]);\n\n    const handleChange = (\n      date: any,\n      event: React.SyntheticEvent<any> | undefined,\n    ) => {\n      if (date) {\n        setFiller && !isDatepickerFilled && setFiller(true);\n      } else {\n        setFiller && isDatepickerFilled && setFiller(false);\n      }\n      if (onChange) {\n        onChange(date, event);\n        const dateString = date?.toLocaleDateString('no-NO', {\n          day: '2-digit',\n          month: '2-digit',\n          year: 'numeric',\n        });\n        setCurrentValue(dateString ?? '');\n        setLastValidValue(dateString ?? '');\n      }\n    };\n\n    const handleChangeRaw = (event: React.FocusEvent<HTMLInputElement>) => {\n      setShowValidationFeedback(false);\n      setCurrentValue(event.target.value);\n      if (onChangeInput) onChangeInput(event.target.value);\n    };\n\n    const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      if (showValidationFeedback) {\n        setShowValidationFeedback(false);\n      } else {\n        const inputValue = event.target.value;\n        if (inputValue) validateInput(inputValue);\n      }\n    };\n\n    const handleKeyDownInput = (\n      event: React.KeyboardEvent<HTMLInputElement>,\n    ) => {\n      if (event.key === 'Enter') validateInput(currentValue);\n    };\n\n    const validateInput = (inputValue: string) => {\n      const parsedDate = parse(inputValue, 'dd.MM.yyyy', new Date(), {\n        locale: nb,\n      });\n\n      const yearIsFourCharacters =\n        currentValue.slice(currentValue.lastIndexOf('.') + 1).length === 4;\n      const isValidDate = isValid(parsedDate) && yearIsFourCharacters;\n\n      if (!isValidDate) {\n        setShowValidationFeedback(true);\n        setCurrentValue(lastValidValue);\n      } else {\n        setShowValidationFeedback(false);\n        setLastValidValue(currentValue);\n      }\n    };\n\n    const displayedFeedback = (): string => {\n      if (feedback) return feedback;\n      if (!hideValidationFeedback && showValidationFeedback)\n        return validationFeedback;\n      return '';\n    };\n\n    const displayedVariant = (): string | undefined => {\n      if (feedback && variant) return variant;\n      if (!hideValidationFeedback && showValidationFeedback)\n        return validationVariant;\n      return undefined;\n    };\n\n    return (\n      <ReactDatepicker\n        className={classNames(className)}\n        calendarClassName=\"eds-datepicker__calender\"\n        selected={selectedDate}\n        onChange={handleChange}\n        showWeekNumbers={true}\n        dateFormat={['dd.MM.yyyy', 'ddMMyyyy', 'dd/MM/yyyy']}\n        showPopperArrow={false}\n        placeholderText={placeholder}\n        readOnly={readOnly}\n        id={datepickerId}\n        ariaLabelledBy={datepickerId}\n        disabled={disabled}\n        locale={locale}\n        popperModifiers={POPPER_MODIFIERS}\n        onBlur={handleBlur}\n        onChangeRaw={handleChangeRaw}\n        onCalendarOpen={() => setShowValidationFeedback(false)}\n        value={currentValue}\n        open={hideCalendar === true ? false : rest.open}\n        {...rest}\n        customInput={\n          <DatePickerInput\n            style={style}\n            readOnly={readOnly}\n            variant={displayedVariant()}\n            feedback={displayedFeedback()}\n            label={label}\n            disabled={disabled}\n            ref={ref}\n            data-cy={rest['data-cy']}\n            disableLabelAnimation={disableLabelAnimation}\n            prepend={prepend}\n            hideCalendarButton={hideCalendarButton}\n            inputId={id}\n            onKeyDownInput={handleKeyDownInput}\n            onBlurInput={handleBlur}\n            onChangeInput={onChangeInput}\n          />\n        }\n      />\n    );\n  },\n);\n\ntype DatePickerInputProps = {\n  onClick?: any;\n  value?: any;\n  disableLabelAnimation?: boolean;\n  className?: string;\n  hideCalendarButton?: boolean;\n  feedback?: string;\n  inputId?: string;\n  [key: string]: any;\n};\n// Props fra customInput i react-datepicker\n// value: inputValue,\n// onBlur: this.handleBlur,\n// onChange: this.handleChange,\n// onClick: this.onInputClick,\n// onFocus: this.handleFocus,\n// onKeyDown: this.onInputKeyDown,\n// id: this.props.id,\n// name: this.props.name,\n// autoFocus: this.props.autoFocus,\n// placeholder: this.props.placeholderText,\n// disabled: this.props.disabled,\n// autoComplete: this.props.autoComplete,\n// className: classnames(customInput.props.className, className),\n// title: this.props.title,\n// readOnly: this.props.readOnly,\n// required: this.props.required,\n// tabIndex: this.props.tabIndex,\n// \"aria-describedby\": this.props.ariaDescribedBy,\n// \"aria-invalid\": this.props.ariaInvalid,\n// \"aria-labelledby\": this.props.ariaLabelledBy,\n// \"aria-required\": this.props.ariaRequired,\n\nconst DatePickerInput = React.forwardRef<\n  HTMLInputElement,\n  DatePickerInputProps\n>(\n  (\n    {\n      value,\n      onClick,\n      // Capture onFocus prop from react-datepicker, but doesn't use it\n      // eslint-disable-next-line\n      onFocus,\n      onKeyDown,\n      variant,\n      feedback,\n      style,\n      disableLabelAnimation,\n      disabled,\n      label,\n      readOnly,\n      id,\n      prepend,\n      className,\n      hideCalendarButton,\n      inputId,\n      onChangeInput,\n      onKeyDownInput,\n      onBlurInput,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <span className={className} onBlur={onBlurInput}>\n        <BaseFormControl\n          style={style}\n          className=\"eds-datepicker__form-control\"\n          readOnly={readOnly}\n          label={label}\n          labelId={id}\n          feedback={feedback}\n          variant={variant}\n          disabled={disabled}\n          disableLabelAnimation={disableLabelAnimation}\n          isFilled={value ? true : false}\n          prepend={prepend}\n        >\n          <input\n            value={value}\n            onClick={onClick}\n            readOnly={readOnly}\n            disabled={disabled}\n            ref={ref}\n            // aria-labelledby={id}\n            className=\"eds-form-control\"\n            id={inputId}\n            onKeyDown={onKeyDownInput}\n            onChange={onChangeInput}\n            {...rest}\n          />\n          {!hideCalendarButton && (\n            <Tooltip\n              placement=\"top\"\n              content=\"Åpne kalender\"\n              disableHoverListener={disabled}\n              disableFocusListener={disabled}\n            >\n              <button\n                className={classNames('eds-datepicker__calendar-button', {\n                  'eds-datepicker__calendar-button--open': true,\n                  'eds-datepicker__calendar-button--disabled': disabled,\n                })}\n                onKeyDown={onKeyDown}\n                onClick={onClick}\n                disabled={disabled}\n                type=\"button\"\n              >\n                <CalendarIcon />\n              </button>\n            </Tooltip>\n          )}\n        </BaseFormControl>\n      </span>\n    );\n  },\n);\n","import React from 'react';\nimport {\n  BaseFormControl,\n  isFilled,\n  useInputGroupContext,\n  useVariant,\n  VariantType,\n} from '@entur/form';\nimport { DateIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nexport type NativeDatePickerProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over NativeDatePicker */\n  label: string;\n  /** Varselmelding, som vil komme under NativeDatePicker */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Tekst eller ikon som kommer før inputfelter\n   * @default <DateIcon />\n   */\n  prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeDatePicker = React.forwardRef<\n  HTMLInputElement,\n  NativeDatePickerProps\n>(\n  (\n    {\n      className,\n      style,\n      label,\n      onChange,\n      feedback,\n      variant,\n      disableLabelAnimation,\n      prepend = <DateIcon inline />,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const nativedatepickerId = useRandomId('eds-nativetimepicker');\n    return (\n      <BaseFormControl\n        style={style}\n        className={className}\n        prepend={prepend}\n        label={label}\n        feedback={feedback}\n        variant={variant}\n        labelId={nativedatepickerId}\n        disableLabelAnimation={disableLabelAnimation}\n        isFilled\n      >\n        <NativeDatePickerBase\n          onChange={onChange}\n          aria-labelledby={nativedatepickerId}\n          ref={ref}\n          variant={variant}\n          {...rest}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype NativeDatePickerBaseProps = {\n  onChange?: any;\n  variant?: VariantType;\n} & React.DetailedHTMLProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n>;\n\nconst NativeDatePickerBase = React.forwardRef<\n  HTMLInputElement,\n  NativeDatePickerBaseProps\n>(({ onChange, variant, value, ...rest }, ref) => {\n  const contextVariant = useVariant();\n  const currentVariant = variant || contextVariant;\n  const { isFilled: isDatepickerFilled, setFilled: setFiller } =\n    useInputGroupContext();\n\n  useOnMount(() => {\n    setFiller && !isDatepickerFilled && setFiller(true);\n  });\n\n  React.useEffect(() => {\n    if (value) {\n      setFiller && !isDatepickerFilled && setFiller(true);\n    } else {\n      setFiller && isDatepickerFilled && setFiller(false);\n    }\n  }, [value, setFiller, isDatepickerFilled]);\n\n  const handleChange = (event: any) => {\n    if (isFilled(event.target)) {\n      setFiller && !isDatepickerFilled && setFiller(true);\n    } else {\n      setFiller && isDatepickerFilled && setFiller(false);\n    }\n    if (onChange) {\n      onChange(event);\n    }\n  };\n  return (\n    <input\n      ref={ref}\n      aria-invalid={currentVariant === 'error'}\n      type=\"date\"\n      className=\"eds-form-control eds-native-date-picker\"\n      onChange={handleChange}\n      value={value}\n      {...rest}\n    />\n  );\n});\n","import React from 'react';\nimport {\n  default as ReactDatepicker,\n  ReactDatePickerProps,\n  registerLocale,\n} from 'react-datepicker';\nimport classNames from 'classnames';\nimport {\n  BaseFormControl,\n  useInputGroupContext,\n  VariantType,\n} from '@entur/form';\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\nimport { nb } from 'date-fns/locale';\nimport { add, sub } from 'date-fns';\nimport * as Popper from '@popperjs/core';\nimport './TimePicker.scss';\nregisterLocale('nb', nb);\n\nexport type TimePickerProps = {\n  /** Hva som er den valgte datoen */\n  selectedTime?: Date;\n  /** Kalles når datoen/tiden endres */\n  onChange: (\n    date: Date | null,\n    event: React.SyntheticEvent<any, Event>,\n  ) => void;\n  /** Placeholder om ingen dato er valgt\n   * @default \"Velg tid\"\n   */\n  placeholder?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over TimePicker */\n  label: string;\n  /** Varselmelding, som vil komme under TimePicker */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  style?: React.CSSProperties;\n  labelTooltip?: React.ReactNode;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Kalles ved klikk på pil venstre i TimePicker\n   * @default Trekker fra 30 minutter av den valgte tiden\n   */\n  onLeftArrowClick?: (selectedTime?: Date | null, e?: React.MouseEvent) => void;\n  /** Kalles ved klikk på pil høyre i TimePicker\n   * @default Legger til 30 minutter av den valgte tiden\n   */\n  onRightArrowClick?: (\n    selectedTime?: Date | null,\n    e?: React.MouseEvent,\n  ) => void;\n} & ReactDatePickerProps;\n\nexport const TimePicker = React.forwardRef<HTMLDivElement, TimePickerProps>(\n  (\n    {\n      selectedTime = null,\n      onChange,\n      placeholder = 'Velg tid',\n      disabled,\n      className,\n      style,\n      label,\n      labelTooltip,\n      feedback,\n      variant,\n      disableLabelAnimation,\n      locale = 'nb',\n      onLeftArrowClick = (selectedTime, event) =>\n        selectedTime && onChange(sub(selectedTime, { minutes: 30 }), event),\n      onRightArrowClick = (selectedTime, event) =>\n        selectedTime && onChange(add(selectedTime, { minutes: 30 }), event),\n      ...rest\n    },\n    ref,\n  ) => {\n    const timepickerId = useRandomId('eds-timepicker');\n    return (\n      <BaseFormControl\n        style={style}\n        ref={ref}\n        label={label}\n        labelId={timepickerId}\n        labelTooltip={labelTooltip}\n        variant={variant}\n        feedback={feedback}\n        disableLabelAnimation={disableLabelAnimation}\n        className=\"eds-timepicker-form-control\"\n        disabled={disabled}\n        prepend={\n          <TimePickerArrowButton\n            direction=\"left\"\n            tabIndex={-1}\n            onClick={(e: React.MouseEvent) => onLeftArrowClick(selectedTime, e)}\n            disabled={disabled}\n          />\n        }\n      >\n        <TimePickerBase\n          selectedTime={selectedTime}\n          onChange={onChange}\n          placeholder={placeholder}\n          className={className}\n          locale={locale}\n          ariaLabelledBy={timepickerId}\n          disabled={disabled}\n          {...rest}\n        />\n        <TimePickerArrowButton\n          direction=\"right\"\n          tabIndex={-1}\n          onClick={(e: React.MouseEvent) => onRightArrowClick(selectedTime, e)}\n          disabled={disabled}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype TimePickerBaseProps = {\n  /** Hva som er den valgte datoen */\n  selectedTime?: Date | null;\n  /** Kalles når datoen/tiden endres */\n  onChange: (\n    date: Date | null,\n    event: React.SyntheticEvent<any, Event>,\n  ) => void;\n  /** Placeholder om ingen dato er valgt\n   * @default \"Velg tid\"\n   */\n  placeholder?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  [key: string]: any;\n} & ReactDatePickerProps;\n\nconst POPPER_MODIFIERS: Popper.StrictModifiers[] = [\n  {\n    name: 'offset',\n    enabled: true,\n    options: {\n      offset: [0, 0],\n    },\n  },\n];\nconst TimePickerBase: React.FC<TimePickerBaseProps> = ({\n  className,\n  onChange,\n  selectedTime,\n  placeholder,\n  timeFormat = 'HH:mm',\n  dateFormat = ['HH:mm', 'HHmm'],\n  ...rest\n}) => {\n  const { isFilled: isTimepickerFilled, setFilled: setFiller } =\n    useInputGroupContext();\n\n  useOnMount(() => {\n    if (selectedTime) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    }\n  });\n\n  React.useEffect(() => {\n    if (selectedTime) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    } else {\n      setFiller && isTimepickerFilled && setFiller(false);\n    }\n  }, [selectedTime, setFiller, isTimepickerFilled]);\n\n  const handleChange = (date: any, event: any) => {\n    if (date) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    } else {\n      setFiller && isTimepickerFilled && setFiller(false);\n    }\n    if (onChange) {\n      onChange(date, event);\n    }\n  };\n  return (\n    <ReactDatepicker\n      className={classNames(\n        'eds-form-control',\n        'eds-timepicker__input',\n        className,\n      )}\n      calendarClassName=\"eds-timepicker\"\n      selected={selectedTime}\n      onChange={handleChange}\n      dateFormat={dateFormat}\n      timeFormat={timeFormat}\n      showTimeSelect\n      showTimeInput={true}\n      showTimeSelectOnly\n      showPopperArrow={false}\n      placeholderText={placeholder}\n      popperClassName=\"eds-datepicker__popper\"\n      popperModifiers={POPPER_MODIFIERS}\n      open={false}\n      {...rest}\n    />\n  );\n};\n\ntype TimePickerArrowButtonProps = {\n  direction: 'left' | 'right';\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nconst TimePickerArrowButton: React.FC<TimePickerArrowButtonProps> = ({\n  direction,\n  ...rest\n}) => {\n  return (\n    <button\n      className={classNames(\n        'eds-timepicker__arrowbutton',\n        `eds-timepicker__arrowbutton--${direction}`,\n      )}\n      type=\"button\"\n      {...rest}\n    >\n      {direction === 'left' ? <LeftArrowIcon /> : <RightArrowIcon />}\n    </button>\n  );\n};\n","import React from 'react';\nimport {\n  BaseFormControl,\n  isFilled,\n  useInputGroupContext,\n  useVariant,\n  VariantType,\n} from '@entur/form';\nimport { ClockIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nexport type NativeTimePickerProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over NativeTimePicker */\n  label: string;\n  /** Varselmelding, som vil komme under NativeTimePicker */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Tekst eller ikon som kommer før inputfelter\n   * @default <ClockIcon />\n   */\n  prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeTimePicker = React.forwardRef<\n  HTMLInputElement,\n  NativeTimePickerProps\n>(\n  (\n    {\n      className,\n      style,\n      onChange,\n      label,\n      feedback,\n      variant,\n      disableLabelAnimation,\n      prepend = <ClockIcon />,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const nativetimepickerId = useRandomId('eds-nativetimepicker');\n    return (\n      <BaseFormControl\n        style={style}\n        className={className}\n        prepend={prepend}\n        label={label}\n        feedback={feedback}\n        variant={variant}\n        labelId={nativetimepickerId}\n        disableLabelAnimation={disableLabelAnimation}\n      >\n        <NativeTimePickerBase\n          onChange={onChange}\n          aria-labelledby={nativetimepickerId}\n          ref={ref}\n          {...rest}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype NativeTimePickerBaseProps = {\n  variant?: VariantType;\n} & React.DetailedHTMLProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n>;\n\nconst NativeTimePickerBase = React.forwardRef<\n  HTMLInputElement,\n  NativeTimePickerBaseProps\n>(({ onChange, value, ...rest }, ref) => {\n  const contextVariant = useVariant();\n  const currentVariant = rest.variant || contextVariant;\n  const { isFilled: isTimepickerFilled, setFilled: setFiller } =\n    useInputGroupContext();\n\n  useOnMount(() => {\n    setFiller && !isTimepickerFilled && setFiller(true);\n  });\n\n  React.useEffect(() => {\n    if (value) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    } else {\n      setFiller && isTimepickerFilled && setFiller(false);\n    }\n  }, [value, setFiller, isTimepickerFilled]);\n\n  const handleChange = (event: any) => {\n    if (isFilled(event.target)) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    } else {\n      setFiller && isTimepickerFilled && setFiller(false);\n    }\n    if (onChange) {\n      onChange(event);\n    }\n  };\n  return (\n    <input\n      ref={ref}\n      aria-invalid={currentVariant === 'error'}\n      type=\"time\"\n      className=\"eds-form-control eds-native-date-picker\"\n      onChange={handleChange}\n      value={value}\n      {...rest}\n    />\n  );\n});\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nimport './react-datepicker.scss';\n\nwarnAboutMissingStyles('datepicker', 'form', 'icons');\n\nexport * from './DatePicker';\nexport * from './NativeDatePicker';\nexport * from './TimePicker';\nexport * from './NativeTimePicker';\n"],"names":["registerLocale","nb","POPPER_MODIFIERS","name","enabled","options","offset","DatePicker","React","forwardRef","ref","selectedDate","onChange","onChangeInput","placeholder","className","style","readOnly","disableLabelAnimation","locale","prepend","disabled","variant","validationVariant","feedback","validationFeedback","label","hideCalendarButton","hideCalendar","hideValidationFeedback","id","rest","useState","showValidationFeedback","setShowValidationFeedback","currentValue","setCurrentValue","lastValidValue","setLastValidValue","datepickerId","useRandomId","useInputGroupContext","isDatepickerFilled","isFilled","setFiller","setFilled","useOnMount","handleChange","undefined","useEffect","date","event","dateString","toLocaleDateString","day","month","year","handleChangeRaw","target","value","handleBlur","inputValue","validateInput","handleKeyDownInput","key","parsedDate","parse","Date","yearIsFourCharacters","slice","lastIndexOf","length","isValidDate","isValid","displayedFeedback","displayedVariant","ReactDatepicker","classNames","calendarClassName","selected","showWeekNumbers","dateFormat","showPopperArrow","placeholderText","ariaLabelledBy","popperModifiers","onBlur","onChangeRaw","onCalendarOpen","open","customInput","DatePickerInput","inputId","onKeyDownInput","onBlurInput","onClick","onKeyDown","BaseFormControl","labelId","Tooltip","placement","content","disableHoverListener","disableFocusListener","type","CalendarIcon","NativeDatePicker","DateIcon","inline","nativedatepickerId","NativeDatePickerBase","contextVariant","useVariant","currentVariant","TimePicker","selectedTime","labelTooltip","onLeftArrowClick","sub","minutes","onRightArrowClick","add","timepickerId","TimePickerArrowButton","direction","tabIndex","e","TimePickerBase","timeFormat","isTimepickerFilled","showTimeSelect","showTimeInput","showTimeSelectOnly","popperClassName","LeftArrowIcon","RightArrowIcon","NativeTimePicker","ClockIcon","nativetimepickerId","NativeTimePickerBase","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"datepicker.cjs.development.js","sources":["../src/DatePicker.tsx","../src/NativeDatePicker.tsx","../src/TimePicker.tsx","../src/NativeTimePicker.tsx","../src/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  default as ReactDatepicker,\n  ReactDatePickerProps,\n  registerLocale,\n} from 'react-datepicker';\nimport classNames from 'classnames';\nimport {\n  BaseFormControl,\n  useInputGroupContext,\n  VariantType,\n} from '@entur/form';\nimport { CalendarIcon } from '@entur/icons';\nimport { parse, isSameDay } from 'date-fns';\nimport { nb } from 'date-fns/locale';\nimport './DatePicker.scss';\nimport { Tooltip } from '@entur/tooltip';\nimport { useRandomId } from '@entur/utils';\nimport * as Popper from '@popperjs/core';\n\nregisterLocale('nb', nb);\n\nexport type DatePickerProps = {\n  /** Hva som er den valgte datoen */\n  selectedDate?: Date;\n  /** Kalles når datoen/tiden endres */\n  onChange: (\n    date: Date | null,\n    event: React.SyntheticEvent<any, Event> | undefined,\n  ) => void;\n  /**\n   * Kalles når innholdet i inputfeltet endres\n   */\n  onChangeInput?: (value: string) => void;\n  /** Placeholder om ingen dato er valgt\n   * @default \"dd.mm.yyyy\"\n   */\n  placeholder?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over DatePicker */\n  label: string;\n  /**\n   * Varselmelding, som vil komme under DatePicker\n   */\n  feedback?: string;\n  /** Valideringsvariant\n   */\n  variant?: VariantType;\n  /** Varselmelding for når datoen er på feil format\n   * @default \"Ugyldig dato\"\n   */\n  validationFeedback?: string;\n  /** Valideringsvariant for melding om feil datoformat\n   * @default \"error\"\n   */\n  validationVariant?: VariantType;\n  style?: React.CSSProperties;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Tekst eller ikon som kommer før inputfelter\n   * @default <DateIcon />\n   */\n  prepend?: React.ReactNode;\n  /** Skjuler knapp for åpning av kalender\n   * @default false\n   */\n  hideCalendarButton?: boolean;\n  /** Skjuler tilbakemeldingsteksten ved feil dato-input\n   * @default false\n   */\n  hideValidationFeedback?: boolean;\n  /** Skjuler kalender-GUI-et\n   * @default false\n   */\n  hideCalendar?: boolean;\n  // For testing\n  'data-cy'?: any;\n} & Omit<\n  ReactDatePickerProps,\n  'selected' | 'customInput' | 'onChangeRaw' | 'onChange'\n>;\nconst POPPER_MODIFIERS: Popper.StrictModifiers[] = [\n  {\n    name: 'offset',\n    enabled: true,\n    options: {\n      offset: [0, 0],\n    },\n  },\n];\n\nexport const DatePicker = React.forwardRef<HTMLInputElement, DatePickerProps>(\n  (\n    {\n      selectedDate = null,\n      onChange,\n      onChangeInput,\n      placeholder = 'dd.mm.yyyy',\n      className,\n      style,\n      readOnly,\n      disableLabelAnimation = false,\n      locale = 'nb',\n      prepend,\n      disabled,\n      variant,\n      validationVariant = 'error',\n      feedback,\n      validationFeedback = 'Ugyldig dato',\n      label,\n      hideCalendarButton = false,\n      hideCalendar = false,\n      hideValidationFeedback = false,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [showValidationFeedback, setShowValidationFeedback] = useState(false);\n    const [currentValue, setCurrentValue] = useState('');\n    const [lastValidValue, setLastValidValue] = useState('');\n\n    const datepickerId = useRandomId('eds-datepicker');\n    const { isFilled, setFilled } = useInputGroupContext();\n\n    React.useEffect(() => {\n      setFilled(!!selectedDate);\n      handleChange(selectedDate, undefined);\n    }, [selectedDate, setFilled, isFilled]);\n\n    const handleChange = (\n      date: Date | [Date | null, Date | null] | /* for selectsRange */ null,\n      event: React.SyntheticEvent<any> | undefined,\n    ) => {\n      // The return value from reactDatePicker can potentially be a range of dates, this however is not supported.\n      // To circumvent this we create simply pick the first selected value in that case.\n      const newDate = [date].flat()[0];\n      setFilled(!!newDate);\n      const dateString = newDate?.toLocaleDateString('no-NO', {\n        day: '2-digit',\n        month: '2-digit',\n        year: 'numeric',\n      });\n      setCurrentValue(dateString ?? '');\n      setLastValidValue(dateString ?? '');\n      if (onChange) {\n        onChange(newDate, event);\n      }\n    };\n\n    const handleChangeRaw = (event: React.FocusEvent<HTMLInputElement>) => {\n      setShowValidationFeedback(false);\n      const inputValue = event.target.value;\n      setCurrentValue(inputValue);\n      if (onChangeInput) onChangeInput(inputValue);\n    };\n\n    const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      validateInput(event.target.value);\n    };\n\n    const handleKeyDownInput = (\n      event: React.KeyboardEvent<HTMLInputElement>,\n    ) => {\n      if (event.key === 'Enter') {\n        validateInput(event.currentTarget.value);\n      }\n    };\n\n    const validateInput = (inputValue: string | undefined) => {\n      setShowValidationFeedback(false);\n      if (!inputValue) {\n        return;\n      }\n      const parsedDate = parse(inputValue, 'dd.MM.yyyy', new Date(), {\n        locale: nb,\n      });\n\n      const selectedDateIsTheSameAsParsedDateFromInput =\n        selectedDate && isSameDay(parsedDate, selectedDate);\n      if (selectedDateIsTheSameAsParsedDateFromInput) {\n        setLastValidValue(currentValue);\n      } else {\n        setShowValidationFeedback(true);\n        setCurrentValue(lastValidValue);\n      }\n    };\n\n    const displayedFeedback = (): string => {\n      if (feedback) return feedback;\n      if (!hideValidationFeedback && showValidationFeedback)\n        return validationFeedback;\n      return '';\n    };\n\n    const displayedVariant = (): string | undefined => {\n      if (feedback && variant) return variant;\n      if (!hideValidationFeedback && showValidationFeedback)\n        return validationVariant;\n      return undefined;\n    };\n\n    return (\n      <ReactDatepicker\n        className={classNames(className)}\n        calendarClassName=\"eds-datepicker__calender\"\n        selected={selectedDate}\n        onChange={handleChange}\n        showWeekNumbers={true}\n        dateFormat={['dd.MM.yyyy', 'ddMMyyyy', 'dd/MM/yyyy']}\n        showPopperArrow={false}\n        placeholderText={placeholder}\n        readOnly={readOnly}\n        id={datepickerId}\n        ariaLabelledBy={datepickerId}\n        disabled={disabled}\n        locale={locale}\n        popperModifiers={POPPER_MODIFIERS}\n        onBlur={handleBlur}\n        onChangeRaw={handleChangeRaw}\n        onCalendarOpen={() => setShowValidationFeedback(false)}\n        value={currentValue}\n        open={hideCalendar === true ? false : rest.open}\n        {...rest}\n        customInput={\n          <DatePickerInput\n            style={style}\n            readOnly={readOnly}\n            variant={displayedVariant()}\n            feedback={displayedFeedback()}\n            label={label}\n            disabled={disabled}\n            ref={ref}\n            data-cy={rest['data-cy']}\n            disableLabelAnimation={disableLabelAnimation}\n            prepend={prepend}\n            hideCalendarButton={hideCalendarButton}\n            inputId={id}\n            onKeyDownInput={handleKeyDownInput}\n            onBlurInput={handleBlur}\n            onChangeInput={onChangeInput}\n          />\n        }\n      />\n    );\n  },\n);\n\ntype DatePickerInputProps = {\n  onClick?: any;\n  value?: any;\n  disableLabelAnimation?: boolean;\n  className?: string;\n  hideCalendarButton?: boolean;\n  feedback?: string;\n  inputId?: string;\n  [key: string]: any;\n};\n// Props fra customInput i react-datepicker\n// value: inputValue,\n// onBlur: this.handleBlur,\n// onChange: this.handleChange,\n// onClick: this.onInputClick,\n// onFocus: this.handleFocus,\n// onKeyDown: this.onInputKeyDown,\n// id: this.props.id,\n// name: this.props.name,\n// autoFocus: this.props.autoFocus,\n// placeholder: this.props.placeholderText,\n// disabled: this.props.disabled,\n// autoComplete: this.props.autoComplete,\n// className: classnames(customInput.props.className, className),\n// title: this.props.title,\n// readOnly: this.props.readOnly,\n// required: this.props.required,\n// tabIndex: this.props.tabIndex,\n// \"aria-describedby\": this.props.ariaDescribedBy,\n// \"aria-invalid\": this.props.ariaInvalid,\n// \"aria-labelledby\": this.props.ariaLabelledBy,\n// \"aria-required\": this.props.ariaRequired,\n\nconst DatePickerInput = React.forwardRef<\n  HTMLInputElement,\n  DatePickerInputProps\n>(\n  (\n    {\n      value,\n      onClick,\n      // Capture onFocus prop from react-datepicker, but doesn't use it\n      // eslint-disable-next-line\n      onFocus,\n      onKeyDown,\n      variant,\n      feedback,\n      style,\n      disableLabelAnimation,\n      disabled,\n      label,\n      readOnly,\n      id,\n      prepend,\n      className,\n      hideCalendarButton,\n      inputId,\n      onChangeInput,\n      onKeyDownInput,\n      onBlurInput,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <span className={className} onBlur={onBlurInput}>\n        <BaseFormControl\n          style={style}\n          className=\"eds-datepicker__form-control\"\n          readOnly={readOnly}\n          label={label}\n          labelId={id}\n          feedback={feedback}\n          variant={variant}\n          disabled={disabled}\n          disableLabelAnimation={disableLabelAnimation}\n          isFilled={!!value}\n          prepend={prepend}\n        >\n          <input\n            value={value}\n            onClick={onClick}\n            readOnly={readOnly}\n            disabled={disabled}\n            ref={ref}\n            // aria-labelledby={id}\n            className=\"eds-form-control\"\n            id={inputId}\n            onKeyDown={onKeyDownInput}\n            onChange={onChangeInput}\n            {...rest}\n          />\n          {!hideCalendarButton && (\n            <Tooltip\n              placement=\"top\"\n              content=\"Åpne kalender\"\n              disableHoverListener={disabled}\n              disableFocusListener={disabled}\n            >\n              <button\n                className={classNames('eds-datepicker__calendar-button', {\n                  'eds-datepicker__calendar-button--open': true,\n                  'eds-datepicker__calendar-button--disabled': disabled,\n                })}\n                onKeyDown={onKeyDown}\n                onClick={onClick}\n                disabled={disabled}\n                type=\"button\"\n              >\n                <CalendarIcon />\n              </button>\n            </Tooltip>\n          )}\n        </BaseFormControl>\n      </span>\n    );\n  },\n);\n","import React from 'react';\nimport {\n  BaseFormControl,\n  isFilled,\n  useInputGroupContext,\n  useVariant,\n  VariantType,\n} from '@entur/form';\nimport { DateIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nexport type NativeDatePickerProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over NativeDatePicker */\n  label: string;\n  /** Varselmelding, som vil komme under NativeDatePicker */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Tekst eller ikon som kommer før inputfelter\n   * @default <DateIcon />\n   */\n  prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeDatePicker = React.forwardRef<\n  HTMLInputElement,\n  NativeDatePickerProps\n>(\n  (\n    {\n      className,\n      style,\n      label,\n      onChange,\n      feedback,\n      variant,\n      disableLabelAnimation,\n      prepend = <DateIcon inline />,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const nativedatepickerId = useRandomId('eds-nativetimepicker');\n    return (\n      <BaseFormControl\n        style={style}\n        className={className}\n        prepend={prepend}\n        label={label}\n        feedback={feedback}\n        variant={variant}\n        labelId={nativedatepickerId}\n        disableLabelAnimation={disableLabelAnimation}\n        isFilled\n      >\n        <NativeDatePickerBase\n          onChange={onChange}\n          aria-labelledby={nativedatepickerId}\n          ref={ref}\n          variant={variant}\n          {...rest}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype NativeDatePickerBaseProps = {\n  onChange?: any;\n  variant?: VariantType;\n} & React.DetailedHTMLProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n>;\n\nconst NativeDatePickerBase = React.forwardRef<\n  HTMLInputElement,\n  NativeDatePickerBaseProps\n>(({ onChange, variant, value, ...rest }, ref) => {\n  const contextVariant = useVariant();\n  const currentVariant = variant || contextVariant;\n  const { isFilled: isDatepickerFilled, setFilled: setFiller } =\n    useInputGroupContext();\n\n  useOnMount(() => {\n    setFiller && !isDatepickerFilled && setFiller(true);\n  });\n\n  React.useEffect(() => {\n    if (value) {\n      setFiller && !isDatepickerFilled && setFiller(true);\n    } else {\n      setFiller && isDatepickerFilled && setFiller(false);\n    }\n  }, [value, setFiller, isDatepickerFilled]);\n\n  const handleChange = (event: any) => {\n    if (isFilled(event.target)) {\n      setFiller && !isDatepickerFilled && setFiller(true);\n    } else {\n      setFiller && isDatepickerFilled && setFiller(false);\n    }\n    if (onChange) {\n      onChange(event);\n    }\n  };\n  return (\n    <input\n      ref={ref}\n      aria-invalid={currentVariant === 'error'}\n      type=\"date\"\n      className=\"eds-form-control eds-native-date-picker\"\n      onChange={handleChange}\n      value={value}\n      {...rest}\n    />\n  );\n});\n","import React from 'react';\nimport {\n  default as ReactDatepicker,\n  ReactDatePickerProps,\n  registerLocale,\n} from 'react-datepicker';\nimport classNames from 'classnames';\nimport {\n  BaseFormControl,\n  useInputGroupContext,\n  VariantType,\n} from '@entur/form';\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\nimport { nb } from 'date-fns/locale';\nimport { add, sub } from 'date-fns';\nimport * as Popper from '@popperjs/core';\nimport './TimePicker.scss';\nregisterLocale('nb', nb);\n\nexport type TimePickerProps = {\n  /** Hva som er den valgte datoen */\n  selectedTime?: Date;\n  /** Kalles når datoen/tiden endres */\n  onChange: (\n    date: Date | null,\n    event: React.SyntheticEvent<any, Event>,\n  ) => void;\n  /** Placeholder om ingen dato er valgt\n   * @default \"Velg tid\"\n   */\n  placeholder?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over TimePicker */\n  label: string;\n  /** Varselmelding, som vil komme under TimePicker */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  style?: React.CSSProperties;\n  labelTooltip?: React.ReactNode;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Kalles ved klikk på pil venstre i TimePicker\n   * @default Trekker fra 30 minutter av den valgte tiden\n   */\n  onLeftArrowClick?: (selectedTime?: Date | null, e?: React.MouseEvent) => void;\n  /** Kalles ved klikk på pil høyre i TimePicker\n   * @default Legger til 30 minutter av den valgte tiden\n   */\n  onRightArrowClick?: (\n    selectedTime?: Date | null,\n    e?: React.MouseEvent,\n  ) => void;\n} & ReactDatePickerProps;\n\nexport const TimePicker = React.forwardRef<HTMLDivElement, TimePickerProps>(\n  (\n    {\n      selectedTime = null,\n      onChange,\n      placeholder = 'Velg tid',\n      disabled,\n      className,\n      style,\n      label,\n      labelTooltip,\n      feedback,\n      variant,\n      disableLabelAnimation,\n      locale = 'nb',\n      onLeftArrowClick = (selectedTime, event) =>\n        selectedTime && onChange(sub(selectedTime, { minutes: 30 }), event),\n      onRightArrowClick = (selectedTime, event) =>\n        selectedTime && onChange(add(selectedTime, { minutes: 30 }), event),\n      ...rest\n    },\n    ref,\n  ) => {\n    const timepickerId = useRandomId('eds-timepicker');\n    return (\n      <BaseFormControl\n        style={style}\n        ref={ref}\n        label={label}\n        labelId={timepickerId}\n        labelTooltip={labelTooltip}\n        variant={variant}\n        feedback={feedback}\n        disableLabelAnimation={disableLabelAnimation}\n        className=\"eds-timepicker-form-control\"\n        disabled={disabled}\n        prepend={\n          <TimePickerArrowButton\n            direction=\"left\"\n            tabIndex={-1}\n            onClick={(e: React.MouseEvent) => onLeftArrowClick(selectedTime, e)}\n            disabled={disabled}\n          />\n        }\n      >\n        <TimePickerBase\n          selectedTime={selectedTime}\n          onChange={onChange}\n          placeholder={placeholder}\n          className={className}\n          locale={locale}\n          ariaLabelledBy={timepickerId}\n          disabled={disabled}\n          {...rest}\n        />\n        <TimePickerArrowButton\n          direction=\"right\"\n          tabIndex={-1}\n          onClick={(e: React.MouseEvent) => onRightArrowClick(selectedTime, e)}\n          disabled={disabled}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype TimePickerBaseProps = {\n  /** Hva som er den valgte datoen */\n  selectedTime?: Date | null;\n  /** Kalles når datoen/tiden endres */\n  onChange: (\n    date: Date | null,\n    event: React.SyntheticEvent<any, Event>,\n  ) => void;\n  /** Placeholder om ingen dato er valgt\n   * @default \"Velg tid\"\n   */\n  placeholder?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  [key: string]: any;\n} & ReactDatePickerProps;\n\nconst POPPER_MODIFIERS: Popper.StrictModifiers[] = [\n  {\n    name: 'offset',\n    enabled: true,\n    options: {\n      offset: [0, 0],\n    },\n  },\n];\nconst TimePickerBase: React.FC<TimePickerBaseProps> = ({\n  className,\n  onChange,\n  selectedTime,\n  placeholder,\n  timeFormat = 'HH:mm',\n  dateFormat = ['HH:mm', 'HHmm'],\n  ...rest\n}) => {\n  const { isFilled: isTimepickerFilled, setFilled: setFiller } =\n    useInputGroupContext();\n\n  useOnMount(() => {\n    if (selectedTime) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    }\n  });\n\n  React.useEffect(() => {\n    if (selectedTime) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    } else {\n      setFiller && isTimepickerFilled && setFiller(false);\n    }\n  }, [selectedTime, setFiller, isTimepickerFilled]);\n\n  const handleChange = (date: any, event: any) => {\n    if (date) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    } else {\n      setFiller && isTimepickerFilled && setFiller(false);\n    }\n    if (onChange) {\n      onChange(date, event);\n    }\n  };\n  return (\n    <ReactDatepicker\n      className={classNames(\n        'eds-form-control',\n        'eds-timepicker__input',\n        className,\n      )}\n      calendarClassName=\"eds-timepicker\"\n      selected={selectedTime}\n      onChange={handleChange}\n      dateFormat={dateFormat}\n      timeFormat={timeFormat}\n      showTimeSelect\n      showTimeInput={true}\n      showTimeSelectOnly\n      showPopperArrow={false}\n      placeholderText={placeholder}\n      popperClassName=\"eds-datepicker__popper\"\n      popperModifiers={POPPER_MODIFIERS}\n      open={false}\n      {...rest}\n    />\n  );\n};\n\ntype TimePickerArrowButtonProps = {\n  direction: 'left' | 'right';\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nconst TimePickerArrowButton: React.FC<TimePickerArrowButtonProps> = ({\n  direction,\n  ...rest\n}) => {\n  return (\n    <button\n      className={classNames(\n        'eds-timepicker__arrowbutton',\n        `eds-timepicker__arrowbutton--${direction}`,\n      )}\n      type=\"button\"\n      {...rest}\n    >\n      {direction === 'left' ? <LeftArrowIcon /> : <RightArrowIcon />}\n    </button>\n  );\n};\n","import React from 'react';\nimport {\n  BaseFormControl,\n  isFilled,\n  useInputGroupContext,\n  useVariant,\n  VariantType,\n} from '@entur/form';\nimport { ClockIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nexport type NativeTimePickerProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over NativeTimePicker */\n  label: string;\n  /** Varselmelding, som vil komme under NativeTimePicker */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Tekst eller ikon som kommer før inputfelter\n   * @default <ClockIcon />\n   */\n  prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeTimePicker = React.forwardRef<\n  HTMLInputElement,\n  NativeTimePickerProps\n>(\n  (\n    {\n      className,\n      style,\n      onChange,\n      label,\n      feedback,\n      variant,\n      disableLabelAnimation,\n      prepend = <ClockIcon />,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const nativetimepickerId = useRandomId('eds-nativetimepicker');\n    return (\n      <BaseFormControl\n        style={style}\n        className={className}\n        prepend={prepend}\n        label={label}\n        feedback={feedback}\n        variant={variant}\n        labelId={nativetimepickerId}\n        disableLabelAnimation={disableLabelAnimation}\n      >\n        <NativeTimePickerBase\n          onChange={onChange}\n          aria-labelledby={nativetimepickerId}\n          ref={ref}\n          {...rest}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype NativeTimePickerBaseProps = {\n  variant?: VariantType;\n} & React.DetailedHTMLProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n>;\n\nconst NativeTimePickerBase = React.forwardRef<\n  HTMLInputElement,\n  NativeTimePickerBaseProps\n>(({ onChange, value, ...rest }, ref) => {\n  const contextVariant = useVariant();\n  const currentVariant = rest.variant || contextVariant;\n  const { isFilled: isTimepickerFilled, setFilled: setFiller } =\n    useInputGroupContext();\n\n  useOnMount(() => {\n    setFiller && !isTimepickerFilled && setFiller(true);\n  });\n\n  React.useEffect(() => {\n    if (value) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    } else {\n      setFiller && isTimepickerFilled && setFiller(false);\n    }\n  }, [value, setFiller, isTimepickerFilled]);\n\n  const handleChange = (event: any) => {\n    if (isFilled(event.target)) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    } else {\n      setFiller && isTimepickerFilled && setFiller(false);\n    }\n    if (onChange) {\n      onChange(event);\n    }\n  };\n  return (\n    <input\n      ref={ref}\n      aria-invalid={currentVariant === 'error'}\n      type=\"time\"\n      className=\"eds-form-control eds-native-date-picker\"\n      onChange={handleChange}\n      value={value}\n      {...rest}\n    />\n  );\n});\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nimport './react-datepicker.scss';\n\nwarnAboutMissingStyles('datepicker', 'form', 'icons');\n\nexport * from './DatePicker';\nexport * from './NativeDatePicker';\nexport * from './TimePicker';\nexport * from './NativeTimePicker';\n"],"names":["registerLocale","nb","POPPER_MODIFIERS","name","enabled","options","offset","DatePicker","React","forwardRef","ref","selectedDate","onChange","onChangeInput","placeholder","className","style","readOnly","disableLabelAnimation","locale","prepend","disabled","variant","validationVariant","feedback","validationFeedback","label","hideCalendarButton","hideCalendar","hideValidationFeedback","id","rest","useState","showValidationFeedback","setShowValidationFeedback","currentValue","setCurrentValue","lastValidValue","setLastValidValue","datepickerId","useRandomId","useInputGroupContext","isFilled","setFilled","useEffect","handleChange","undefined","date","event","newDate","flat","dateString","toLocaleDateString","day","month","year","handleChangeRaw","inputValue","target","value","handleBlur","validateInput","handleKeyDownInput","key","currentTarget","parsedDate","parse","Date","selectedDateIsTheSameAsParsedDateFromInput","isSameDay","displayedFeedback","displayedVariant","ReactDatepicker","classNames","calendarClassName","selected","showWeekNumbers","dateFormat","showPopperArrow","placeholderText","ariaLabelledBy","popperModifiers","onBlur","onChangeRaw","onCalendarOpen","open","customInput","DatePickerInput","inputId","onKeyDownInput","onBlurInput","onClick","onKeyDown","BaseFormControl","labelId","Tooltip","placement","content","disableHoverListener","disableFocusListener","type","CalendarIcon","NativeDatePicker","DateIcon","inline","nativedatepickerId","NativeDatePickerBase","contextVariant","useVariant","currentVariant","isDatepickerFilled","setFiller","useOnMount","TimePicker","selectedTime","labelTooltip","onLeftArrowClick","sub","minutes","onRightArrowClick","add","timepickerId","TimePickerArrowButton","direction","tabIndex","e","TimePickerBase","timeFormat","isTimepickerFilled","showTimeSelect","showTimeInput","showTimeSelectOnly","popperClassName","LeftArrowIcon","RightArrowIcon","NativeTimePicker","ClockIcon","nativetimepickerId","NativeTimePickerBase","warnAboutMissingStyles"],"mappings":"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"}

package/dist/datepicker.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("react"),t=require("react-datepicker"),n=require("classnames"),l=require("@entur/form"),r=require("@entur/icons"),i=require("date-fns"),d=require("date-fns/locale"),o=require("@entur/tooltip");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(a),c=s(t),f=s(n);function p(){return p=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},p.apply(this,arguments)}function m(e,a){if(null==e)return{};var t,n,l={},r=Object.keys(e);for(n=0;n<r.length;n++)a.indexOf(t=r[n])>=0||(l[t]=e[t]);return l}var b=["selectedDate","onChange","onChangeInput","placeholder","className","style","readOnly","disableLabelAnimation","locale","prepend","disabled","variant","validationVariant","feedback","validationFeedback","label","hideCalendarButton","hideCalendar","hideValidationFeedback","id"],v=["value","onClick","onFocus","onKeyDown","variant","feedback","style","disableLabelAnimation","disabled","label","readOnly","id","prepend","className","hideCalendarButton","inputId","onChangeInput","onKeyDownInput","onBlurInput"];t.registerLocale("nb",d.nb);var y=[{name:"offset",enabled:!0,options:{offset:[0,0]}}],h=u.default.forwardRef((function(t,n){var r=t.selectedDate,o=void 0===r?null:r,s=t.onChange,v=t.onChangeInput,h=t.placeholder,k=void 0===h?"dd.mm.yyyy":h,g=t.className,I=t.style,w=t.readOnly,N=t.disableLabelAnimation,F=void 0!==N&&N,E=t.locale,L=void 0===E?"nb":E,A=t.prepend,O=t.disabled,_=t.variant,B=t.validationVariant,M=void 0===B?"error":B,T=t.feedback,x=t.validationFeedback,R=void 0===x?"Ugyldig dato":x,D=t.label,q=t.hideCalendarButton,P=void 0!==q&&q,V=t.hideCalendar,H=void 0!==V&&V,K=t.hideValidationFeedback,S=void 0!==K&&K,j=t.id,G=m(t,b),U=a.useState(!1),W=U[0],z=U[1],J=a.useState(""),Q=J[0],X=J[1],Y=a.useState(""),Z=Y[0],$=Y[1],ee=e.useRandomId("eds-datepicker"),ae=l.useInputGroupContext(),te=ae.isFilled,ne=ae.setFilled;e.useOnMount((function(){o&&(ne&&!te&&ne(!0),le(o,void 0))})),u.default.useEffect((function(){o?ne&&!te&&ne(!0):ne&&te&&ne(!1)}),[o,ne,te]);var le=function(e,a){if(e?ne&&!te&&ne(!0):ne&&te&&ne(!1),s){s(e,a);var t=null==e?void 0:e.toLocaleDateString("no-NO",{day:"2-digit",month:"2-digit",year:"numeric"});X(null!=t?t:""),$(null!=t?t:"")}},re=function(e){if(W)z(!1);else{var a=e.target.value;a&&ie(a)}},ie=function(e){var a=i.parse(e,"dd.MM.yyyy",new Date,{locale:d.nb}),t=4===Q.slice(Q.lastIndexOf(".")+1).length;i.isValid(a)&&t?(z(!1),$(Q)):(z(!0),X(Z))};return u.default.createElement(c.default,p({className:f.default(g),calendarClassName:"eds-datepicker__calender",selected:o,onChange:le,showWeekNumbers:!0,dateFormat:["dd.MM.yyyy","ddMMyyyy","dd/MM/yyyy"],showPopperArrow:!1,placeholderText:k,readOnly:w,id:ee,ariaLabelledBy:ee,disabled:O,locale:L,popperModifiers:y,onBlur:re,onChangeRaw:function(e){z(!1),X(e.target.value),v&&v(e.target.value)},onCalendarOpen:function(){return z(!1)},value:Q,open:!0!==H&&G.open},G,{customInput:u.default.createElement(C,{style:I,readOnly:w,variant:T&&_?_:!S&&W?M:void 0,feedback:T||(!S&&W?R:""),label:D,disabled:O,ref:n,"data-cy":G["data-cy"],disableLabelAnimation:F,prepend:A,hideCalendarButton:P,inputId:j,onKeyDownInput:function(e){"Enter"===e.key&&ie(Q)},onBlurInput:re,onChangeInput:v})}))})),C=u.default.forwardRef((function(e,a){var t=e.value,n=e.onClick,i=e.onKeyDown,d=e.variant,s=e.feedback,c=e.style,b=e.disableLabelAnimation,y=e.disabled,h=e.label,C=e.readOnly,k=e.id,g=e.prepend,I=e.className,w=e.hideCalendarButton,N=e.inputId,F=e.onChangeInput,E=e.onKeyDownInput,L=e.onBlurInput,A=m(e,v);return u.default.createElement("span",{className:I,onBlur:L},u.default.createElement(l.BaseFormControl,{style:c,className:"eds-datepicker__form-control",readOnly:C,label:h,labelId:k,feedback:s,variant:d,disabled:y,disableLabelAnimation:b,isFilled:!!t,prepend:g},u.default.createElement("input",p({value:t,onClick:n,readOnly:C,disabled:y,ref:a,className:"eds-form-control",id:N,onKeyDown:E,onChange:F},A)),!w&&u.default.createElement(o.Tooltip,{placement:"top",content:"Åpne kalender",disableHoverListener:y,disableFocusListener:y},u.default.createElement("button",{className:f.default("eds-datepicker__calendar-button",{"eds-datepicker__calendar-button--open":!0,"eds-datepicker__calendar-button--disabled":y}),onKeyDown:i,onClick:n,disabled:y,type:"button"},u.default.createElement(r.CalendarIcon,null)))))})),k=["className","style","label","onChange","feedback","variant","disableLabelAnimation","prepend"],g=["onChange","variant","value"],I=u.default.forwardRef((function(a,t){var n=a.className,i=a.style,d=a.label,o=a.onChange,s=a.feedback,c=a.variant,f=a.disableLabelAnimation,b=a.prepend,v=void 0===b?u.default.createElement(r.DateIcon,{inline:!0}):b,y=m(a,k),h=e.useRandomId("eds-nativetimepicker");return u.default.createElement(l.BaseFormControl,{style:i,className:n,prepend:v,label:d,feedback:s,variant:c,labelId:h,disableLabelAnimation:f,isFilled:!0},u.default.createElement(w,p({onChange:o,"aria-labelledby":h,ref:t,variant:c},y)))})),w=u.default.forwardRef((function(a,t){var n=a.onChange,r=a.variant,i=a.value,d=m(a,g),o=l.useVariant(),s=r||o,c=l.useInputGroupContext(),f=c.isFilled,b=c.setFilled;return e.useOnMount((function(){b&&!f&&b(!0)})),u.default.useEffect((function(){i?b&&!f&&b(!0):b&&f&&b(!1)}),[i,b,f]),u.default.createElement("input",p({ref:t,"aria-invalid":"error"===s,type:"date",className:"eds-form-control eds-native-date-picker",onChange:function(e){l.isFilled(e.target)?b&&!f&&b(!0):b&&f&&b(!1),n&&n(e)},value:i},d))})),N=["selectedTime","onChange","placeholder","disabled","className","style","label","labelTooltip","feedback","variant","disableLabelAnimation","locale","onLeftArrowClick","onRightArrowClick"],F=["className","onChange","selectedTime","placeholder","timeFormat","dateFormat"],E=["direction"];t.registerLocale("nb",d.nb);var L=u.default.forwardRef((function(a,t){var n=a.selectedTime,r=void 0===n?null:n,d=a.onChange,o=a.placeholder,s=void 0===o?"Velg tid":o,c=a.disabled,f=a.className,b=a.style,v=a.label,y=a.labelTooltip,h=a.feedback,C=a.variant,k=a.disableLabelAnimation,g=a.locale,I=void 0===g?"nb":g,w=a.onLeftArrowClick,F=void 0===w?function(e,a){return e&&d(i.sub(e,{minutes:30}),a)}:w,E=a.onRightArrowClick,L=void 0===E?function(e,a){return e&&d(i.add(e,{minutes:30}),a)}:E,A=m(a,N),B=e.useRandomId("eds-timepicker");return u.default.createElement(l.BaseFormControl,{style:b,ref:t,label:v,labelId:B,labelTooltip:y,variant:C,feedback:h,disableLabelAnimation:k,className:"eds-timepicker-form-control",disabled:c,prepend:u.default.createElement(_,{direction:"left",tabIndex:-1,onClick:function(e){return F(r,e)},disabled:c})},u.default.createElement(O,p({selectedTime:r,onChange:d,placeholder:s,className:f,locale:I,ariaLabelledBy:B,disabled:c},A)),u.default.createElement(_,{direction:"right",tabIndex:-1,onClick:function(e){return L(r,e)},disabled:c}))})),A=[{name:"offset",enabled:!0,options:{offset:[0,0]}}],O=function(a){var t=a.className,n=a.onChange,r=a.selectedTime,i=a.placeholder,d=a.timeFormat,o=void 0===d?"HH:mm":d,s=a.dateFormat,b=void 0===s?["HH:mm","HHmm"]:s,v=m(a,F),y=l.useInputGroupContext(),h=y.isFilled,C=y.setFilled;return e.useOnMount((function(){r&&C&&!h&&C(!0)})),u.default.useEffect((function(){r?C&&!h&&C(!0):C&&h&&C(!1)}),[r,C,h]),u.default.createElement(c.default,p({className:f.default("eds-form-control","eds-timepicker__input",t),calendarClassName:"eds-timepicker",selected:r,onChange:function(e,a){e?C&&!h&&C(!0):C&&h&&C(!1),n&&n(e,a)},dateFormat:b,timeFormat:o,showTimeSelect:!0,showTimeInput:!0,showTimeSelectOnly:!0,showPopperArrow:!1,placeholderText:i,popperClassName:"eds-datepicker__popper",popperModifiers:A,open:!1},v))},_=function(e){var a=e.direction,t=m(e,E);return u.default.createElement("button",p({className:f.default("eds-timepicker__arrowbutton","eds-timepicker__arrowbutton--"+a),type:"button"},t),u.default.createElement("left"===a?r.LeftArrowIcon:r.RightArrowIcon,null))},B=["className","style","onChange","label","feedback","variant","disableLabelAnimation","prepend"],M=["onChange","value"],T=u.default.forwardRef((function(a,t){var n=a.className,i=a.style,d=a.onChange,o=a.label,s=a.feedback,c=a.variant,f=a.disableLabelAnimation,b=a.prepend,v=void 0===b?u.default.createElement(r.ClockIcon,null):b,y=m(a,B),h=e.useRandomId("eds-nativetimepicker");return u.default.createElement(l.BaseFormControl,{style:i,className:n,prepend:v,label:o,feedback:s,variant:c,labelId:h,disableLabelAnimation:f},u.default.createElement(x,p({onChange:d,"aria-labelledby":h,ref:t},y)))})),x=u.default.forwardRef((function(a,t){var n=a.onChange,r=a.value,i=m(a,M),d=l.useVariant(),o=i.variant||d,s=l.useInputGroupContext(),c=s.isFilled,f=s.setFilled;return e.useOnMount((function(){f&&!c&&f(!0)})),u.default.useEffect((function(){r?f&&!c&&f(!0):f&&c&&f(!1)}),[r,f,c]),u.default.createElement("input",p({ref:t,"aria-invalid":"error"===o,type:"time",className:"eds-form-control eds-native-date-picker",onChange:function(e){l.isFilled(e.target)?f&&!c&&f(!0):f&&c&&f(!1),n&&n(e)},value:r},i))}));e.warnAboutMissingStyles("datepicker","form","icons"),exports.DatePicker=h,exports.NativeDatePicker=I,exports.NativeTimePicker=T,exports.TimePicker=L;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("react"),t=require("react-datepicker"),n=require("classnames"),l=require("@entur/form"),r=require("@entur/icons"),i=require("date-fns"),d=require("date-fns/locale"),o=require("@entur/tooltip");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(a),c=s(t),f=s(n);function p(){return p=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},p.apply(this,arguments)}function m(e,a){if(null==e)return{};var t,n,l={},r=Object.keys(e);for(n=0;n<r.length;n++)a.indexOf(t=r[n])>=0||(l[t]=e[t]);return l}var b=["selectedDate","onChange","onChangeInput","placeholder","className","style","readOnly","disableLabelAnimation","locale","prepend","disabled","variant","validationVariant","feedback","validationFeedback","label","hideCalendarButton","hideCalendar","hideValidationFeedback","id"],v=["value","onClick","onFocus","onKeyDown","variant","feedback","style","disableLabelAnimation","disabled","label","readOnly","id","prepend","className","hideCalendarButton","inputId","onChangeInput","onKeyDownInput","onBlurInput"];t.registerLocale("nb",d.nb);var y=[{name:"offset",enabled:!0,options:{offset:[0,0]}}],h=u.default.forwardRef((function(t,n){var r=t.selectedDate,o=void 0===r?null:r,s=t.onChange,v=t.onChangeInput,h=t.placeholder,k=void 0===h?"dd.mm.yyyy":h,g=t.className,I=t.style,w=t.readOnly,N=t.disableLabelAnimation,F=void 0!==N&&N,E=t.locale,L=void 0===E?"nb":E,A=t.prepend,O=t.disabled,_=t.variant,T=t.validationVariant,B=void 0===T?"error":T,D=t.feedback,M=t.validationFeedback,R=void 0===M?"Ugyldig dato":M,x=t.label,q=t.hideCalendarButton,P=void 0!==q&&q,S=t.hideCalendar,H=void 0!==S&&S,K=t.hideValidationFeedback,V=void 0!==K&&K,j=t.id,G=m(t,b),U=a.useState(!1),W=U[0],z=U[1],J=a.useState(""),Q=J[0],X=J[1],Y=a.useState(""),Z=Y[0],$=Y[1],ee=e.useRandomId("eds-datepicker"),ae=l.useInputGroupContext(),te=ae.setFilled;u.default.useEffect((function(){te(!!o),ne(o,void 0)}),[o,te,ae.isFilled]);var ne=function(e,a){var t=[e].flat()[0];te(!!t);var n=null==t?void 0:t.toLocaleDateString("no-NO",{day:"2-digit",month:"2-digit",year:"numeric"});X(null!=n?n:""),$(null!=n?n:""),s&&s(t,a)},le=function(e){re(e.target.value)},re=function(e){if(z(!1),e){var a=i.parse(e,"dd.MM.yyyy",new Date,{locale:d.nb});o&&i.isSameDay(a,o)?$(Q):(z(!0),X(Z))}};return u.default.createElement(c.default,p({className:f.default(g),calendarClassName:"eds-datepicker__calender",selected:o,onChange:ne,showWeekNumbers:!0,dateFormat:["dd.MM.yyyy","ddMMyyyy","dd/MM/yyyy"],showPopperArrow:!1,placeholderText:k,readOnly:w,id:ee,ariaLabelledBy:ee,disabled:O,locale:L,popperModifiers:y,onBlur:le,onChangeRaw:function(e){z(!1);var a=e.target.value;X(a),v&&v(a)},onCalendarOpen:function(){return z(!1)},value:Q,open:!0!==H&&G.open},G,{customInput:u.default.createElement(C,{style:I,readOnly:w,variant:D&&_?_:!V&&W?B:void 0,feedback:D||(!V&&W?R:""),label:x,disabled:O,ref:n,"data-cy":G["data-cy"],disableLabelAnimation:F,prepend:A,hideCalendarButton:P,inputId:j,onKeyDownInput:function(e){"Enter"===e.key&&re(e.currentTarget.value)},onBlurInput:le,onChangeInput:v})}))})),C=u.default.forwardRef((function(e,a){var t=e.value,n=e.onClick,i=e.onKeyDown,d=e.variant,s=e.feedback,c=e.style,b=e.disableLabelAnimation,y=e.disabled,h=e.label,C=e.readOnly,k=e.id,g=e.prepend,I=e.className,w=e.hideCalendarButton,N=e.inputId,F=e.onChangeInput,E=e.onKeyDownInput,L=e.onBlurInput,A=m(e,v);return u.default.createElement("span",{className:I,onBlur:L},u.default.createElement(l.BaseFormControl,{style:c,className:"eds-datepicker__form-control",readOnly:C,label:h,labelId:k,feedback:s,variant:d,disabled:y,disableLabelAnimation:b,isFilled:!!t,prepend:g},u.default.createElement("input",p({value:t,onClick:n,readOnly:C,disabled:y,ref:a,className:"eds-form-control",id:N,onKeyDown:E,onChange:F},A)),!w&&u.default.createElement(o.Tooltip,{placement:"top",content:"Åpne kalender",disableHoverListener:y,disableFocusListener:y},u.default.createElement("button",{className:f.default("eds-datepicker__calendar-button",{"eds-datepicker__calendar-button--open":!0,"eds-datepicker__calendar-button--disabled":y}),onKeyDown:i,onClick:n,disabled:y,type:"button"},u.default.createElement(r.CalendarIcon,null)))))})),k=["className","style","label","onChange","feedback","variant","disableLabelAnimation","prepend"],g=["onChange","variant","value"],I=u.default.forwardRef((function(a,t){var n=a.className,i=a.style,d=a.label,o=a.onChange,s=a.feedback,c=a.variant,f=a.disableLabelAnimation,b=a.prepend,v=void 0===b?u.default.createElement(r.DateIcon,{inline:!0}):b,y=m(a,k),h=e.useRandomId("eds-nativetimepicker");return u.default.createElement(l.BaseFormControl,{style:i,className:n,prepend:v,label:d,feedback:s,variant:c,labelId:h,disableLabelAnimation:f,isFilled:!0},u.default.createElement(w,p({onChange:o,"aria-labelledby":h,ref:t,variant:c},y)))})),w=u.default.forwardRef((function(a,t){var n=a.onChange,r=a.variant,i=a.value,d=m(a,g),o=l.useVariant(),s=r||o,c=l.useInputGroupContext(),f=c.isFilled,b=c.setFilled;return e.useOnMount((function(){b&&!f&&b(!0)})),u.default.useEffect((function(){i?b&&!f&&b(!0):b&&f&&b(!1)}),[i,b,f]),u.default.createElement("input",p({ref:t,"aria-invalid":"error"===s,type:"date",className:"eds-form-control eds-native-date-picker",onChange:function(e){l.isFilled(e.target)?b&&!f&&b(!0):b&&f&&b(!1),n&&n(e)},value:i},d))})),N=["selectedTime","onChange","placeholder","disabled","className","style","label","labelTooltip","feedback","variant","disableLabelAnimation","locale","onLeftArrowClick","onRightArrowClick"],F=["className","onChange","selectedTime","placeholder","timeFormat","dateFormat"],E=["direction"];t.registerLocale("nb",d.nb);var L=u.default.forwardRef((function(a,t){var n=a.selectedTime,r=void 0===n?null:n,d=a.onChange,o=a.placeholder,s=void 0===o?"Velg tid":o,c=a.disabled,f=a.className,b=a.style,v=a.label,y=a.labelTooltip,h=a.feedback,C=a.variant,k=a.disableLabelAnimation,g=a.locale,I=void 0===g?"nb":g,w=a.onLeftArrowClick,F=void 0===w?function(e,a){return e&&d(i.sub(e,{minutes:30}),a)}:w,E=a.onRightArrowClick,L=void 0===E?function(e,a){return e&&d(i.add(e,{minutes:30}),a)}:E,A=m(a,N),T=e.useRandomId("eds-timepicker");return u.default.createElement(l.BaseFormControl,{style:b,ref:t,label:v,labelId:T,labelTooltip:y,variant:C,feedback:h,disableLabelAnimation:k,className:"eds-timepicker-form-control",disabled:c,prepend:u.default.createElement(_,{direction:"left",tabIndex:-1,onClick:function(e){return F(r,e)},disabled:c})},u.default.createElement(O,p({selectedTime:r,onChange:d,placeholder:s,className:f,locale:I,ariaLabelledBy:T,disabled:c},A)),u.default.createElement(_,{direction:"right",tabIndex:-1,onClick:function(e){return L(r,e)},disabled:c}))})),A=[{name:"offset",enabled:!0,options:{offset:[0,0]}}],O=function(a){var t=a.className,n=a.onChange,r=a.selectedTime,i=a.placeholder,d=a.timeFormat,o=void 0===d?"HH:mm":d,s=a.dateFormat,b=void 0===s?["HH:mm","HHmm"]:s,v=m(a,F),y=l.useInputGroupContext(),h=y.isFilled,C=y.setFilled;return e.useOnMount((function(){r&&C&&!h&&C(!0)})),u.default.useEffect((function(){r?C&&!h&&C(!0):C&&h&&C(!1)}),[r,C,h]),u.default.createElement(c.default,p({className:f.default("eds-form-control","eds-timepicker__input",t),calendarClassName:"eds-timepicker",selected:r,onChange:function(e,a){e?C&&!h&&C(!0):C&&h&&C(!1),n&&n(e,a)},dateFormat:b,timeFormat:o,showTimeSelect:!0,showTimeInput:!0,showTimeSelectOnly:!0,showPopperArrow:!1,placeholderText:i,popperClassName:"eds-datepicker__popper",popperModifiers:A,open:!1},v))},_=function(e){var a=e.direction,t=m(e,E);return u.default.createElement("button",p({className:f.default("eds-timepicker__arrowbutton","eds-timepicker__arrowbutton--"+a),type:"button"},t),u.default.createElement("left"===a?r.LeftArrowIcon:r.RightArrowIcon,null))},T=["className","style","onChange","label","feedback","variant","disableLabelAnimation","prepend"],B=["onChange","value"],D=u.default.forwardRef((function(a,t){var n=a.className,i=a.style,d=a.onChange,o=a.label,s=a.feedback,c=a.variant,f=a.disableLabelAnimation,b=a.prepend,v=void 0===b?u.default.createElement(r.ClockIcon,null):b,y=m(a,T),h=e.useRandomId("eds-nativetimepicker");return u.default.createElement(l.BaseFormControl,{style:i,className:n,prepend:v,label:o,feedback:s,variant:c,labelId:h,disableLabelAnimation:f},u.default.createElement(M,p({onChange:d,"aria-labelledby":h,ref:t},y)))})),M=u.default.forwardRef((function(a,t){var n=a.onChange,r=a.value,i=m(a,B),d=l.useVariant(),o=i.variant||d,s=l.useInputGroupContext(),c=s.isFilled,f=s.setFilled;return e.useOnMount((function(){f&&!c&&f(!0)})),u.default.useEffect((function(){r?f&&!c&&f(!0):f&&c&&f(!1)}),[r,f,c]),u.default.createElement("input",p({ref:t,"aria-invalid":"error"===o,type:"time",className:"eds-form-control eds-native-date-picker",onChange:function(e){l.isFilled(e.target)?f&&!c&&f(!0):f&&c&&f(!1),n&&n(e)},value:r},i))}));e.warnAboutMissingStyles("datepicker","form","icons"),exports.DatePicker=h,exports.NativeDatePicker=I,exports.NativeTimePicker=D,exports.TimePicker=L;
 //# sourceMappingURL=datepicker.cjs.production.min.js.map

package/dist/datepicker.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.cjs.production.min.js","sources":["../src/DatePicker.tsx","../src/NativeDatePicker.tsx","../src/TimePicker.tsx","../src/NativeTimePicker.tsx","../src/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  default as ReactDatepicker,\n  ReactDatePickerProps,\n  registerLocale,\n} from 'react-datepicker';\nimport classNames from 'classnames';\nimport {\n  BaseFormControl,\n  useInputGroupContext,\n  VariantType,\n} from '@entur/form';\nimport { CalendarIcon } from '@entur/icons';\nimport { parse, isValid } from 'date-fns';\nimport { nb } from 'date-fns/locale';\nimport './DatePicker.scss';\nimport { Tooltip } from '@entur/tooltip';\nimport { useOnMount, useRandomId } from '@entur/utils';\nimport * as Popper from '@popperjs/core';\n\nregisterLocale('nb', nb);\n\nexport type DatePickerProps = {\n  /** Hva som er den valgte datoen */\n  selectedDate?: Date;\n  /** Kalles når datoen/tiden endres */\n  onChange: (\n    date: Date | null,\n    event: React.SyntheticEvent<any, Event>,\n  ) => void;\n  /**\n   * Kalles når innholdet i inputfeltet endres\n   */\n  onChangeInput?: (value: string) => void;\n  /** Placeholder om ingen dato er valgt\n   * @default \"dd.mm.yyyy\"\n   */\n  placeholder?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over DatePicker */\n  label: string;\n  /**\n   * Varselmelding, som vil komme under DatePicker\n   */\n  feedback?: string;\n  /** Valideringsvariant\n   */\n  variant?: VariantType;\n  /** Varselmelding for når datoen er på feil format\n   * @default \"Ugyldig dato\"\n   */\n  validationFeedback?: string;\n  /** Valideringsvariant for melding om feil datoformat\n   * @default \"error\"\n   */\n  validationVariant?: VariantType;\n  style?: React.CSSProperties;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Tekst eller ikon som kommer før inputfelter\n   * @default <DateIcon />\n   */\n  prepend?: React.ReactNode;\n  /** Skjuler knapp for åpning av kalender\n   * @default false\n   */\n  hideCalendarButton?: boolean;\n  /** Skjuler tilbakemeldingsteksten ved feil dato-input\n   * @default false\n   */\n  hideValidationFeedback?: boolean;\n  /** Skjuler kalender-GUI-et\n   * @default false\n   */\n  hideCalendar?: boolean;\n  // For testing\n  'data-cy'?: any;\n} & Omit<ReactDatePickerProps, 'selected' | 'customInput' | 'onChangeRaw'>;\nconst POPPER_MODIFIERS: Popper.StrictModifiers[] = [\n  {\n    name: 'offset',\n    enabled: true,\n    options: {\n      offset: [0, 0],\n    },\n  },\n];\n\nexport const DatePicker = React.forwardRef<HTMLInputElement, DatePickerProps>(\n  (\n    {\n      selectedDate = null,\n      onChange,\n      onChangeInput,\n      placeholder = 'dd.mm.yyyy',\n      className,\n      style,\n      readOnly,\n      disableLabelAnimation = false,\n      locale = 'nb',\n      prepend,\n      disabled,\n      variant,\n      validationVariant = 'error',\n      feedback,\n      validationFeedback = 'Ugyldig dato',\n      label,\n      hideCalendarButton = false,\n      hideCalendar = false,\n      hideValidationFeedback = false,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [showValidationFeedback, setShowValidationFeedback] = useState(false);\n    const [currentValue, setCurrentValue] = useState('');\n    const [lastValidValue, setLastValidValue] = useState('');\n\n    const datepickerId = useRandomId('eds-datepicker');\n    const { isFilled: isDatepickerFilled, setFilled: setFiller } =\n      useInputGroupContext();\n\n    useOnMount(() => {\n      if (selectedDate) {\n        setFiller && !isDatepickerFilled && setFiller(true);\n        handleChange(selectedDate, undefined);\n      }\n    });\n\n    React.useEffect(() => {\n      if (selectedDate) {\n        setFiller && !isDatepickerFilled && setFiller(true);\n      } else {\n        setFiller && isDatepickerFilled && setFiller(false);\n      }\n    }, [selectedDate, setFiller, isDatepickerFilled]);\n\n    const handleChange = (\n      date: any,\n      event: React.SyntheticEvent<any> | undefined,\n    ) => {\n      if (date) {\n        setFiller && !isDatepickerFilled && setFiller(true);\n      } else {\n        setFiller && isDatepickerFilled && setFiller(false);\n      }\n      if (onChange) {\n        onChange(date, event);\n        const dateString = date?.toLocaleDateString('no-NO', {\n          day: '2-digit',\n          month: '2-digit',\n          year: 'numeric',\n        });\n        setCurrentValue(dateString ?? '');\n        setLastValidValue(dateString ?? '');\n      }\n    };\n\n    const handleChangeRaw = (event: React.FocusEvent<HTMLInputElement>) => {\n      setShowValidationFeedback(false);\n      setCurrentValue(event.target.value);\n      if (onChangeInput) onChangeInput(event.target.value);\n    };\n\n    const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      if (showValidationFeedback) {\n        setShowValidationFeedback(false);\n      } else {\n        const inputValue = event.target.value;\n        if (inputValue) validateInput(inputValue);\n      }\n    };\n\n    const handleKeyDownInput = (\n      event: React.KeyboardEvent<HTMLInputElement>,\n    ) => {\n      if (event.key === 'Enter') validateInput(currentValue);\n    };\n\n    const validateInput = (inputValue: string) => {\n      const parsedDate = parse(inputValue, 'dd.MM.yyyy', new Date(), {\n        locale: nb,\n      });\n\n      const yearIsFourCharacters =\n        currentValue.slice(currentValue.lastIndexOf('.') + 1).length === 4;\n      const isValidDate = isValid(parsedDate) && yearIsFourCharacters;\n\n      if (!isValidDate) {\n        setShowValidationFeedback(true);\n        setCurrentValue(lastValidValue);\n      } else {\n        setShowValidationFeedback(false);\n        setLastValidValue(currentValue);\n      }\n    };\n\n    const displayedFeedback = (): string => {\n      if (feedback) return feedback;\n      if (!hideValidationFeedback && showValidationFeedback)\n        return validationFeedback;\n      return '';\n    };\n\n    const displayedVariant = (): string | undefined => {\n      if (feedback && variant) return variant;\n      if (!hideValidationFeedback && showValidationFeedback)\n        return validationVariant;\n      return undefined;\n    };\n\n    return (\n      <ReactDatepicker\n        className={classNames(className)}\n        calendarClassName=\"eds-datepicker__calender\"\n        selected={selectedDate}\n        onChange={handleChange}\n        showWeekNumbers={true}\n        dateFormat={['dd.MM.yyyy', 'ddMMyyyy', 'dd/MM/yyyy']}\n        showPopperArrow={false}\n        placeholderText={placeholder}\n        readOnly={readOnly}\n        id={datepickerId}\n        ariaLabelledBy={datepickerId}\n        disabled={disabled}\n        locale={locale}\n        popperModifiers={POPPER_MODIFIERS}\n        onBlur={handleBlur}\n        onChangeRaw={handleChangeRaw}\n        onCalendarOpen={() => setShowValidationFeedback(false)}\n        value={currentValue}\n        open={hideCalendar === true ? false : rest.open}\n        {...rest}\n        customInput={\n          <DatePickerInput\n            style={style}\n            readOnly={readOnly}\n            variant={displayedVariant()}\n            feedback={displayedFeedback()}\n            label={label}\n            disabled={disabled}\n            ref={ref}\n            data-cy={rest['data-cy']}\n            disableLabelAnimation={disableLabelAnimation}\n            prepend={prepend}\n            hideCalendarButton={hideCalendarButton}\n            inputId={id}\n            onKeyDownInput={handleKeyDownInput}\n            onBlurInput={handleBlur}\n            onChangeInput={onChangeInput}\n          />\n        }\n      />\n    );\n  },\n);\n\ntype DatePickerInputProps = {\n  onClick?: any;\n  value?: any;\n  disableLabelAnimation?: boolean;\n  className?: string;\n  hideCalendarButton?: boolean;\n  feedback?: string;\n  inputId?: string;\n  [key: string]: any;\n};\n// Props fra customInput i react-datepicker\n// value: inputValue,\n// onBlur: this.handleBlur,\n// onChange: this.handleChange,\n// onClick: this.onInputClick,\n// onFocus: this.handleFocus,\n// onKeyDown: this.onInputKeyDown,\n// id: this.props.id,\n// name: this.props.name,\n// autoFocus: this.props.autoFocus,\n// placeholder: this.props.placeholderText,\n// disabled: this.props.disabled,\n// autoComplete: this.props.autoComplete,\n// className: classnames(customInput.props.className, className),\n// title: this.props.title,\n// readOnly: this.props.readOnly,\n// required: this.props.required,\n// tabIndex: this.props.tabIndex,\n// \"aria-describedby\": this.props.ariaDescribedBy,\n// \"aria-invalid\": this.props.ariaInvalid,\n// \"aria-labelledby\": this.props.ariaLabelledBy,\n// \"aria-required\": this.props.ariaRequired,\n\nconst DatePickerInput = React.forwardRef<\n  HTMLInputElement,\n  DatePickerInputProps\n>(\n  (\n    {\n      value,\n      onClick,\n      // Capture onFocus prop from react-datepicker, but doesn't use it\n      // eslint-disable-next-line\n      onFocus,\n      onKeyDown,\n      variant,\n      feedback,\n      style,\n      disableLabelAnimation,\n      disabled,\n      label,\n      readOnly,\n      id,\n      prepend,\n      className,\n      hideCalendarButton,\n      inputId,\n      onChangeInput,\n      onKeyDownInput,\n      onBlurInput,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <span className={className} onBlur={onBlurInput}>\n        <BaseFormControl\n          style={style}\n          className=\"eds-datepicker__form-control\"\n          readOnly={readOnly}\n          label={label}\n          labelId={id}\n          feedback={feedback}\n          variant={variant}\n          disabled={disabled}\n          disableLabelAnimation={disableLabelAnimation}\n          isFilled={value ? true : false}\n          prepend={prepend}\n        >\n          <input\n            value={value}\n            onClick={onClick}\n            readOnly={readOnly}\n            disabled={disabled}\n            ref={ref}\n            // aria-labelledby={id}\n            className=\"eds-form-control\"\n            id={inputId}\n            onKeyDown={onKeyDownInput}\n            onChange={onChangeInput}\n            {...rest}\n          />\n          {!hideCalendarButton && (\n            <Tooltip\n              placement=\"top\"\n              content=\"Åpne kalender\"\n              disableHoverListener={disabled}\n              disableFocusListener={disabled}\n            >\n              <button\n                className={classNames('eds-datepicker__calendar-button', {\n                  'eds-datepicker__calendar-button--open': true,\n                  'eds-datepicker__calendar-button--disabled': disabled,\n                })}\n                onKeyDown={onKeyDown}\n                onClick={onClick}\n                disabled={disabled}\n                type=\"button\"\n              >\n                <CalendarIcon />\n              </button>\n            </Tooltip>\n          )}\n        </BaseFormControl>\n      </span>\n    );\n  },\n);\n","import React from 'react';\nimport {\n  BaseFormControl,\n  isFilled,\n  useInputGroupContext,\n  useVariant,\n  VariantType,\n} from '@entur/form';\nimport { DateIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nexport type NativeDatePickerProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over NativeDatePicker */\n  label: string;\n  /** Varselmelding, som vil komme under NativeDatePicker */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Tekst eller ikon som kommer før inputfelter\n   * @default <DateIcon />\n   */\n  prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeDatePicker = React.forwardRef<\n  HTMLInputElement,\n  NativeDatePickerProps\n>(\n  (\n    {\n      className,\n      style,\n      label,\n      onChange,\n      feedback,\n      variant,\n      disableLabelAnimation,\n      prepend = <DateIcon inline />,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const nativedatepickerId = useRandomId('eds-nativetimepicker');\n    return (\n      <BaseFormControl\n        style={style}\n        className={className}\n        prepend={prepend}\n        label={label}\n        feedback={feedback}\n        variant={variant}\n        labelId={nativedatepickerId}\n        disableLabelAnimation={disableLabelAnimation}\n        isFilled\n      >\n        <NativeDatePickerBase\n          onChange={onChange}\n          aria-labelledby={nativedatepickerId}\n          ref={ref}\n          variant={variant}\n          {...rest}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype NativeDatePickerBaseProps = {\n  onChange?: any;\n  variant?: VariantType;\n} & React.DetailedHTMLProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n>;\n\nconst NativeDatePickerBase = React.forwardRef<\n  HTMLInputElement,\n  NativeDatePickerBaseProps\n>(({ onChange, variant, value, ...rest }, ref) => {\n  const contextVariant = useVariant();\n  const currentVariant = variant || contextVariant;\n  const { isFilled: isDatepickerFilled, setFilled: setFiller } =\n    useInputGroupContext();\n\n  useOnMount(() => {\n    setFiller && !isDatepickerFilled && setFiller(true);\n  });\n\n  React.useEffect(() => {\n    if (value) {\n      setFiller && !isDatepickerFilled && setFiller(true);\n    } else {\n      setFiller && isDatepickerFilled && setFiller(false);\n    }\n  }, [value, setFiller, isDatepickerFilled]);\n\n  const handleChange = (event: any) => {\n    if (isFilled(event.target)) {\n      setFiller && !isDatepickerFilled && setFiller(true);\n    } else {\n      setFiller && isDatepickerFilled && setFiller(false);\n    }\n    if (onChange) {\n      onChange(event);\n    }\n  };\n  return (\n    <input\n      ref={ref}\n      aria-invalid={currentVariant === 'error'}\n      type=\"date\"\n      className=\"eds-form-control eds-native-date-picker\"\n      onChange={handleChange}\n      value={value}\n      {...rest}\n    />\n  );\n});\n","import React from 'react';\nimport {\n  default as ReactDatepicker,\n  ReactDatePickerProps,\n  registerLocale,\n} from 'react-datepicker';\nimport classNames from 'classnames';\nimport {\n  BaseFormControl,\n  useInputGroupContext,\n  VariantType,\n} from '@entur/form';\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\nimport { nb } from 'date-fns/locale';\nimport { add, sub } from 'date-fns';\nimport * as Popper from '@popperjs/core';\nimport './TimePicker.scss';\nregisterLocale('nb', nb);\n\nexport type TimePickerProps = {\n  /** Hva som er den valgte datoen */\n  selectedTime?: Date;\n  /** Kalles når datoen/tiden endres */\n  onChange: (\n    date: Date | null,\n    event: React.SyntheticEvent<any, Event>,\n  ) => void;\n  /** Placeholder om ingen dato er valgt\n   * @default \"Velg tid\"\n   */\n  placeholder?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over TimePicker */\n  label: string;\n  /** Varselmelding, som vil komme under TimePicker */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  style?: React.CSSProperties;\n  labelTooltip?: React.ReactNode;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Kalles ved klikk på pil venstre i TimePicker\n   * @default Trekker fra 30 minutter av den valgte tiden\n   */\n  onLeftArrowClick?: (selectedTime?: Date | null, e?: React.MouseEvent) => void;\n  /** Kalles ved klikk på pil høyre i TimePicker\n   * @default Legger til 30 minutter av den valgte tiden\n   */\n  onRightArrowClick?: (\n    selectedTime?: Date | null,\n    e?: React.MouseEvent,\n  ) => void;\n} & ReactDatePickerProps;\n\nexport const TimePicker = React.forwardRef<HTMLDivElement, TimePickerProps>(\n  (\n    {\n      selectedTime = null,\n      onChange,\n      placeholder = 'Velg tid',\n      disabled,\n      className,\n      style,\n      label,\n      labelTooltip,\n      feedback,\n      variant,\n      disableLabelAnimation,\n      locale = 'nb',\n      onLeftArrowClick = (selectedTime, event) =>\n        selectedTime && onChange(sub(selectedTime, { minutes: 30 }), event),\n      onRightArrowClick = (selectedTime, event) =>\n        selectedTime && onChange(add(selectedTime, { minutes: 30 }), event),\n      ...rest\n    },\n    ref,\n  ) => {\n    const timepickerId = useRandomId('eds-timepicker');\n    return (\n      <BaseFormControl\n        style={style}\n        ref={ref}\n        label={label}\n        labelId={timepickerId}\n        labelTooltip={labelTooltip}\n        variant={variant}\n        feedback={feedback}\n        disableLabelAnimation={disableLabelAnimation}\n        className=\"eds-timepicker-form-control\"\n        disabled={disabled}\n        prepend={\n          <TimePickerArrowButton\n            direction=\"left\"\n            tabIndex={-1}\n            onClick={(e: React.MouseEvent) => onLeftArrowClick(selectedTime, e)}\n            disabled={disabled}\n          />\n        }\n      >\n        <TimePickerBase\n          selectedTime={selectedTime}\n          onChange={onChange}\n          placeholder={placeholder}\n          className={className}\n          locale={locale}\n          ariaLabelledBy={timepickerId}\n          disabled={disabled}\n          {...rest}\n        />\n        <TimePickerArrowButton\n          direction=\"right\"\n          tabIndex={-1}\n          onClick={(e: React.MouseEvent) => onRightArrowClick(selectedTime, e)}\n          disabled={disabled}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype TimePickerBaseProps = {\n  /** Hva som er den valgte datoen */\n  selectedTime?: Date | null;\n  /** Kalles når datoen/tiden endres */\n  onChange: (\n    date: Date | null,\n    event: React.SyntheticEvent<any, Event>,\n  ) => void;\n  /** Placeholder om ingen dato er valgt\n   * @default \"Velg tid\"\n   */\n  placeholder?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  [key: string]: any;\n} & ReactDatePickerProps;\n\nconst POPPER_MODIFIERS: Popper.StrictModifiers[] = [\n  {\n    name: 'offset',\n    enabled: true,\n    options: {\n      offset: [0, 0],\n    },\n  },\n];\nconst TimePickerBase: React.FC<TimePickerBaseProps> = ({\n  className,\n  onChange,\n  selectedTime,\n  placeholder,\n  timeFormat = 'HH:mm',\n  dateFormat = ['HH:mm', 'HHmm'],\n  ...rest\n}) => {\n  const { isFilled: isTimepickerFilled, setFilled: setFiller } =\n    useInputGroupContext();\n\n  useOnMount(() => {\n    if (selectedTime) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    }\n  });\n\n  React.useEffect(() => {\n    if (selectedTime) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    } else {\n      setFiller && isTimepickerFilled && setFiller(false);\n    }\n  }, [selectedTime, setFiller, isTimepickerFilled]);\n\n  const handleChange = (date: any, event: any) => {\n    if (date) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    } else {\n      setFiller && isTimepickerFilled && setFiller(false);\n    }\n    if (onChange) {\n      onChange(date, event);\n    }\n  };\n  return (\n    <ReactDatepicker\n      className={classNames(\n        'eds-form-control',\n        'eds-timepicker__input',\n        className,\n      )}\n      calendarClassName=\"eds-timepicker\"\n      selected={selectedTime}\n      onChange={handleChange}\n      dateFormat={dateFormat}\n      timeFormat={timeFormat}\n      showTimeSelect\n      showTimeInput={true}\n      showTimeSelectOnly\n      showPopperArrow={false}\n      placeholderText={placeholder}\n      popperClassName=\"eds-datepicker__popper\"\n      popperModifiers={POPPER_MODIFIERS}\n      open={false}\n      {...rest}\n    />\n  );\n};\n\ntype TimePickerArrowButtonProps = {\n  direction: 'left' | 'right';\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nconst TimePickerArrowButton: React.FC<TimePickerArrowButtonProps> = ({\n  direction,\n  ...rest\n}) => {\n  return (\n    <button\n      className={classNames(\n        'eds-timepicker__arrowbutton',\n        `eds-timepicker__arrowbutton--${direction}`,\n      )}\n      type=\"button\"\n      {...rest}\n    >\n      {direction === 'left' ? <LeftArrowIcon /> : <RightArrowIcon />}\n    </button>\n  );\n};\n","import React from 'react';\nimport {\n  BaseFormControl,\n  isFilled,\n  useInputGroupContext,\n  useVariant,\n  VariantType,\n} from '@entur/form';\nimport { ClockIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nexport type NativeTimePickerProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over NativeTimePicker */\n  label: string;\n  /** Varselmelding, som vil komme under NativeTimePicker */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Tekst eller ikon som kommer før inputfelter\n   * @default <ClockIcon />\n   */\n  prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeTimePicker = React.forwardRef<\n  HTMLInputElement,\n  NativeTimePickerProps\n>(\n  (\n    {\n      className,\n      style,\n      onChange,\n      label,\n      feedback,\n      variant,\n      disableLabelAnimation,\n      prepend = <ClockIcon />,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const nativetimepickerId = useRandomId('eds-nativetimepicker');\n    return (\n      <BaseFormControl\n        style={style}\n        className={className}\n        prepend={prepend}\n        label={label}\n        feedback={feedback}\n        variant={variant}\n        labelId={nativetimepickerId}\n        disableLabelAnimation={disableLabelAnimation}\n      >\n        <NativeTimePickerBase\n          onChange={onChange}\n          aria-labelledby={nativetimepickerId}\n          ref={ref}\n          {...rest}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype NativeTimePickerBaseProps = {\n  variant?: VariantType;\n} & React.DetailedHTMLProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n>;\n\nconst NativeTimePickerBase = React.forwardRef<\n  HTMLInputElement,\n  NativeTimePickerBaseProps\n>(({ onChange, value, ...rest }, ref) => {\n  const contextVariant = useVariant();\n  const currentVariant = rest.variant || contextVariant;\n  const { isFilled: isTimepickerFilled, setFilled: setFiller } =\n    useInputGroupContext();\n\n  useOnMount(() => {\n    setFiller && !isTimepickerFilled && setFiller(true);\n  });\n\n  React.useEffect(() => {\n    if (value) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    } else {\n      setFiller && isTimepickerFilled && setFiller(false);\n    }\n  }, [value, setFiller, isTimepickerFilled]);\n\n  const handleChange = (event: any) => {\n    if (isFilled(event.target)) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    } else {\n      setFiller && isTimepickerFilled && setFiller(false);\n    }\n    if (onChange) {\n      onChange(event);\n    }\n  };\n  return (\n    <input\n      ref={ref}\n      aria-invalid={currentVariant === 'error'}\n      type=\"time\"\n      className=\"eds-form-control eds-native-date-picker\"\n      onChange={handleChange}\n      value={value}\n      {...rest}\n    />\n  );\n});\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nimport './react-datepicker.scss';\n\nwarnAboutMissingStyles('datepicker', 'form', 'icons');\n\nexport * from './DatePicker';\nexport * from './NativeDatePicker';\nexport * from './TimePicker';\nexport * from './NativeTimePicker';\n"],"names":["registerLocale","nb","POPPER_MODIFIERS","name","enabled","options","offset","DatePicker","React","forwardRef","ref","selectedDate","onChange","onChangeInput","placeholder","className","style","readOnly","disableLabelAnimation","locale","prepend","disabled","variant","validationVariant","feedback","validationFeedback","label","hideCalendarButton","hideCalendar","hideValidationFeedback","id","rest","useState","showValidationFeedback","setShowValidationFeedback","currentValue","setCurrentValue","lastValidValue","setLastValidValue","datepickerId","useRandomId","useInputGroupContext","isDatepickerFilled","isFilled","setFiller","setFilled","useOnMount","handleChange","undefined","useEffect","date","event","dateString","toLocaleDateString","day","month","year","handleBlur","inputValue","target","value","validateInput","parsedDate","parse","Date","yearIsFourCharacters","slice","lastIndexOf","length","isValid","ReactDatepicker","classNames","calendarClassName","selected","showWeekNumbers","dateFormat","showPopperArrow","placeholderText","ariaLabelledBy","popperModifiers","onBlur","onChangeRaw","onCalendarOpen","open","customInput","DatePickerInput","inputId","onKeyDownInput","key","onBlurInput","onClick","onKeyDown","BaseFormControl","labelId","Tooltip","placement","content","disableHoverListener","disableFocusListener","type","CalendarIcon","NativeDatePicker","DateIcon","inline","nativedatepickerId","NativeDatePickerBase","contextVariant","useVariant","currentVariant","TimePicker","selectedTime","labelTooltip","onLeftArrowClick","sub","minutes","onRightArrowClick","add","timepickerId","TimePickerArrowButton","direction","tabIndex","e","TimePickerBase","timeFormat","isTimepickerFilled","showTimeSelect","showTimeInput","showTimeSelectOnly","popperClassName","LeftArrowIcon","RightArrowIcon","NativeTimePicker","ClockIcon","nativetimepickerId","NativeTimePickerBase","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"datepicker.cjs.production.min.js","sources":["../src/DatePicker.tsx","../src/NativeDatePicker.tsx","../src/TimePicker.tsx","../src/NativeTimePicker.tsx","../src/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  default as ReactDatepicker,\n  ReactDatePickerProps,\n  registerLocale,\n} from 'react-datepicker';\nimport classNames from 'classnames';\nimport {\n  BaseFormControl,\n  useInputGroupContext,\n  VariantType,\n} from '@entur/form';\nimport { CalendarIcon } from '@entur/icons';\nimport { parse, isSameDay } from 'date-fns';\nimport { nb } from 'date-fns/locale';\nimport './DatePicker.scss';\nimport { Tooltip } from '@entur/tooltip';\nimport { useRandomId } from '@entur/utils';\nimport * as Popper from '@popperjs/core';\n\nregisterLocale('nb', nb);\n\nexport type DatePickerProps = {\n  /** Hva som er den valgte datoen */\n  selectedDate?: Date;\n  /** Kalles når datoen/tiden endres */\n  onChange: (\n    date: Date | null,\n    event: React.SyntheticEvent<any, Event> | undefined,\n  ) => void;\n  /**\n   * Kalles når innholdet i inputfeltet endres\n   */\n  onChangeInput?: (value: string) => void;\n  /** Placeholder om ingen dato er valgt\n   * @default \"dd.mm.yyyy\"\n   */\n  placeholder?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over DatePicker */\n  label: string;\n  /**\n   * Varselmelding, som vil komme under DatePicker\n   */\n  feedback?: string;\n  /** Valideringsvariant\n   */\n  variant?: VariantType;\n  /** Varselmelding for når datoen er på feil format\n   * @default \"Ugyldig dato\"\n   */\n  validationFeedback?: string;\n  /** Valideringsvariant for melding om feil datoformat\n   * @default \"error\"\n   */\n  validationVariant?: VariantType;\n  style?: React.CSSProperties;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Tekst eller ikon som kommer før inputfelter\n   * @default <DateIcon />\n   */\n  prepend?: React.ReactNode;\n  /** Skjuler knapp for åpning av kalender\n   * @default false\n   */\n  hideCalendarButton?: boolean;\n  /** Skjuler tilbakemeldingsteksten ved feil dato-input\n   * @default false\n   */\n  hideValidationFeedback?: boolean;\n  /** Skjuler kalender-GUI-et\n   * @default false\n   */\n  hideCalendar?: boolean;\n  // For testing\n  'data-cy'?: any;\n} & Omit<\n  ReactDatePickerProps,\n  'selected' | 'customInput' | 'onChangeRaw' | 'onChange'\n>;\nconst POPPER_MODIFIERS: Popper.StrictModifiers[] = [\n  {\n    name: 'offset',\n    enabled: true,\n    options: {\n      offset: [0, 0],\n    },\n  },\n];\n\nexport const DatePicker = React.forwardRef<HTMLInputElement, DatePickerProps>(\n  (\n    {\n      selectedDate = null,\n      onChange,\n      onChangeInput,\n      placeholder = 'dd.mm.yyyy',\n      className,\n      style,\n      readOnly,\n      disableLabelAnimation = false,\n      locale = 'nb',\n      prepend,\n      disabled,\n      variant,\n      validationVariant = 'error',\n      feedback,\n      validationFeedback = 'Ugyldig dato',\n      label,\n      hideCalendarButton = false,\n      hideCalendar = false,\n      hideValidationFeedback = false,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [showValidationFeedback, setShowValidationFeedback] = useState(false);\n    const [currentValue, setCurrentValue] = useState('');\n    const [lastValidValue, setLastValidValue] = useState('');\n\n    const datepickerId = useRandomId('eds-datepicker');\n    const { isFilled, setFilled } = useInputGroupContext();\n\n    React.useEffect(() => {\n      setFilled(!!selectedDate);\n      handleChange(selectedDate, undefined);\n    }, [selectedDate, setFilled, isFilled]);\n\n    const handleChange = (\n      date: Date | [Date | null, Date | null] | /* for selectsRange */ null,\n      event: React.SyntheticEvent<any> | undefined,\n    ) => {\n      // The return value from reactDatePicker can potentially be a range of dates, this however is not supported.\n      // To circumvent this we create simply pick the first selected value in that case.\n      const newDate = [date].flat()[0];\n      setFilled(!!newDate);\n      const dateString = newDate?.toLocaleDateString('no-NO', {\n        day: '2-digit',\n        month: '2-digit',\n        year: 'numeric',\n      });\n      setCurrentValue(dateString ?? '');\n      setLastValidValue(dateString ?? '');\n      if (onChange) {\n        onChange(newDate, event);\n      }\n    };\n\n    const handleChangeRaw = (event: React.FocusEvent<HTMLInputElement>) => {\n      setShowValidationFeedback(false);\n      const inputValue = event.target.value;\n      setCurrentValue(inputValue);\n      if (onChangeInput) onChangeInput(inputValue);\n    };\n\n    const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      validateInput(event.target.value);\n    };\n\n    const handleKeyDownInput = (\n      event: React.KeyboardEvent<HTMLInputElement>,\n    ) => {\n      if (event.key === 'Enter') {\n        validateInput(event.currentTarget.value);\n      }\n    };\n\n    const validateInput = (inputValue: string | undefined) => {\n      setShowValidationFeedback(false);\n      if (!inputValue) {\n        return;\n      }\n      const parsedDate = parse(inputValue, 'dd.MM.yyyy', new Date(), {\n        locale: nb,\n      });\n\n      const selectedDateIsTheSameAsParsedDateFromInput =\n        selectedDate && isSameDay(parsedDate, selectedDate);\n      if (selectedDateIsTheSameAsParsedDateFromInput) {\n        setLastValidValue(currentValue);\n      } else {\n        setShowValidationFeedback(true);\n        setCurrentValue(lastValidValue);\n      }\n    };\n\n    const displayedFeedback = (): string => {\n      if (feedback) return feedback;\n      if (!hideValidationFeedback && showValidationFeedback)\n        return validationFeedback;\n      return '';\n    };\n\n    const displayedVariant = (): string | undefined => {\n      if (feedback && variant) return variant;\n      if (!hideValidationFeedback && showValidationFeedback)\n        return validationVariant;\n      return undefined;\n    };\n\n    return (\n      <ReactDatepicker\n        className={classNames(className)}\n        calendarClassName=\"eds-datepicker__calender\"\n        selected={selectedDate}\n        onChange={handleChange}\n        showWeekNumbers={true}\n        dateFormat={['dd.MM.yyyy', 'ddMMyyyy', 'dd/MM/yyyy']}\n        showPopperArrow={false}\n        placeholderText={placeholder}\n        readOnly={readOnly}\n        id={datepickerId}\n        ariaLabelledBy={datepickerId}\n        disabled={disabled}\n        locale={locale}\n        popperModifiers={POPPER_MODIFIERS}\n        onBlur={handleBlur}\n        onChangeRaw={handleChangeRaw}\n        onCalendarOpen={() => setShowValidationFeedback(false)}\n        value={currentValue}\n        open={hideCalendar === true ? false : rest.open}\n        {...rest}\n        customInput={\n          <DatePickerInput\n            style={style}\n            readOnly={readOnly}\n            variant={displayedVariant()}\n            feedback={displayedFeedback()}\n            label={label}\n            disabled={disabled}\n            ref={ref}\n            data-cy={rest['data-cy']}\n            disableLabelAnimation={disableLabelAnimation}\n            prepend={prepend}\n            hideCalendarButton={hideCalendarButton}\n            inputId={id}\n            onKeyDownInput={handleKeyDownInput}\n            onBlurInput={handleBlur}\n            onChangeInput={onChangeInput}\n          />\n        }\n      />\n    );\n  },\n);\n\ntype DatePickerInputProps = {\n  onClick?: any;\n  value?: any;\n  disableLabelAnimation?: boolean;\n  className?: string;\n  hideCalendarButton?: boolean;\n  feedback?: string;\n  inputId?: string;\n  [key: string]: any;\n};\n// Props fra customInput i react-datepicker\n// value: inputValue,\n// onBlur: this.handleBlur,\n// onChange: this.handleChange,\n// onClick: this.onInputClick,\n// onFocus: this.handleFocus,\n// onKeyDown: this.onInputKeyDown,\n// id: this.props.id,\n// name: this.props.name,\n// autoFocus: this.props.autoFocus,\n// placeholder: this.props.placeholderText,\n// disabled: this.props.disabled,\n// autoComplete: this.props.autoComplete,\n// className: classnames(customInput.props.className, className),\n// title: this.props.title,\n// readOnly: this.props.readOnly,\n// required: this.props.required,\n// tabIndex: this.props.tabIndex,\n// \"aria-describedby\": this.props.ariaDescribedBy,\n// \"aria-invalid\": this.props.ariaInvalid,\n// \"aria-labelledby\": this.props.ariaLabelledBy,\n// \"aria-required\": this.props.ariaRequired,\n\nconst DatePickerInput = React.forwardRef<\n  HTMLInputElement,\n  DatePickerInputProps\n>(\n  (\n    {\n      value,\n      onClick,\n      // Capture onFocus prop from react-datepicker, but doesn't use it\n      // eslint-disable-next-line\n      onFocus,\n      onKeyDown,\n      variant,\n      feedback,\n      style,\n      disableLabelAnimation,\n      disabled,\n      label,\n      readOnly,\n      id,\n      prepend,\n      className,\n      hideCalendarButton,\n      inputId,\n      onChangeInput,\n      onKeyDownInput,\n      onBlurInput,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <span className={className} onBlur={onBlurInput}>\n        <BaseFormControl\n          style={style}\n          className=\"eds-datepicker__form-control\"\n          readOnly={readOnly}\n          label={label}\n          labelId={id}\n          feedback={feedback}\n          variant={variant}\n          disabled={disabled}\n          disableLabelAnimation={disableLabelAnimation}\n          isFilled={!!value}\n          prepend={prepend}\n        >\n          <input\n            value={value}\n            onClick={onClick}\n            readOnly={readOnly}\n            disabled={disabled}\n            ref={ref}\n            // aria-labelledby={id}\n            className=\"eds-form-control\"\n            id={inputId}\n            onKeyDown={onKeyDownInput}\n            onChange={onChangeInput}\n            {...rest}\n          />\n          {!hideCalendarButton && (\n            <Tooltip\n              placement=\"top\"\n              content=\"Åpne kalender\"\n              disableHoverListener={disabled}\n              disableFocusListener={disabled}\n            >\n              <button\n                className={classNames('eds-datepicker__calendar-button', {\n                  'eds-datepicker__calendar-button--open': true,\n                  'eds-datepicker__calendar-button--disabled': disabled,\n                })}\n                onKeyDown={onKeyDown}\n                onClick={onClick}\n                disabled={disabled}\n                type=\"button\"\n              >\n                <CalendarIcon />\n              </button>\n            </Tooltip>\n          )}\n        </BaseFormControl>\n      </span>\n    );\n  },\n);\n","import React from 'react';\nimport {\n  BaseFormControl,\n  isFilled,\n  useInputGroupContext,\n  useVariant,\n  VariantType,\n} from '@entur/form';\nimport { DateIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nexport type NativeDatePickerProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over NativeDatePicker */\n  label: string;\n  /** Varselmelding, som vil komme under NativeDatePicker */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Tekst eller ikon som kommer før inputfelter\n   * @default <DateIcon />\n   */\n  prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeDatePicker = React.forwardRef<\n  HTMLInputElement,\n  NativeDatePickerProps\n>(\n  (\n    {\n      className,\n      style,\n      label,\n      onChange,\n      feedback,\n      variant,\n      disableLabelAnimation,\n      prepend = <DateIcon inline />,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const nativedatepickerId = useRandomId('eds-nativetimepicker');\n    return (\n      <BaseFormControl\n        style={style}\n        className={className}\n        prepend={prepend}\n        label={label}\n        feedback={feedback}\n        variant={variant}\n        labelId={nativedatepickerId}\n        disableLabelAnimation={disableLabelAnimation}\n        isFilled\n      >\n        <NativeDatePickerBase\n          onChange={onChange}\n          aria-labelledby={nativedatepickerId}\n          ref={ref}\n          variant={variant}\n          {...rest}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype NativeDatePickerBaseProps = {\n  onChange?: any;\n  variant?: VariantType;\n} & React.DetailedHTMLProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n>;\n\nconst NativeDatePickerBase = React.forwardRef<\n  HTMLInputElement,\n  NativeDatePickerBaseProps\n>(({ onChange, variant, value, ...rest }, ref) => {\n  const contextVariant = useVariant();\n  const currentVariant = variant || contextVariant;\n  const { isFilled: isDatepickerFilled, setFilled: setFiller } =\n    useInputGroupContext();\n\n  useOnMount(() => {\n    setFiller && !isDatepickerFilled && setFiller(true);\n  });\n\n  React.useEffect(() => {\n    if (value) {\n      setFiller && !isDatepickerFilled && setFiller(true);\n    } else {\n      setFiller && isDatepickerFilled && setFiller(false);\n    }\n  }, [value, setFiller, isDatepickerFilled]);\n\n  const handleChange = (event: any) => {\n    if (isFilled(event.target)) {\n      setFiller && !isDatepickerFilled && setFiller(true);\n    } else {\n      setFiller && isDatepickerFilled && setFiller(false);\n    }\n    if (onChange) {\n      onChange(event);\n    }\n  };\n  return (\n    <input\n      ref={ref}\n      aria-invalid={currentVariant === 'error'}\n      type=\"date\"\n      className=\"eds-form-control eds-native-date-picker\"\n      onChange={handleChange}\n      value={value}\n      {...rest}\n    />\n  );\n});\n","import React from 'react';\nimport {\n  default as ReactDatepicker,\n  ReactDatePickerProps,\n  registerLocale,\n} from 'react-datepicker';\nimport classNames from 'classnames';\nimport {\n  BaseFormControl,\n  useInputGroupContext,\n  VariantType,\n} from '@entur/form';\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\nimport { nb } from 'date-fns/locale';\nimport { add, sub } from 'date-fns';\nimport * as Popper from '@popperjs/core';\nimport './TimePicker.scss';\nregisterLocale('nb', nb);\n\nexport type TimePickerProps = {\n  /** Hva som er den valgte datoen */\n  selectedTime?: Date;\n  /** Kalles når datoen/tiden endres */\n  onChange: (\n    date: Date | null,\n    event: React.SyntheticEvent<any, Event>,\n  ) => void;\n  /** Placeholder om ingen dato er valgt\n   * @default \"Velg tid\"\n   */\n  placeholder?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over TimePicker */\n  label: string;\n  /** Varselmelding, som vil komme under TimePicker */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  style?: React.CSSProperties;\n  labelTooltip?: React.ReactNode;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Kalles ved klikk på pil venstre i TimePicker\n   * @default Trekker fra 30 minutter av den valgte tiden\n   */\n  onLeftArrowClick?: (selectedTime?: Date | null, e?: React.MouseEvent) => void;\n  /** Kalles ved klikk på pil høyre i TimePicker\n   * @default Legger til 30 minutter av den valgte tiden\n   */\n  onRightArrowClick?: (\n    selectedTime?: Date | null,\n    e?: React.MouseEvent,\n  ) => void;\n} & ReactDatePickerProps;\n\nexport const TimePicker = React.forwardRef<HTMLDivElement, TimePickerProps>(\n  (\n    {\n      selectedTime = null,\n      onChange,\n      placeholder = 'Velg tid',\n      disabled,\n      className,\n      style,\n      label,\n      labelTooltip,\n      feedback,\n      variant,\n      disableLabelAnimation,\n      locale = 'nb',\n      onLeftArrowClick = (selectedTime, event) =>\n        selectedTime && onChange(sub(selectedTime, { minutes: 30 }), event),\n      onRightArrowClick = (selectedTime, event) =>\n        selectedTime && onChange(add(selectedTime, { minutes: 30 }), event),\n      ...rest\n    },\n    ref,\n  ) => {\n    const timepickerId = useRandomId('eds-timepicker');\n    return (\n      <BaseFormControl\n        style={style}\n        ref={ref}\n        label={label}\n        labelId={timepickerId}\n        labelTooltip={labelTooltip}\n        variant={variant}\n        feedback={feedback}\n        disableLabelAnimation={disableLabelAnimation}\n        className=\"eds-timepicker-form-control\"\n        disabled={disabled}\n        prepend={\n          <TimePickerArrowButton\n            direction=\"left\"\n            tabIndex={-1}\n            onClick={(e: React.MouseEvent) => onLeftArrowClick(selectedTime, e)}\n            disabled={disabled}\n          />\n        }\n      >\n        <TimePickerBase\n          selectedTime={selectedTime}\n          onChange={onChange}\n          placeholder={placeholder}\n          className={className}\n          locale={locale}\n          ariaLabelledBy={timepickerId}\n          disabled={disabled}\n          {...rest}\n        />\n        <TimePickerArrowButton\n          direction=\"right\"\n          tabIndex={-1}\n          onClick={(e: React.MouseEvent) => onRightArrowClick(selectedTime, e)}\n          disabled={disabled}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype TimePickerBaseProps = {\n  /** Hva som er den valgte datoen */\n  selectedTime?: Date | null;\n  /** Kalles når datoen/tiden endres */\n  onChange: (\n    date: Date | null,\n    event: React.SyntheticEvent<any, Event>,\n  ) => void;\n  /** Placeholder om ingen dato er valgt\n   * @default \"Velg tid\"\n   */\n  placeholder?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  [key: string]: any;\n} & ReactDatePickerProps;\n\nconst POPPER_MODIFIERS: Popper.StrictModifiers[] = [\n  {\n    name: 'offset',\n    enabled: true,\n    options: {\n      offset: [0, 0],\n    },\n  },\n];\nconst TimePickerBase: React.FC<TimePickerBaseProps> = ({\n  className,\n  onChange,\n  selectedTime,\n  placeholder,\n  timeFormat = 'HH:mm',\n  dateFormat = ['HH:mm', 'HHmm'],\n  ...rest\n}) => {\n  const { isFilled: isTimepickerFilled, setFilled: setFiller } =\n    useInputGroupContext();\n\n  useOnMount(() => {\n    if (selectedTime) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    }\n  });\n\n  React.useEffect(() => {\n    if (selectedTime) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    } else {\n      setFiller && isTimepickerFilled && setFiller(false);\n    }\n  }, [selectedTime, setFiller, isTimepickerFilled]);\n\n  const handleChange = (date: any, event: any) => {\n    if (date) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    } else {\n      setFiller && isTimepickerFilled && setFiller(false);\n    }\n    if (onChange) {\n      onChange(date, event);\n    }\n  };\n  return (\n    <ReactDatepicker\n      className={classNames(\n        'eds-form-control',\n        'eds-timepicker__input',\n        className,\n      )}\n      calendarClassName=\"eds-timepicker\"\n      selected={selectedTime}\n      onChange={handleChange}\n      dateFormat={dateFormat}\n      timeFormat={timeFormat}\n      showTimeSelect\n      showTimeInput={true}\n      showTimeSelectOnly\n      showPopperArrow={false}\n      placeholderText={placeholder}\n      popperClassName=\"eds-datepicker__popper\"\n      popperModifiers={POPPER_MODIFIERS}\n      open={false}\n      {...rest}\n    />\n  );\n};\n\ntype TimePickerArrowButtonProps = {\n  direction: 'left' | 'right';\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nconst TimePickerArrowButton: React.FC<TimePickerArrowButtonProps> = ({\n  direction,\n  ...rest\n}) => {\n  return (\n    <button\n      className={classNames(\n        'eds-timepicker__arrowbutton',\n        `eds-timepicker__arrowbutton--${direction}`,\n      )}\n      type=\"button\"\n      {...rest}\n    >\n      {direction === 'left' ? <LeftArrowIcon /> : <RightArrowIcon />}\n    </button>\n  );\n};\n","import React from 'react';\nimport {\n  BaseFormControl,\n  isFilled,\n  useInputGroupContext,\n  useVariant,\n  VariantType,\n} from '@entur/form';\nimport { ClockIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nexport type NativeTimePickerProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over NativeTimePicker */\n  label: string;\n  /** Varselmelding, som vil komme under NativeTimePicker */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Tekst eller ikon som kommer før inputfelter\n   * @default <ClockIcon />\n   */\n  prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeTimePicker = React.forwardRef<\n  HTMLInputElement,\n  NativeTimePickerProps\n>(\n  (\n    {\n      className,\n      style,\n      onChange,\n      label,\n      feedback,\n      variant,\n      disableLabelAnimation,\n      prepend = <ClockIcon />,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const nativetimepickerId = useRandomId('eds-nativetimepicker');\n    return (\n      <BaseFormControl\n        style={style}\n        className={className}\n        prepend={prepend}\n        label={label}\n        feedback={feedback}\n        variant={variant}\n        labelId={nativetimepickerId}\n        disableLabelAnimation={disableLabelAnimation}\n      >\n        <NativeTimePickerBase\n          onChange={onChange}\n          aria-labelledby={nativetimepickerId}\n          ref={ref}\n          {...rest}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype NativeTimePickerBaseProps = {\n  variant?: VariantType;\n} & React.DetailedHTMLProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n>;\n\nconst NativeTimePickerBase = React.forwardRef<\n  HTMLInputElement,\n  NativeTimePickerBaseProps\n>(({ onChange, value, ...rest }, ref) => {\n  const contextVariant = useVariant();\n  const currentVariant = rest.variant || contextVariant;\n  const { isFilled: isTimepickerFilled, setFilled: setFiller } =\n    useInputGroupContext();\n\n  useOnMount(() => {\n    setFiller && !isTimepickerFilled && setFiller(true);\n  });\n\n  React.useEffect(() => {\n    if (value) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    } else {\n      setFiller && isTimepickerFilled && setFiller(false);\n    }\n  }, [value, setFiller, isTimepickerFilled]);\n\n  const handleChange = (event: any) => {\n    if (isFilled(event.target)) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    } else {\n      setFiller && isTimepickerFilled && setFiller(false);\n    }\n    if (onChange) {\n      onChange(event);\n    }\n  };\n  return (\n    <input\n      ref={ref}\n      aria-invalid={currentVariant === 'error'}\n      type=\"time\"\n      className=\"eds-form-control eds-native-date-picker\"\n      onChange={handleChange}\n      value={value}\n      {...rest}\n    />\n  );\n});\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nimport './react-datepicker.scss';\n\nwarnAboutMissingStyles('datepicker', 'form', 'icons');\n\nexport * from './DatePicker';\nexport * from './NativeDatePicker';\nexport * from './TimePicker';\nexport * from './NativeTimePicker';\n"],"names":["registerLocale","nb","POPPER_MODIFIERS","name","enabled","options","offset","DatePicker","React","forwardRef","ref","selectedDate","onChange","onChangeInput","placeholder","className","style","readOnly","disableLabelAnimation","locale","prepend","disabled","variant","validationVariant","feedback","validationFeedback","label","hideCalendarButton","hideCalendar","hideValidationFeedback","id","rest","useState","showValidationFeedback","setShowValidationFeedback","currentValue","setCurrentValue","lastValidValue","setLastValidValue","datepickerId","useRandomId","useInputGroupContext","setFilled","useEffect","handleChange","undefined","isFilled","date","event","newDate","flat","dateString","toLocaleDateString","day","month","year","handleBlur","validateInput","target","value","inputValue","parsedDate","parse","Date","isSameDay","ReactDatepicker","classNames","calendarClassName","selected","showWeekNumbers","dateFormat","showPopperArrow","placeholderText","ariaLabelledBy","popperModifiers","onBlur","onChangeRaw","onCalendarOpen","open","customInput","DatePickerInput","inputId","onKeyDownInput","key","currentTarget","onBlurInput","onClick","onKeyDown","BaseFormControl","labelId","Tooltip","placement","content","disableHoverListener","disableFocusListener","type","CalendarIcon","NativeDatePicker","DateIcon","inline","nativedatepickerId","NativeDatePickerBase","contextVariant","useVariant","currentVariant","isDatepickerFilled","setFiller","useOnMount","TimePicker","selectedTime","labelTooltip","onLeftArrowClick","sub","minutes","onRightArrowClick","add","timepickerId","TimePickerArrowButton","direction","tabIndex","e","TimePickerBase","timeFormat","isTimepickerFilled","showTimeSelect","showTimeInput","showTimeSelectOnly","popperClassName","LeftArrowIcon","RightArrowIcon","NativeTimePicker","ClockIcon","nativetimepickerId","NativeTimePickerBase","warnAboutMissingStyles"],"mappings":"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"}

package/dist/datepicker.esm.js

@@ -4,7 +4,7 @@ import ReactDatepicker, { registerLocale } from 'react-datepicker';
 import classNames from 'classnames';
 import { useInputGroupContext, BaseFormControl, useVariant, isFilled } from '@entur/form';
 import { CalendarIcon, DateIcon, LeftArrowIcon, RightArrowIcon, ClockIcon } from '@entur/icons';
-import { parse, isValid, sub, add } from 'date-fns';
+import { parse, isSameDay, sub, add } from 'date-fns';
 import { nb } from 'date-fns/locale';
 import { Tooltip } from '@entur/tooltip';
 
@@ -98,74 +98,66 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var datepickerId = useRandomId('eds-datepicker');
 
   var _useInputGroupContext = useInputGroupContext(),
-      isDatepickerFilled = _useInputGroupContext.isFilled,
-      setFiller = _useInputGroupContext.setFilled;
+      isFilled = _useInputGroupContext.isFilled,
+      setFilled = _useInputGroupContext.setFilled;
 
-  useOnMount(function () {
-    if (selectedDate) {
-      setFiller && !isDatepickerFilled && setFiller(true);
-      handleChange(selectedDate, undefined);
-    }
-  });
   React.useEffect(function () {
-    if (selectedDate) {
-      setFiller && !isDatepickerFilled && setFiller(true);
-    } else {
-      setFiller && isDatepickerFilled && setFiller(false);
-    }
-  }, [selectedDate, setFiller, isDatepickerFilled]);
+    setFilled(!!selectedDate);
+    handleChange(selectedDate, undefined);
+  }, [selectedDate, setFilled, isFilled]);
 
   var handleChange = function handleChange(date, event) {
-    if (date) {
-      setFiller && !isDatepickerFilled && setFiller(true);
-    } else {
-      setFiller && isDatepickerFilled && setFiller(false);
-    }
+    // The return value from reactDatePicker can potentially be a range of dates, this however is not supported.
+    // To circumvent this we create simply pick the first selected value in that case.
+    var newDate = [date].flat()[0];
+    setFilled(!!newDate);
+    var dateString = newDate == null ? void 0 : newDate.toLocaleDateString('no-NO', {
+      day: '2-digit',
+      month: '2-digit',
+      year: 'numeric'
+    });
+    setCurrentValue(dateString != null ? dateString : '');
+    setLastValidValue(dateString != null ? dateString : '');
 
     if (onChange) {
-      onChange(date, event);
-      var dateString = date == null ? void 0 : date.toLocaleDateString('no-NO', {
-        day: '2-digit',
-        month: '2-digit',
-        year: 'numeric'
-      });
-      setCurrentValue(dateString != null ? dateString : '');
-      setLastValidValue(dateString != null ? dateString : '');
+      onChange(newDate, event);
     }
   };
 
   var handleChangeRaw = function handleChangeRaw(event) {
     setShowValidationFeedback(false);
-    setCurrentValue(event.target.value);
-    if (onChangeInput) onChangeInput(event.target.value);
+    var inputValue = event.target.value;
+    setCurrentValue(inputValue);
+    if (onChangeInput) onChangeInput(inputValue);
   };
 
   var handleBlur = function handleBlur(event) {
-    if (showValidationFeedback) {
-      setShowValidationFeedback(false);
-    } else {
-      var inputValue = event.target.value;
-      if (inputValue) validateInput(inputValue);
-    }
+    validateInput(event.target.value);
   };
 
   var handleKeyDownInput = function handleKeyDownInput(event) {
-    if (event.key === 'Enter') validateInput(currentValue);
+    if (event.key === 'Enter') {
+      validateInput(event.currentTarget.value);
+    }
   };
 
   var validateInput = function validateInput(inputValue) {
+    setShowValidationFeedback(false);
+
+    if (!inputValue) {
+      return;
+    }
+
     var parsedDate = parse(inputValue, 'dd.MM.yyyy', new Date(), {
       locale: nb
     });
-    var yearIsFourCharacters = currentValue.slice(currentValue.lastIndexOf('.') + 1).length === 4;
-    var isValidDate = isValid(parsedDate) && yearIsFourCharacters;
+    var selectedDateIsTheSameAsParsedDateFromInput = selectedDate && isSameDay(parsedDate, selectedDate);
 
-    if (!isValidDate) {
+    if (selectedDateIsTheSameAsParsedDateFromInput) {
+      setLastValidValue(currentValue);
+    } else {
       setShowValidationFeedback(true);
       setCurrentValue(lastValidValue);
-    } else {
-      setShowValidationFeedback(false);
-      setLastValidValue(currentValue);
     }
   };
 
@@ -279,7 +271,7 @@ var DatePickerInput = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     variant: variant,
     disabled: disabled,
     disableLabelAnimation: disableLabelAnimation,
-    isFilled: value ? true : false,
+    isFilled: !!value,
     prepend: prepend
   }, React.createElement("input", _extends({
     value: value,

package/dist/datepicker.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.esm.js","sources":["../src/DatePicker.tsx","../src/NativeDatePicker.tsx","../src/TimePicker.tsx","../src/NativeTimePicker.tsx","../src/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  default as ReactDatepicker,\n  ReactDatePickerProps,\n  registerLocale,\n} from 'react-datepicker';\nimport classNames from 'classnames';\nimport {\n  BaseFormControl,\n  useInputGroupContext,\n  VariantType,\n} from '@entur/form';\nimport { CalendarIcon } from '@entur/icons';\nimport { parse, isValid } from 'date-fns';\nimport { nb } from 'date-fns/locale';\nimport './DatePicker.scss';\nimport { Tooltip } from '@entur/tooltip';\nimport { useOnMount, useRandomId } from '@entur/utils';\nimport * as Popper from '@popperjs/core';\n\nregisterLocale('nb', nb);\n\nexport type DatePickerProps = {\n  /** Hva som er den valgte datoen */\n  selectedDate?: Date;\n  /** Kalles når datoen/tiden endres */\n  onChange: (\n    date: Date | null,\n    event: React.SyntheticEvent<any, Event>,\n  ) => void;\n  /**\n   * Kalles når innholdet i inputfeltet endres\n   */\n  onChangeInput?: (value: string) => void;\n  /** Placeholder om ingen dato er valgt\n   * @default \"dd.mm.yyyy\"\n   */\n  placeholder?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over DatePicker */\n  label: string;\n  /**\n   * Varselmelding, som vil komme under DatePicker\n   */\n  feedback?: string;\n  /** Valideringsvariant\n   */\n  variant?: VariantType;\n  /** Varselmelding for når datoen er på feil format\n   * @default \"Ugyldig dato\"\n   */\n  validationFeedback?: string;\n  /** Valideringsvariant for melding om feil datoformat\n   * @default \"error\"\n   */\n  validationVariant?: VariantType;\n  style?: React.CSSProperties;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Tekst eller ikon som kommer før inputfelter\n   * @default <DateIcon />\n   */\n  prepend?: React.ReactNode;\n  /** Skjuler knapp for åpning av kalender\n   * @default false\n   */\n  hideCalendarButton?: boolean;\n  /** Skjuler tilbakemeldingsteksten ved feil dato-input\n   * @default false\n   */\n  hideValidationFeedback?: boolean;\n  /** Skjuler kalender-GUI-et\n   * @default false\n   */\n  hideCalendar?: boolean;\n  // For testing\n  'data-cy'?: any;\n} & Omit<ReactDatePickerProps, 'selected' | 'customInput' | 'onChangeRaw'>;\nconst POPPER_MODIFIERS: Popper.StrictModifiers[] = [\n  {\n    name: 'offset',\n    enabled: true,\n    options: {\n      offset: [0, 0],\n    },\n  },\n];\n\nexport const DatePicker = React.forwardRef<HTMLInputElement, DatePickerProps>(\n  (\n    {\n      selectedDate = null,\n      onChange,\n      onChangeInput,\n      placeholder = 'dd.mm.yyyy',\n      className,\n      style,\n      readOnly,\n      disableLabelAnimation = false,\n      locale = 'nb',\n      prepend,\n      disabled,\n      variant,\n      validationVariant = 'error',\n      feedback,\n      validationFeedback = 'Ugyldig dato',\n      label,\n      hideCalendarButton = false,\n      hideCalendar = false,\n      hideValidationFeedback = false,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [showValidationFeedback, setShowValidationFeedback] = useState(false);\n    const [currentValue, setCurrentValue] = useState('');\n    const [lastValidValue, setLastValidValue] = useState('');\n\n    const datepickerId = useRandomId('eds-datepicker');\n    const { isFilled: isDatepickerFilled, setFilled: setFiller } =\n      useInputGroupContext();\n\n    useOnMount(() => {\n      if (selectedDate) {\n        setFiller && !isDatepickerFilled && setFiller(true);\n        handleChange(selectedDate, undefined);\n      }\n    });\n\n    React.useEffect(() => {\n      if (selectedDate) {\n        setFiller && !isDatepickerFilled && setFiller(true);\n      } else {\n        setFiller && isDatepickerFilled && setFiller(false);\n      }\n    }, [selectedDate, setFiller, isDatepickerFilled]);\n\n    const handleChange = (\n      date: any,\n      event: React.SyntheticEvent<any> | undefined,\n    ) => {\n      if (date) {\n        setFiller && !isDatepickerFilled && setFiller(true);\n      } else {\n        setFiller && isDatepickerFilled && setFiller(false);\n      }\n      if (onChange) {\n        onChange(date, event);\n        const dateString = date?.toLocaleDateString('no-NO', {\n          day: '2-digit',\n          month: '2-digit',\n          year: 'numeric',\n        });\n        setCurrentValue(dateString ?? '');\n        setLastValidValue(dateString ?? '');\n      }\n    };\n\n    const handleChangeRaw = (event: React.FocusEvent<HTMLInputElement>) => {\n      setShowValidationFeedback(false);\n      setCurrentValue(event.target.value);\n      if (onChangeInput) onChangeInput(event.target.value);\n    };\n\n    const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      if (showValidationFeedback) {\n        setShowValidationFeedback(false);\n      } else {\n        const inputValue = event.target.value;\n        if (inputValue) validateInput(inputValue);\n      }\n    };\n\n    const handleKeyDownInput = (\n      event: React.KeyboardEvent<HTMLInputElement>,\n    ) => {\n      if (event.key === 'Enter') validateInput(currentValue);\n    };\n\n    const validateInput = (inputValue: string) => {\n      const parsedDate = parse(inputValue, 'dd.MM.yyyy', new Date(), {\n        locale: nb,\n      });\n\n      const yearIsFourCharacters =\n        currentValue.slice(currentValue.lastIndexOf('.') + 1).length === 4;\n      const isValidDate = isValid(parsedDate) && yearIsFourCharacters;\n\n      if (!isValidDate) {\n        setShowValidationFeedback(true);\n        setCurrentValue(lastValidValue);\n      } else {\n        setShowValidationFeedback(false);\n        setLastValidValue(currentValue);\n      }\n    };\n\n    const displayedFeedback = (): string => {\n      if (feedback) return feedback;\n      if (!hideValidationFeedback && showValidationFeedback)\n        return validationFeedback;\n      return '';\n    };\n\n    const displayedVariant = (): string | undefined => {\n      if (feedback && variant) return variant;\n      if (!hideValidationFeedback && showValidationFeedback)\n        return validationVariant;\n      return undefined;\n    };\n\n    return (\n      <ReactDatepicker\n        className={classNames(className)}\n        calendarClassName=\"eds-datepicker__calender\"\n        selected={selectedDate}\n        onChange={handleChange}\n        showWeekNumbers={true}\n        dateFormat={['dd.MM.yyyy', 'ddMMyyyy', 'dd/MM/yyyy']}\n        showPopperArrow={false}\n        placeholderText={placeholder}\n        readOnly={readOnly}\n        id={datepickerId}\n        ariaLabelledBy={datepickerId}\n        disabled={disabled}\n        locale={locale}\n        popperModifiers={POPPER_MODIFIERS}\n        onBlur={handleBlur}\n        onChangeRaw={handleChangeRaw}\n        onCalendarOpen={() => setShowValidationFeedback(false)}\n        value={currentValue}\n        open={hideCalendar === true ? false : rest.open}\n        {...rest}\n        customInput={\n          <DatePickerInput\n            style={style}\n            readOnly={readOnly}\n            variant={displayedVariant()}\n            feedback={displayedFeedback()}\n            label={label}\n            disabled={disabled}\n            ref={ref}\n            data-cy={rest['data-cy']}\n            disableLabelAnimation={disableLabelAnimation}\n            prepend={prepend}\n            hideCalendarButton={hideCalendarButton}\n            inputId={id}\n            onKeyDownInput={handleKeyDownInput}\n            onBlurInput={handleBlur}\n            onChangeInput={onChangeInput}\n          />\n        }\n      />\n    );\n  },\n);\n\ntype DatePickerInputProps = {\n  onClick?: any;\n  value?: any;\n  disableLabelAnimation?: boolean;\n  className?: string;\n  hideCalendarButton?: boolean;\n  feedback?: string;\n  inputId?: string;\n  [key: string]: any;\n};\n// Props fra customInput i react-datepicker\n// value: inputValue,\n// onBlur: this.handleBlur,\n// onChange: this.handleChange,\n// onClick: this.onInputClick,\n// onFocus: this.handleFocus,\n// onKeyDown: this.onInputKeyDown,\n// id: this.props.id,\n// name: this.props.name,\n// autoFocus: this.props.autoFocus,\n// placeholder: this.props.placeholderText,\n// disabled: this.props.disabled,\n// autoComplete: this.props.autoComplete,\n// className: classnames(customInput.props.className, className),\n// title: this.props.title,\n// readOnly: this.props.readOnly,\n// required: this.props.required,\n// tabIndex: this.props.tabIndex,\n// \"aria-describedby\": this.props.ariaDescribedBy,\n// \"aria-invalid\": this.props.ariaInvalid,\n// \"aria-labelledby\": this.props.ariaLabelledBy,\n// \"aria-required\": this.props.ariaRequired,\n\nconst DatePickerInput = React.forwardRef<\n  HTMLInputElement,\n  DatePickerInputProps\n>(\n  (\n    {\n      value,\n      onClick,\n      // Capture onFocus prop from react-datepicker, but doesn't use it\n      // eslint-disable-next-line\n      onFocus,\n      onKeyDown,\n      variant,\n      feedback,\n      style,\n      disableLabelAnimation,\n      disabled,\n      label,\n      readOnly,\n      id,\n      prepend,\n      className,\n      hideCalendarButton,\n      inputId,\n      onChangeInput,\n      onKeyDownInput,\n      onBlurInput,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <span className={className} onBlur={onBlurInput}>\n        <BaseFormControl\n          style={style}\n          className=\"eds-datepicker__form-control\"\n          readOnly={readOnly}\n          label={label}\n          labelId={id}\n          feedback={feedback}\n          variant={variant}\n          disabled={disabled}\n          disableLabelAnimation={disableLabelAnimation}\n          isFilled={value ? true : false}\n          prepend={prepend}\n        >\n          <input\n            value={value}\n            onClick={onClick}\n            readOnly={readOnly}\n            disabled={disabled}\n            ref={ref}\n            // aria-labelledby={id}\n            className=\"eds-form-control\"\n            id={inputId}\n            onKeyDown={onKeyDownInput}\n            onChange={onChangeInput}\n            {...rest}\n          />\n          {!hideCalendarButton && (\n            <Tooltip\n              placement=\"top\"\n              content=\"Åpne kalender\"\n              disableHoverListener={disabled}\n              disableFocusListener={disabled}\n            >\n              <button\n                className={classNames('eds-datepicker__calendar-button', {\n                  'eds-datepicker__calendar-button--open': true,\n                  'eds-datepicker__calendar-button--disabled': disabled,\n                })}\n                onKeyDown={onKeyDown}\n                onClick={onClick}\n                disabled={disabled}\n                type=\"button\"\n              >\n                <CalendarIcon />\n              </button>\n            </Tooltip>\n          )}\n        </BaseFormControl>\n      </span>\n    );\n  },\n);\n","import React from 'react';\nimport {\n  BaseFormControl,\n  isFilled,\n  useInputGroupContext,\n  useVariant,\n  VariantType,\n} from '@entur/form';\nimport { DateIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nexport type NativeDatePickerProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over NativeDatePicker */\n  label: string;\n  /** Varselmelding, som vil komme under NativeDatePicker */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Tekst eller ikon som kommer før inputfelter\n   * @default <DateIcon />\n   */\n  prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeDatePicker = React.forwardRef<\n  HTMLInputElement,\n  NativeDatePickerProps\n>(\n  (\n    {\n      className,\n      style,\n      label,\n      onChange,\n      feedback,\n      variant,\n      disableLabelAnimation,\n      prepend = <DateIcon inline />,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const nativedatepickerId = useRandomId('eds-nativetimepicker');\n    return (\n      <BaseFormControl\n        style={style}\n        className={className}\n        prepend={prepend}\n        label={label}\n        feedback={feedback}\n        variant={variant}\n        labelId={nativedatepickerId}\n        disableLabelAnimation={disableLabelAnimation}\n        isFilled\n      >\n        <NativeDatePickerBase\n          onChange={onChange}\n          aria-labelledby={nativedatepickerId}\n          ref={ref}\n          variant={variant}\n          {...rest}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype NativeDatePickerBaseProps = {\n  onChange?: any;\n  variant?: VariantType;\n} & React.DetailedHTMLProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n>;\n\nconst NativeDatePickerBase = React.forwardRef<\n  HTMLInputElement,\n  NativeDatePickerBaseProps\n>(({ onChange, variant, value, ...rest }, ref) => {\n  const contextVariant = useVariant();\n  const currentVariant = variant || contextVariant;\n  const { isFilled: isDatepickerFilled, setFilled: setFiller } =\n    useInputGroupContext();\n\n  useOnMount(() => {\n    setFiller && !isDatepickerFilled && setFiller(true);\n  });\n\n  React.useEffect(() => {\n    if (value) {\n      setFiller && !isDatepickerFilled && setFiller(true);\n    } else {\n      setFiller && isDatepickerFilled && setFiller(false);\n    }\n  }, [value, setFiller, isDatepickerFilled]);\n\n  const handleChange = (event: any) => {\n    if (isFilled(event.target)) {\n      setFiller && !isDatepickerFilled && setFiller(true);\n    } else {\n      setFiller && isDatepickerFilled && setFiller(false);\n    }\n    if (onChange) {\n      onChange(event);\n    }\n  };\n  return (\n    <input\n      ref={ref}\n      aria-invalid={currentVariant === 'error'}\n      type=\"date\"\n      className=\"eds-form-control eds-native-date-picker\"\n      onChange={handleChange}\n      value={value}\n      {...rest}\n    />\n  );\n});\n","import React from 'react';\nimport {\n  default as ReactDatepicker,\n  ReactDatePickerProps,\n  registerLocale,\n} from 'react-datepicker';\nimport classNames from 'classnames';\nimport {\n  BaseFormControl,\n  useInputGroupContext,\n  VariantType,\n} from '@entur/form';\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\nimport { nb } from 'date-fns/locale';\nimport { add, sub } from 'date-fns';\nimport * as Popper from '@popperjs/core';\nimport './TimePicker.scss';\nregisterLocale('nb', nb);\n\nexport type TimePickerProps = {\n  /** Hva som er den valgte datoen */\n  selectedTime?: Date;\n  /** Kalles når datoen/tiden endres */\n  onChange: (\n    date: Date | null,\n    event: React.SyntheticEvent<any, Event>,\n  ) => void;\n  /** Placeholder om ingen dato er valgt\n   * @default \"Velg tid\"\n   */\n  placeholder?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over TimePicker */\n  label: string;\n  /** Varselmelding, som vil komme under TimePicker */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  style?: React.CSSProperties;\n  labelTooltip?: React.ReactNode;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Kalles ved klikk på pil venstre i TimePicker\n   * @default Trekker fra 30 minutter av den valgte tiden\n   */\n  onLeftArrowClick?: (selectedTime?: Date | null, e?: React.MouseEvent) => void;\n  /** Kalles ved klikk på pil høyre i TimePicker\n   * @default Legger til 30 minutter av den valgte tiden\n   */\n  onRightArrowClick?: (\n    selectedTime?: Date | null,\n    e?: React.MouseEvent,\n  ) => void;\n} & ReactDatePickerProps;\n\nexport const TimePicker = React.forwardRef<HTMLDivElement, TimePickerProps>(\n  (\n    {\n      selectedTime = null,\n      onChange,\n      placeholder = 'Velg tid',\n      disabled,\n      className,\n      style,\n      label,\n      labelTooltip,\n      feedback,\n      variant,\n      disableLabelAnimation,\n      locale = 'nb',\n      onLeftArrowClick = (selectedTime, event) =>\n        selectedTime && onChange(sub(selectedTime, { minutes: 30 }), event),\n      onRightArrowClick = (selectedTime, event) =>\n        selectedTime && onChange(add(selectedTime, { minutes: 30 }), event),\n      ...rest\n    },\n    ref,\n  ) => {\n    const timepickerId = useRandomId('eds-timepicker');\n    return (\n      <BaseFormControl\n        style={style}\n        ref={ref}\n        label={label}\n        labelId={timepickerId}\n        labelTooltip={labelTooltip}\n        variant={variant}\n        feedback={feedback}\n        disableLabelAnimation={disableLabelAnimation}\n        className=\"eds-timepicker-form-control\"\n        disabled={disabled}\n        prepend={\n          <TimePickerArrowButton\n            direction=\"left\"\n            tabIndex={-1}\n            onClick={(e: React.MouseEvent) => onLeftArrowClick(selectedTime, e)}\n            disabled={disabled}\n          />\n        }\n      >\n        <TimePickerBase\n          selectedTime={selectedTime}\n          onChange={onChange}\n          placeholder={placeholder}\n          className={className}\n          locale={locale}\n          ariaLabelledBy={timepickerId}\n          disabled={disabled}\n          {...rest}\n        />\n        <TimePickerArrowButton\n          direction=\"right\"\n          tabIndex={-1}\n          onClick={(e: React.MouseEvent) => onRightArrowClick(selectedTime, e)}\n          disabled={disabled}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype TimePickerBaseProps = {\n  /** Hva som er den valgte datoen */\n  selectedTime?: Date | null;\n  /** Kalles når datoen/tiden endres */\n  onChange: (\n    date: Date | null,\n    event: React.SyntheticEvent<any, Event>,\n  ) => void;\n  /** Placeholder om ingen dato er valgt\n   * @default \"Velg tid\"\n   */\n  placeholder?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  [key: string]: any;\n} & ReactDatePickerProps;\n\nconst POPPER_MODIFIERS: Popper.StrictModifiers[] = [\n  {\n    name: 'offset',\n    enabled: true,\n    options: {\n      offset: [0, 0],\n    },\n  },\n];\nconst TimePickerBase: React.FC<TimePickerBaseProps> = ({\n  className,\n  onChange,\n  selectedTime,\n  placeholder,\n  timeFormat = 'HH:mm',\n  dateFormat = ['HH:mm', 'HHmm'],\n  ...rest\n}) => {\n  const { isFilled: isTimepickerFilled, setFilled: setFiller } =\n    useInputGroupContext();\n\n  useOnMount(() => {\n    if (selectedTime) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    }\n  });\n\n  React.useEffect(() => {\n    if (selectedTime) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    } else {\n      setFiller && isTimepickerFilled && setFiller(false);\n    }\n  }, [selectedTime, setFiller, isTimepickerFilled]);\n\n  const handleChange = (date: any, event: any) => {\n    if (date) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    } else {\n      setFiller && isTimepickerFilled && setFiller(false);\n    }\n    if (onChange) {\n      onChange(date, event);\n    }\n  };\n  return (\n    <ReactDatepicker\n      className={classNames(\n        'eds-form-control',\n        'eds-timepicker__input',\n        className,\n      )}\n      calendarClassName=\"eds-timepicker\"\n      selected={selectedTime}\n      onChange={handleChange}\n      dateFormat={dateFormat}\n      timeFormat={timeFormat}\n      showTimeSelect\n      showTimeInput={true}\n      showTimeSelectOnly\n      showPopperArrow={false}\n      placeholderText={placeholder}\n      popperClassName=\"eds-datepicker__popper\"\n      popperModifiers={POPPER_MODIFIERS}\n      open={false}\n      {...rest}\n    />\n  );\n};\n\ntype TimePickerArrowButtonProps = {\n  direction: 'left' | 'right';\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nconst TimePickerArrowButton: React.FC<TimePickerArrowButtonProps> = ({\n  direction,\n  ...rest\n}) => {\n  return (\n    <button\n      className={classNames(\n        'eds-timepicker__arrowbutton',\n        `eds-timepicker__arrowbutton--${direction}`,\n      )}\n      type=\"button\"\n      {...rest}\n    >\n      {direction === 'left' ? <LeftArrowIcon /> : <RightArrowIcon />}\n    </button>\n  );\n};\n","import React from 'react';\nimport {\n  BaseFormControl,\n  isFilled,\n  useInputGroupContext,\n  useVariant,\n  VariantType,\n} from '@entur/form';\nimport { ClockIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nexport type NativeTimePickerProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over NativeTimePicker */\n  label: string;\n  /** Varselmelding, som vil komme under NativeTimePicker */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Tekst eller ikon som kommer før inputfelter\n   * @default <ClockIcon />\n   */\n  prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeTimePicker = React.forwardRef<\n  HTMLInputElement,\n  NativeTimePickerProps\n>(\n  (\n    {\n      className,\n      style,\n      onChange,\n      label,\n      feedback,\n      variant,\n      disableLabelAnimation,\n      prepend = <ClockIcon />,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const nativetimepickerId = useRandomId('eds-nativetimepicker');\n    return (\n      <BaseFormControl\n        style={style}\n        className={className}\n        prepend={prepend}\n        label={label}\n        feedback={feedback}\n        variant={variant}\n        labelId={nativetimepickerId}\n        disableLabelAnimation={disableLabelAnimation}\n      >\n        <NativeTimePickerBase\n          onChange={onChange}\n          aria-labelledby={nativetimepickerId}\n          ref={ref}\n          {...rest}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype NativeTimePickerBaseProps = {\n  variant?: VariantType;\n} & React.DetailedHTMLProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n>;\n\nconst NativeTimePickerBase = React.forwardRef<\n  HTMLInputElement,\n  NativeTimePickerBaseProps\n>(({ onChange, value, ...rest }, ref) => {\n  const contextVariant = useVariant();\n  const currentVariant = rest.variant || contextVariant;\n  const { isFilled: isTimepickerFilled, setFilled: setFiller } =\n    useInputGroupContext();\n\n  useOnMount(() => {\n    setFiller && !isTimepickerFilled && setFiller(true);\n  });\n\n  React.useEffect(() => {\n    if (value) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    } else {\n      setFiller && isTimepickerFilled && setFiller(false);\n    }\n  }, [value, setFiller, isTimepickerFilled]);\n\n  const handleChange = (event: any) => {\n    if (isFilled(event.target)) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    } else {\n      setFiller && isTimepickerFilled && setFiller(false);\n    }\n    if (onChange) {\n      onChange(event);\n    }\n  };\n  return (\n    <input\n      ref={ref}\n      aria-invalid={currentVariant === 'error'}\n      type=\"time\"\n      className=\"eds-form-control eds-native-date-picker\"\n      onChange={handleChange}\n      value={value}\n      {...rest}\n    />\n  );\n});\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nimport './react-datepicker.scss';\n\nwarnAboutMissingStyles('datepicker', 'form', 'icons');\n\nexport * from './DatePicker';\nexport * from './NativeDatePicker';\nexport * from './TimePicker';\nexport * from './NativeTimePicker';\n"],"names":["registerLocale","nb","POPPER_MODIFIERS","name","enabled","options","offset","DatePicker","React","forwardRef","ref","selectedDate","onChange","onChangeInput","placeholder","className","style","readOnly","disableLabelAnimation","locale","prepend","disabled","variant","validationVariant","feedback","validationFeedback","label","hideCalendarButton","hideCalendar","hideValidationFeedback","id","rest","useState","showValidationFeedback","setShowValidationFeedback","currentValue","setCurrentValue","lastValidValue","setLastValidValue","datepickerId","useRandomId","useInputGroupContext","isDatepickerFilled","isFilled","setFiller","setFilled","useOnMount","handleChange","undefined","useEffect","date","event","dateString","toLocaleDateString","day","month","year","handleChangeRaw","target","value","handleBlur","inputValue","validateInput","handleKeyDownInput","key","parsedDate","parse","Date","yearIsFourCharacters","slice","lastIndexOf","length","isValidDate","isValid","displayedFeedback","displayedVariant","ReactDatepicker","classNames","calendarClassName","selected","showWeekNumbers","dateFormat","showPopperArrow","placeholderText","ariaLabelledBy","popperModifiers","onBlur","onChangeRaw","onCalendarOpen","open","customInput","DatePickerInput","inputId","onKeyDownInput","onBlurInput","onClick","onKeyDown","BaseFormControl","labelId","Tooltip","placement","content","disableHoverListener","disableFocusListener","type","CalendarIcon","NativeDatePicker","DateIcon","inline","nativedatepickerId","NativeDatePickerBase","contextVariant","useVariant","currentVariant","TimePicker","selectedTime","labelTooltip","onLeftArrowClick","sub","minutes","onRightArrowClick","add","timepickerId","TimePickerArrowButton","direction","tabIndex","e","TimePickerBase","timeFormat","isTimepickerFilled","showTimeSelect","showTimeInput","showTimeSelectOnly","popperClassName","LeftArrowIcon","RightArrowIcon","NativeTimePicker","ClockIcon","nativetimepickerId","NativeTimePickerBase","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"datepicker.esm.js","sources":["../src/DatePicker.tsx","../src/NativeDatePicker.tsx","../src/TimePicker.tsx","../src/NativeTimePicker.tsx","../src/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  default as ReactDatepicker,\n  ReactDatePickerProps,\n  registerLocale,\n} from 'react-datepicker';\nimport classNames from 'classnames';\nimport {\n  BaseFormControl,\n  useInputGroupContext,\n  VariantType,\n} from '@entur/form';\nimport { CalendarIcon } from '@entur/icons';\nimport { parse, isSameDay } from 'date-fns';\nimport { nb } from 'date-fns/locale';\nimport './DatePicker.scss';\nimport { Tooltip } from '@entur/tooltip';\nimport { useRandomId } from '@entur/utils';\nimport * as Popper from '@popperjs/core';\n\nregisterLocale('nb', nb);\n\nexport type DatePickerProps = {\n  /** Hva som er den valgte datoen */\n  selectedDate?: Date;\n  /** Kalles når datoen/tiden endres */\n  onChange: (\n    date: Date | null,\n    event: React.SyntheticEvent<any, Event> | undefined,\n  ) => void;\n  /**\n   * Kalles når innholdet i inputfeltet endres\n   */\n  onChangeInput?: (value: string) => void;\n  /** Placeholder om ingen dato er valgt\n   * @default \"dd.mm.yyyy\"\n   */\n  placeholder?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over DatePicker */\n  label: string;\n  /**\n   * Varselmelding, som vil komme under DatePicker\n   */\n  feedback?: string;\n  /** Valideringsvariant\n   */\n  variant?: VariantType;\n  /** Varselmelding for når datoen er på feil format\n   * @default \"Ugyldig dato\"\n   */\n  validationFeedback?: string;\n  /** Valideringsvariant for melding om feil datoformat\n   * @default \"error\"\n   */\n  validationVariant?: VariantType;\n  style?: React.CSSProperties;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Tekst eller ikon som kommer før inputfelter\n   * @default <DateIcon />\n   */\n  prepend?: React.ReactNode;\n  /** Skjuler knapp for åpning av kalender\n   * @default false\n   */\n  hideCalendarButton?: boolean;\n  /** Skjuler tilbakemeldingsteksten ved feil dato-input\n   * @default false\n   */\n  hideValidationFeedback?: boolean;\n  /** Skjuler kalender-GUI-et\n   * @default false\n   */\n  hideCalendar?: boolean;\n  // For testing\n  'data-cy'?: any;\n} & Omit<\n  ReactDatePickerProps,\n  'selected' | 'customInput' | 'onChangeRaw' | 'onChange'\n>;\nconst POPPER_MODIFIERS: Popper.StrictModifiers[] = [\n  {\n    name: 'offset',\n    enabled: true,\n    options: {\n      offset: [0, 0],\n    },\n  },\n];\n\nexport const DatePicker = React.forwardRef<HTMLInputElement, DatePickerProps>(\n  (\n    {\n      selectedDate = null,\n      onChange,\n      onChangeInput,\n      placeholder = 'dd.mm.yyyy',\n      className,\n      style,\n      readOnly,\n      disableLabelAnimation = false,\n      locale = 'nb',\n      prepend,\n      disabled,\n      variant,\n      validationVariant = 'error',\n      feedback,\n      validationFeedback = 'Ugyldig dato',\n      label,\n      hideCalendarButton = false,\n      hideCalendar = false,\n      hideValidationFeedback = false,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [showValidationFeedback, setShowValidationFeedback] = useState(false);\n    const [currentValue, setCurrentValue] = useState('');\n    const [lastValidValue, setLastValidValue] = useState('');\n\n    const datepickerId = useRandomId('eds-datepicker');\n    const { isFilled, setFilled } = useInputGroupContext();\n\n    React.useEffect(() => {\n      setFilled(!!selectedDate);\n      handleChange(selectedDate, undefined);\n    }, [selectedDate, setFilled, isFilled]);\n\n    const handleChange = (\n      date: Date | [Date | null, Date | null] | /* for selectsRange */ null,\n      event: React.SyntheticEvent<any> | undefined,\n    ) => {\n      // The return value from reactDatePicker can potentially be a range of dates, this however is not supported.\n      // To circumvent this we create simply pick the first selected value in that case.\n      const newDate = [date].flat()[0];\n      setFilled(!!newDate);\n      const dateString = newDate?.toLocaleDateString('no-NO', {\n        day: '2-digit',\n        month: '2-digit',\n        year: 'numeric',\n      });\n      setCurrentValue(dateString ?? '');\n      setLastValidValue(dateString ?? '');\n      if (onChange) {\n        onChange(newDate, event);\n      }\n    };\n\n    const handleChangeRaw = (event: React.FocusEvent<HTMLInputElement>) => {\n      setShowValidationFeedback(false);\n      const inputValue = event.target.value;\n      setCurrentValue(inputValue);\n      if (onChangeInput) onChangeInput(inputValue);\n    };\n\n    const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      validateInput(event.target.value);\n    };\n\n    const handleKeyDownInput = (\n      event: React.KeyboardEvent<HTMLInputElement>,\n    ) => {\n      if (event.key === 'Enter') {\n        validateInput(event.currentTarget.value);\n      }\n    };\n\n    const validateInput = (inputValue: string | undefined) => {\n      setShowValidationFeedback(false);\n      if (!inputValue) {\n        return;\n      }\n      const parsedDate = parse(inputValue, 'dd.MM.yyyy', new Date(), {\n        locale: nb,\n      });\n\n      const selectedDateIsTheSameAsParsedDateFromInput =\n        selectedDate && isSameDay(parsedDate, selectedDate);\n      if (selectedDateIsTheSameAsParsedDateFromInput) {\n        setLastValidValue(currentValue);\n      } else {\n        setShowValidationFeedback(true);\n        setCurrentValue(lastValidValue);\n      }\n    };\n\n    const displayedFeedback = (): string => {\n      if (feedback) return feedback;\n      if (!hideValidationFeedback && showValidationFeedback)\n        return validationFeedback;\n      return '';\n    };\n\n    const displayedVariant = (): string | undefined => {\n      if (feedback && variant) return variant;\n      if (!hideValidationFeedback && showValidationFeedback)\n        return validationVariant;\n      return undefined;\n    };\n\n    return (\n      <ReactDatepicker\n        className={classNames(className)}\n        calendarClassName=\"eds-datepicker__calender\"\n        selected={selectedDate}\n        onChange={handleChange}\n        showWeekNumbers={true}\n        dateFormat={['dd.MM.yyyy', 'ddMMyyyy', 'dd/MM/yyyy']}\n        showPopperArrow={false}\n        placeholderText={placeholder}\n        readOnly={readOnly}\n        id={datepickerId}\n        ariaLabelledBy={datepickerId}\n        disabled={disabled}\n        locale={locale}\n        popperModifiers={POPPER_MODIFIERS}\n        onBlur={handleBlur}\n        onChangeRaw={handleChangeRaw}\n        onCalendarOpen={() => setShowValidationFeedback(false)}\n        value={currentValue}\n        open={hideCalendar === true ? false : rest.open}\n        {...rest}\n        customInput={\n          <DatePickerInput\n            style={style}\n            readOnly={readOnly}\n            variant={displayedVariant()}\n            feedback={displayedFeedback()}\n            label={label}\n            disabled={disabled}\n            ref={ref}\n            data-cy={rest['data-cy']}\n            disableLabelAnimation={disableLabelAnimation}\n            prepend={prepend}\n            hideCalendarButton={hideCalendarButton}\n            inputId={id}\n            onKeyDownInput={handleKeyDownInput}\n            onBlurInput={handleBlur}\n            onChangeInput={onChangeInput}\n          />\n        }\n      />\n    );\n  },\n);\n\ntype DatePickerInputProps = {\n  onClick?: any;\n  value?: any;\n  disableLabelAnimation?: boolean;\n  className?: string;\n  hideCalendarButton?: boolean;\n  feedback?: string;\n  inputId?: string;\n  [key: string]: any;\n};\n// Props fra customInput i react-datepicker\n// value: inputValue,\n// onBlur: this.handleBlur,\n// onChange: this.handleChange,\n// onClick: this.onInputClick,\n// onFocus: this.handleFocus,\n// onKeyDown: this.onInputKeyDown,\n// id: this.props.id,\n// name: this.props.name,\n// autoFocus: this.props.autoFocus,\n// placeholder: this.props.placeholderText,\n// disabled: this.props.disabled,\n// autoComplete: this.props.autoComplete,\n// className: classnames(customInput.props.className, className),\n// title: this.props.title,\n// readOnly: this.props.readOnly,\n// required: this.props.required,\n// tabIndex: this.props.tabIndex,\n// \"aria-describedby\": this.props.ariaDescribedBy,\n// \"aria-invalid\": this.props.ariaInvalid,\n// \"aria-labelledby\": this.props.ariaLabelledBy,\n// \"aria-required\": this.props.ariaRequired,\n\nconst DatePickerInput = React.forwardRef<\n  HTMLInputElement,\n  DatePickerInputProps\n>(\n  (\n    {\n      value,\n      onClick,\n      // Capture onFocus prop from react-datepicker, but doesn't use it\n      // eslint-disable-next-line\n      onFocus,\n      onKeyDown,\n      variant,\n      feedback,\n      style,\n      disableLabelAnimation,\n      disabled,\n      label,\n      readOnly,\n      id,\n      prepend,\n      className,\n      hideCalendarButton,\n      inputId,\n      onChangeInput,\n      onKeyDownInput,\n      onBlurInput,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <span className={className} onBlur={onBlurInput}>\n        <BaseFormControl\n          style={style}\n          className=\"eds-datepicker__form-control\"\n          readOnly={readOnly}\n          label={label}\n          labelId={id}\n          feedback={feedback}\n          variant={variant}\n          disabled={disabled}\n          disableLabelAnimation={disableLabelAnimation}\n          isFilled={!!value}\n          prepend={prepend}\n        >\n          <input\n            value={value}\n            onClick={onClick}\n            readOnly={readOnly}\n            disabled={disabled}\n            ref={ref}\n            // aria-labelledby={id}\n            className=\"eds-form-control\"\n            id={inputId}\n            onKeyDown={onKeyDownInput}\n            onChange={onChangeInput}\n            {...rest}\n          />\n          {!hideCalendarButton && (\n            <Tooltip\n              placement=\"top\"\n              content=\"Åpne kalender\"\n              disableHoverListener={disabled}\n              disableFocusListener={disabled}\n            >\n              <button\n                className={classNames('eds-datepicker__calendar-button', {\n                  'eds-datepicker__calendar-button--open': true,\n                  'eds-datepicker__calendar-button--disabled': disabled,\n                })}\n                onKeyDown={onKeyDown}\n                onClick={onClick}\n                disabled={disabled}\n                type=\"button\"\n              >\n                <CalendarIcon />\n              </button>\n            </Tooltip>\n          )}\n        </BaseFormControl>\n      </span>\n    );\n  },\n);\n","import React from 'react';\nimport {\n  BaseFormControl,\n  isFilled,\n  useInputGroupContext,\n  useVariant,\n  VariantType,\n} from '@entur/form';\nimport { DateIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nexport type NativeDatePickerProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over NativeDatePicker */\n  label: string;\n  /** Varselmelding, som vil komme under NativeDatePicker */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Tekst eller ikon som kommer før inputfelter\n   * @default <DateIcon />\n   */\n  prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeDatePicker = React.forwardRef<\n  HTMLInputElement,\n  NativeDatePickerProps\n>(\n  (\n    {\n      className,\n      style,\n      label,\n      onChange,\n      feedback,\n      variant,\n      disableLabelAnimation,\n      prepend = <DateIcon inline />,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const nativedatepickerId = useRandomId('eds-nativetimepicker');\n    return (\n      <BaseFormControl\n        style={style}\n        className={className}\n        prepend={prepend}\n        label={label}\n        feedback={feedback}\n        variant={variant}\n        labelId={nativedatepickerId}\n        disableLabelAnimation={disableLabelAnimation}\n        isFilled\n      >\n        <NativeDatePickerBase\n          onChange={onChange}\n          aria-labelledby={nativedatepickerId}\n          ref={ref}\n          variant={variant}\n          {...rest}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype NativeDatePickerBaseProps = {\n  onChange?: any;\n  variant?: VariantType;\n} & React.DetailedHTMLProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n>;\n\nconst NativeDatePickerBase = React.forwardRef<\n  HTMLInputElement,\n  NativeDatePickerBaseProps\n>(({ onChange, variant, value, ...rest }, ref) => {\n  const contextVariant = useVariant();\n  const currentVariant = variant || contextVariant;\n  const { isFilled: isDatepickerFilled, setFilled: setFiller } =\n    useInputGroupContext();\n\n  useOnMount(() => {\n    setFiller && !isDatepickerFilled && setFiller(true);\n  });\n\n  React.useEffect(() => {\n    if (value) {\n      setFiller && !isDatepickerFilled && setFiller(true);\n    } else {\n      setFiller && isDatepickerFilled && setFiller(false);\n    }\n  }, [value, setFiller, isDatepickerFilled]);\n\n  const handleChange = (event: any) => {\n    if (isFilled(event.target)) {\n      setFiller && !isDatepickerFilled && setFiller(true);\n    } else {\n      setFiller && isDatepickerFilled && setFiller(false);\n    }\n    if (onChange) {\n      onChange(event);\n    }\n  };\n  return (\n    <input\n      ref={ref}\n      aria-invalid={currentVariant === 'error'}\n      type=\"date\"\n      className=\"eds-form-control eds-native-date-picker\"\n      onChange={handleChange}\n      value={value}\n      {...rest}\n    />\n  );\n});\n","import React from 'react';\nimport {\n  default as ReactDatepicker,\n  ReactDatePickerProps,\n  registerLocale,\n} from 'react-datepicker';\nimport classNames from 'classnames';\nimport {\n  BaseFormControl,\n  useInputGroupContext,\n  VariantType,\n} from '@entur/form';\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\nimport { nb } from 'date-fns/locale';\nimport { add, sub } from 'date-fns';\nimport * as Popper from '@popperjs/core';\nimport './TimePicker.scss';\nregisterLocale('nb', nb);\n\nexport type TimePickerProps = {\n  /** Hva som er den valgte datoen */\n  selectedTime?: Date;\n  /** Kalles når datoen/tiden endres */\n  onChange: (\n    date: Date | null,\n    event: React.SyntheticEvent<any, Event>,\n  ) => void;\n  /** Placeholder om ingen dato er valgt\n   * @default \"Velg tid\"\n   */\n  placeholder?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over TimePicker */\n  label: string;\n  /** Varselmelding, som vil komme under TimePicker */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  style?: React.CSSProperties;\n  labelTooltip?: React.ReactNode;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Kalles ved klikk på pil venstre i TimePicker\n   * @default Trekker fra 30 minutter av den valgte tiden\n   */\n  onLeftArrowClick?: (selectedTime?: Date | null, e?: React.MouseEvent) => void;\n  /** Kalles ved klikk på pil høyre i TimePicker\n   * @default Legger til 30 minutter av den valgte tiden\n   */\n  onRightArrowClick?: (\n    selectedTime?: Date | null,\n    e?: React.MouseEvent,\n  ) => void;\n} & ReactDatePickerProps;\n\nexport const TimePicker = React.forwardRef<HTMLDivElement, TimePickerProps>(\n  (\n    {\n      selectedTime = null,\n      onChange,\n      placeholder = 'Velg tid',\n      disabled,\n      className,\n      style,\n      label,\n      labelTooltip,\n      feedback,\n      variant,\n      disableLabelAnimation,\n      locale = 'nb',\n      onLeftArrowClick = (selectedTime, event) =>\n        selectedTime && onChange(sub(selectedTime, { minutes: 30 }), event),\n      onRightArrowClick = (selectedTime, event) =>\n        selectedTime && onChange(add(selectedTime, { minutes: 30 }), event),\n      ...rest\n    },\n    ref,\n  ) => {\n    const timepickerId = useRandomId('eds-timepicker');\n    return (\n      <BaseFormControl\n        style={style}\n        ref={ref}\n        label={label}\n        labelId={timepickerId}\n        labelTooltip={labelTooltip}\n        variant={variant}\n        feedback={feedback}\n        disableLabelAnimation={disableLabelAnimation}\n        className=\"eds-timepicker-form-control\"\n        disabled={disabled}\n        prepend={\n          <TimePickerArrowButton\n            direction=\"left\"\n            tabIndex={-1}\n            onClick={(e: React.MouseEvent) => onLeftArrowClick(selectedTime, e)}\n            disabled={disabled}\n          />\n        }\n      >\n        <TimePickerBase\n          selectedTime={selectedTime}\n          onChange={onChange}\n          placeholder={placeholder}\n          className={className}\n          locale={locale}\n          ariaLabelledBy={timepickerId}\n          disabled={disabled}\n          {...rest}\n        />\n        <TimePickerArrowButton\n          direction=\"right\"\n          tabIndex={-1}\n          onClick={(e: React.MouseEvent) => onRightArrowClick(selectedTime, e)}\n          disabled={disabled}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype TimePickerBaseProps = {\n  /** Hva som er den valgte datoen */\n  selectedTime?: Date | null;\n  /** Kalles når datoen/tiden endres */\n  onChange: (\n    date: Date | null,\n    event: React.SyntheticEvent<any, Event>,\n  ) => void;\n  /** Placeholder om ingen dato er valgt\n   * @default \"Velg tid\"\n   */\n  placeholder?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  [key: string]: any;\n} & ReactDatePickerProps;\n\nconst POPPER_MODIFIERS: Popper.StrictModifiers[] = [\n  {\n    name: 'offset',\n    enabled: true,\n    options: {\n      offset: [0, 0],\n    },\n  },\n];\nconst TimePickerBase: React.FC<TimePickerBaseProps> = ({\n  className,\n  onChange,\n  selectedTime,\n  placeholder,\n  timeFormat = 'HH:mm',\n  dateFormat = ['HH:mm', 'HHmm'],\n  ...rest\n}) => {\n  const { isFilled: isTimepickerFilled, setFilled: setFiller } =\n    useInputGroupContext();\n\n  useOnMount(() => {\n    if (selectedTime) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    }\n  });\n\n  React.useEffect(() => {\n    if (selectedTime) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    } else {\n      setFiller && isTimepickerFilled && setFiller(false);\n    }\n  }, [selectedTime, setFiller, isTimepickerFilled]);\n\n  const handleChange = (date: any, event: any) => {\n    if (date) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    } else {\n      setFiller && isTimepickerFilled && setFiller(false);\n    }\n    if (onChange) {\n      onChange(date, event);\n    }\n  };\n  return (\n    <ReactDatepicker\n      className={classNames(\n        'eds-form-control',\n        'eds-timepicker__input',\n        className,\n      )}\n      calendarClassName=\"eds-timepicker\"\n      selected={selectedTime}\n      onChange={handleChange}\n      dateFormat={dateFormat}\n      timeFormat={timeFormat}\n      showTimeSelect\n      showTimeInput={true}\n      showTimeSelectOnly\n      showPopperArrow={false}\n      placeholderText={placeholder}\n      popperClassName=\"eds-datepicker__popper\"\n      popperModifiers={POPPER_MODIFIERS}\n      open={false}\n      {...rest}\n    />\n  );\n};\n\ntype TimePickerArrowButtonProps = {\n  direction: 'left' | 'right';\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nconst TimePickerArrowButton: React.FC<TimePickerArrowButtonProps> = ({\n  direction,\n  ...rest\n}) => {\n  return (\n    <button\n      className={classNames(\n        'eds-timepicker__arrowbutton',\n        `eds-timepicker__arrowbutton--${direction}`,\n      )}\n      type=\"button\"\n      {...rest}\n    >\n      {direction === 'left' ? <LeftArrowIcon /> : <RightArrowIcon />}\n    </button>\n  );\n};\n","import React from 'react';\nimport {\n  BaseFormControl,\n  isFilled,\n  useInputGroupContext,\n  useVariant,\n  VariantType,\n} from '@entur/form';\nimport { ClockIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nexport type NativeTimePickerProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over NativeTimePicker */\n  label: string;\n  /** Varselmelding, som vil komme under NativeTimePicker */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Tekst eller ikon som kommer før inputfelter\n   * @default <ClockIcon />\n   */\n  prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeTimePicker = React.forwardRef<\n  HTMLInputElement,\n  NativeTimePickerProps\n>(\n  (\n    {\n      className,\n      style,\n      onChange,\n      label,\n      feedback,\n      variant,\n      disableLabelAnimation,\n      prepend = <ClockIcon />,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const nativetimepickerId = useRandomId('eds-nativetimepicker');\n    return (\n      <BaseFormControl\n        style={style}\n        className={className}\n        prepend={prepend}\n        label={label}\n        feedback={feedback}\n        variant={variant}\n        labelId={nativetimepickerId}\n        disableLabelAnimation={disableLabelAnimation}\n      >\n        <NativeTimePickerBase\n          onChange={onChange}\n          aria-labelledby={nativetimepickerId}\n          ref={ref}\n          {...rest}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype NativeTimePickerBaseProps = {\n  variant?: VariantType;\n} & React.DetailedHTMLProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n>;\n\nconst NativeTimePickerBase = React.forwardRef<\n  HTMLInputElement,\n  NativeTimePickerBaseProps\n>(({ onChange, value, ...rest }, ref) => {\n  const contextVariant = useVariant();\n  const currentVariant = rest.variant || contextVariant;\n  const { isFilled: isTimepickerFilled, setFilled: setFiller } =\n    useInputGroupContext();\n\n  useOnMount(() => {\n    setFiller && !isTimepickerFilled && setFiller(true);\n  });\n\n  React.useEffect(() => {\n    if (value) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    } else {\n      setFiller && isTimepickerFilled && setFiller(false);\n    }\n  }, [value, setFiller, isTimepickerFilled]);\n\n  const handleChange = (event: any) => {\n    if (isFilled(event.target)) {\n      setFiller && !isTimepickerFilled && setFiller(true);\n    } else {\n      setFiller && isTimepickerFilled && setFiller(false);\n    }\n    if (onChange) {\n      onChange(event);\n    }\n  };\n  return (\n    <input\n      ref={ref}\n      aria-invalid={currentVariant === 'error'}\n      type=\"time\"\n      className=\"eds-form-control eds-native-date-picker\"\n      onChange={handleChange}\n      value={value}\n      {...rest}\n    />\n  );\n});\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nimport './react-datepicker.scss';\n\nwarnAboutMissingStyles('datepicker', 'form', 'icons');\n\nexport * from './DatePicker';\nexport * from './NativeDatePicker';\nexport * from './TimePicker';\nexport * from './NativeTimePicker';\n"],"names":["registerLocale","nb","POPPER_MODIFIERS","name","enabled","options","offset","DatePicker","React","forwardRef","ref","selectedDate","onChange","onChangeInput","placeholder","className","style","readOnly","disableLabelAnimation","locale","prepend","disabled","variant","validationVariant","feedback","validationFeedback","label","hideCalendarButton","hideCalendar","hideValidationFeedback","id","rest","useState","showValidationFeedback","setShowValidationFeedback","currentValue","setCurrentValue","lastValidValue","setLastValidValue","datepickerId","useRandomId","useInputGroupContext","isFilled","setFilled","useEffect","handleChange","undefined","date","event","newDate","flat","dateString","toLocaleDateString","day","month","year","handleChangeRaw","inputValue","target","value","handleBlur","validateInput","handleKeyDownInput","key","currentTarget","parsedDate","parse","Date","selectedDateIsTheSameAsParsedDateFromInput","isSameDay","displayedFeedback","displayedVariant","ReactDatepicker","classNames","calendarClassName","selected","showWeekNumbers","dateFormat","showPopperArrow","placeholderText","ariaLabelledBy","popperModifiers","onBlur","onChangeRaw","onCalendarOpen","open","customInput","DatePickerInput","inputId","onKeyDownInput","onBlurInput","onClick","onKeyDown","BaseFormControl","labelId","Tooltip","placement","content","disableHoverListener","disableFocusListener","type","CalendarIcon","NativeDatePicker","DateIcon","inline","nativedatepickerId","NativeDatePickerBase","contextVariant","useVariant","currentVariant","isDatepickerFilled","setFiller","useOnMount","TimePicker","selectedTime","labelTooltip","onLeftArrowClick","sub","minutes","onRightArrowClick","add","timepickerId","TimePickerArrowButton","direction","tabIndex","e","TimePickerBase","timeFormat","isTimepickerFilled","showTimeSelect","showTimeInput","showTimeSelectOnly","popperClassName","LeftArrowIcon","RightArrowIcon","NativeTimePicker","ClockIcon","nativetimepickerId","NativeTimePickerBase","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBAA,cAAc,CAAC,IAAD,EAAOC,EAAP,CAAd;AAgEA,IAAMC,kBAAgB,GAA6B,CACjD;AACEC,EAAAA,IAAI,EAAE,QADR;AAEEC,EAAAA,OAAO,EAAE,IAFX;AAGEC,EAAAA,OAAO,EAAE;AACPC,IAAAA,MAAM,EAAE,CAAC,CAAD,EAAI,CAAJ;AADD;AAHX,CADiD,CAAnD;IAUaC,UAAU,gBAAGC,KAAK,CAACC,UAAN,CACxB,gBAwBEC,GAxBF;+BAEIC;MAAAA,8CAAe;MACfC,gBAAAA;MACAC,qBAAAA;8BACAC;MAAAA,4CAAc;MACdC,iBAAAA;MACAC,aAAAA;MACAC,gBAAAA;mCACAC;MAAAA,2DAAwB;yBACxBC;MAAAA,kCAAS;MACTC,eAAAA;MACAC,gBAAAA;MACAC,eAAAA;mCACAC;MAAAA,uDAAoB;MACpBC,gBAAAA;mCACAC;MAAAA,wDAAqB;MACrBC,aAAAA;mCACAC;MAAAA,wDAAqB;+BACrBC;MAAAA,8CAAe;mCACfC;MAAAA,4DAAyB;MACzBC,UAAAA;MACGC;;AAIL,kBAA4DC,QAAQ,CAAC,KAAD,CAApE;AAAA,MAAOC,sBAAP;AAAA,MAA+BC,yBAA/B;;AACA,mBAAwCF,QAAQ,CAAC,EAAD,CAAhD;AAAA,MAAOG,YAAP;AAAA,MAAqBC,eAArB;;AACA,mBAA4CJ,QAAQ,CAAC,EAAD,CAApD;AAAA,MAAOK,cAAP;AAAA,MAAuBC,iBAAvB;;AAEA,MAAMC,YAAY,GAAGC,WAAW,CAAC,gBAAD,CAAhC;;AACA,8BAAgCC,oBAAoB,EAApD;AAAA,MAAQC,QAAR,yBAAQA,QAAR;AAAA,MAAkBC,SAAlB,yBAAkBA,SAAlB;;AAEAnC,EAAAA,KAAK,CAACoC,SAAN,CAAgB;AACdD,IAAAA,SAAS,CAAC,CAAC,CAAChC,YAAH,CAAT;AACAkC,IAAAA,YAAY,CAAClC,YAAD,EAAemC,SAAf,CAAZ;AACD,GAHD,EAGG,CAACnC,YAAD,EAAegC,SAAf,EAA0BD,QAA1B,CAHH;;AAKA,MAAMG,YAAY,GAAG,SAAfA,YAAe,CACnBE,IADmB,EAEnBC,KAFmB;AAInB;AACA;AACA,QAAMC,OAAO,GAAG,CAACF,IAAD,EAAOG,IAAP,GAAc,CAAd,CAAhB;AACAP,IAAAA,SAAS,CAAC,CAAC,CAACM,OAAH,CAAT;AACA,QAAME,UAAU,GAAGF,OAAH,oBAAGA,OAAO,CAAEG,kBAAT,CAA4B,OAA5B,EAAqC;AACtDC,MAAAA,GAAG,EAAE,SADiD;AAEtDC,MAAAA,KAAK,EAAE,SAF+C;AAGtDC,MAAAA,IAAI,EAAE;AAHgD,KAArC,CAAnB;AAKAnB,IAAAA,eAAe,CAACe,UAAD,WAACA,UAAD,GAAe,EAAf,CAAf;AACAb,IAAAA,iBAAiB,CAACa,UAAD,WAACA,UAAD,GAAe,EAAf,CAAjB;;AACA,QAAIvC,QAAJ,EAAc;AACZA,MAAAA,QAAQ,CAACqC,OAAD,EAAUD,KAAV,CAAR;AACD;AACF,GAlBD;;AAoBA,MAAMQ,eAAe,GAAG,SAAlBA,eAAkB,CAACR,KAAD;AACtBd,IAAAA,yBAAyB,CAAC,KAAD,CAAzB;AACA,QAAMuB,UAAU,GAAGT,KAAK,CAACU,MAAN,CAAaC,KAAhC;AACAvB,IAAAA,eAAe,CAACqB,UAAD,CAAf;AACA,QAAI5C,aAAJ,EAAmBA,aAAa,CAAC4C,UAAD,CAAb;AACpB,GALD;;AAOA,MAAMG,UAAU,GAAG,SAAbA,UAAa,CAACZ,KAAD;AACjBa,IAAAA,aAAa,CAACb,KAAK,CAACU,MAAN,CAAaC,KAAd,CAAb;AACD,GAFD;;AAIA,MAAMG,kBAAkB,GAAG,SAArBA,kBAAqB,CACzBd,KADyB;AAGzB,QAAIA,KAAK,CAACe,GAAN,KAAc,OAAlB,EAA2B;AACzBF,MAAAA,aAAa,CAACb,KAAK,CAACgB,aAAN,CAAoBL,KAArB,CAAb;AACD;AACF,GAND;;AAQA,MAAME,aAAa,GAAG,SAAhBA,aAAgB,CAACJ,UAAD;AACpBvB,IAAAA,yBAAyB,CAAC,KAAD,CAAzB;;AACA,QAAI,CAACuB,UAAL,EAAiB;AACf;AACD;;AACD,QAAMQ,UAAU,GAAGC,KAAK,CAACT,UAAD,EAAa,YAAb,EAA2B,IAAIU,IAAJ,EAA3B,EAAuC;AAC7DhD,MAAAA,MAAM,EAAElB;AADqD,KAAvC,CAAxB;AAIA,QAAMmE,0CAA0C,GAC9CzD,YAAY,IAAI0D,SAAS,CAACJ,UAAD,EAAatD,YAAb,CAD3B;;AAEA,QAAIyD,0CAAJ,EAAgD;AAC9C9B,MAAAA,iBAAiB,CAACH,YAAD,CAAjB;AACD,KAFD,MAEO;AACLD,MAAAA,yBAAyB,CAAC,IAAD,CAAzB;AACAE,MAAAA,eAAe,CAACC,cAAD,CAAf;AACD;AACF,GAjBD;;AAmBA,MAAMiC,iBAAiB,GAAG,SAApBA,iBAAoB;AACxB,QAAI9C,QAAJ,EAAc,OAAOA,QAAP;AACd,QAAI,CAACK,sBAAD,IAA2BI,sBAA/B,EACE,OAAOR,kBAAP;AACF,WAAO,EAAP;AACD,GALD;;AAOA,MAAM8C,gBAAgB,GAAG,SAAnBA,gBAAmB;AACvB,QAAI/C,QAAQ,IAAIF,OAAhB,EAAyB,OAAOA,OAAP;AACzB,QAAI,CAACO,sBAAD,IAA2BI,sBAA/B,EACE,OAAOV,iBAAP;AACF,WAAOuB,SAAP;AACD,GALD;;AAOA,SACEtC,mBAAA,CAACgE,eAAD;AACEzD,IAAAA,SAAS,EAAE0D,UAAU,CAAC1D,SAAD,CADvB;AAEE2D,IAAAA,iBAAiB,EAAC,0BAFpB;AAGEC,IAAAA,QAAQ,EAAEhE,YAHZ;AAIEC,IAAAA,QAAQ,EAAEiC,YAJZ;AAKE+B,IAAAA,eAAe,EAAE,IALnB;AAMEC,IAAAA,UAAU,EAAE,CAAC,YAAD,EAAe,UAAf,EAA2B,YAA3B,CANd;AAOEC,IAAAA,eAAe,EAAE,KAPnB;AAQEC,IAAAA,eAAe,EAAEjE,WARnB;AASEG,IAAAA,QAAQ,EAAEA,QATZ;AAUEa,IAAAA,EAAE,EAAES,YAVN;AAWEyC,IAAAA,cAAc,EAAEzC,YAXlB;AAYElB,IAAAA,QAAQ,EAAEA,QAZZ;AAaEF,IAAAA,MAAM,EAAEA,MAbV;AAcE8D,IAAAA,eAAe,EAAE/E,kBAdnB;AAeEgF,IAAAA,MAAM,EAAEtB,UAfV;AAgBEuB,IAAAA,WAAW,EAAE3B,eAhBf;AAiBE4B,IAAAA,cAAc,EAAE;AAAA,aAAMlD,yBAAyB,CAAC,KAAD,CAA/B;AAAA,KAjBlB;AAkBEyB,IAAAA,KAAK,EAAExB,YAlBT;AAmBEkD,IAAAA,IAAI,EAAEzD,YAAY,KAAK,IAAjB,GAAwB,KAAxB,GAAgCG,IAAI,CAACsD;AAnB7C,KAoBMtD,IApBN;AAqBEuD,IAAAA,WAAW,EACT9E,mBAAA,CAAC+E,eAAD;AACEvE,MAAAA,KAAK,EAAEA;AACPC,MAAAA,QAAQ,EAAEA;AACVK,MAAAA,OAAO,EAAEiD,gBAAgB;AACzB/C,MAAAA,QAAQ,EAAE8C,iBAAiB;AAC3B5C,MAAAA,KAAK,EAAEA;AACPL,MAAAA,QAAQ,EAAEA;AACVX,MAAAA,GAAG,EAAEA;iBACIqB,IAAI,CAAC,SAAD;AACbb,MAAAA,qBAAqB,EAAEA;AACvBE,MAAAA,OAAO,EAAEA;AACTO,MAAAA,kBAAkB,EAAEA;AACpB6D,MAAAA,OAAO,EAAE1D;AACT2D,MAAAA,cAAc,EAAE3B;AAChB4B,MAAAA,WAAW,EAAE9B;AACb/C,MAAAA,aAAa,EAAEA;KAfjB;AAtBJ,KADF;AA2CD,CA1JuB;AAwK1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAM0E,eAAe,gBAAG/E,KAAK,CAACC,UAAN,CAItB,iBAyBEC,GAzBF;MAEIiD,cAAAA;MACAgC,gBAAAA;MAIAC,kBAAAA;MACAtE,gBAAAA;MACAE,iBAAAA;MACAR,cAAAA;MACAE,8BAAAA;MACAG,iBAAAA;MACAK,cAAAA;MACAT,iBAAAA;MACAa,WAAAA;MACAV,gBAAAA;MACAL,kBAAAA;MACAY,2BAAAA;MACA6D,gBAAAA;MACA3E,sBAAAA;MACA4E,uBAAAA;MACAC,oBAAAA;MACG3D;;AAIL,SACEvB,mBAAA,OAAA;AAAMO,IAAAA,SAAS,EAAEA;AAAWmE,IAAAA,MAAM,EAAEQ;GAApC,EACElF,mBAAA,CAACqF,eAAD;AACE7E,IAAAA,KAAK,EAAEA;AACPD,IAAAA,SAAS,EAAC;AACVE,IAAAA,QAAQ,EAAEA;AACVS,IAAAA,KAAK,EAAEA;AACPoE,IAAAA,OAAO,EAAEhE;AACTN,IAAAA,QAAQ,EAAEA;AACVF,IAAAA,OAAO,EAAEA;AACTD,IAAAA,QAAQ,EAAEA;AACVH,IAAAA,qBAAqB,EAAEA;AACvBwB,IAAAA,QAAQ,EAAE,CAAC,CAACiB;AACZvC,IAAAA,OAAO,EAAEA;GAXX,EAaEZ,mBAAA,QAAA;AACEmD,IAAAA,KAAK,EAAEA,KADT;AAEEgC,IAAAA,OAAO,EAAEA,OAFX;AAGE1E,IAAAA,QAAQ,EAAEA,QAHZ;AAIEI,IAAAA,QAAQ,EAAEA,QAJZ;AAKEX,IAAAA,GAAG,EAAEA,GALP;AAME;AACAK,IAAAA,SAAS,EAAC,kBAPZ;AAQEe,IAAAA,EAAE,EAAE0D,OARN;AASEI,IAAAA,SAAS,EAAEH,cATb;AAUE7E,IAAAA,QAAQ,EAAEC;AAVZ,KAWMkB,IAXN,EAbF,EA0BG,CAACJ,kBAAD,IACCnB,mBAAA,CAACuF,OAAD;AACEC,IAAAA,SAAS,EAAC;AACVC,IAAAA,OAAO,EAAC;AACRC,IAAAA,oBAAoB,EAAE7E;AACtB8E,IAAAA,oBAAoB,EAAE9E;GAJxB,EAMEb,mBAAA,SAAA;AACEO,IAAAA,SAAS,EAAE0D,UAAU,CAAC,iCAAD,EAAoC;AACvD,+CAAyC,IADc;AAEvD,mDAA6CpD;AAFU,KAApC;AAIrBuE,IAAAA,SAAS,EAAEA;AACXD,IAAAA,OAAO,EAAEA;AACTtE,IAAAA,QAAQ,EAAEA;AACV+E,IAAAA,IAAI,EAAC;GARP,EAUE5F,mBAAA,CAAC6F,YAAD,MAAA,CAVF,CANF,CA3BJ,CADF,CADF;AAoDD,CAnFqB,CAAxB;;;;IC9PaC,gBAAgB,gBAAG9F,KAAK,CAACC,UAAN,CAI9B,gBAYEC,GAZF;MAEIK,iBAAAA;MACAC,aAAAA;MACAU,aAAAA;MACAd,gBAAAA;MACAY,gBAAAA;MACAF,eAAAA;MACAJ,6BAAAA;0BACAE;MAAAA,oCAAUZ,mBAAA,CAAC+F,QAAD;AAAUC,IAAAA,MAAM;GAAhB;MACPzE;;AAIL,MAAM0E,kBAAkB,GAAGjE,WAAW,CAAC,sBAAD,CAAtC;AACA,SACEhC,mBAAA,CAACqF,eAAD;AACE7E,IAAAA,KAAK,EAAEA;AACPD,IAAAA,SAAS,EAAEA;AACXK,IAAAA,OAAO,EAAEA;AACTM,IAAAA,KAAK,EAAEA;AACPF,IAAAA,QAAQ,EAAEA;AACVF,IAAAA,OAAO,EAAEA;AACTwE,IAAAA,OAAO,EAAEW;AACTvF,IAAAA,qBAAqB,EAAEA;AACvBwB,IAAAA,QAAQ;GATV,EAWElC,mBAAA,CAACkG,oBAAD;AACE9F,IAAAA,QAAQ,EAAEA,QADZ;uBAEmB6F,kBAFnB;AAGE/F,IAAAA,GAAG,EAAEA,GAHP;AAIEY,IAAAA,OAAO,EAAEA;AAJX,KAKMS,IALN,EAXF,CADF;AAqBD,CAxC6B;AAmDhC,IAAM2E,oBAAoB,gBAAGlG,KAAK,CAACC,UAAN,CAG3B,iBAAwCC,GAAxC;MAAGE,iBAAAA;MAAUU,gBAAAA;MAASqC,cAAAA;MAAU5B;;AAChC,MAAM4E,cAAc,GAAGC,UAAU,EAAjC;AACA,MAAMC,cAAc,GAAGvF,OAAO,IAAIqF,cAAlC;;AACA,8BACElE,oBAAoB,EADtB;AAAA,MAAkBqE,kBAAlB,yBAAQpE,QAAR;AAAA,MAAiDqE,SAAjD,yBAAsCpE,SAAtC;;AAGAqE,EAAAA,UAAU,CAAC;AACTD,IAAAA,SAAS,IAAI,CAACD,kBAAd,IAAoCC,SAAS,CAAC,IAAD,CAA7C;AACD,GAFS,CAAV;AAIAvG,EAAAA,KAAK,CAACoC,SAAN,CAAgB;AACd,QAAIe,KAAJ,EAAW;AACToD,MAAAA,SAAS,IAAI,CAACD,kBAAd,IAAoCC,SAAS,CAAC,IAAD,CAA7C;AACD,KAFD,MAEO;AACLA,MAAAA,SAAS,IAAID,kBAAb,IAAmCC,SAAS,CAAC,KAAD,CAA5C;AACD;AACF,GAND,EAMG,CAACpD,KAAD,EAAQoD,SAAR,EAAmBD,kBAAnB,CANH;;AAQA,MAAMjE,YAAY,GAAG,SAAfA,YAAe,CAACG,KAAD;AACnB,QAAIN,QAAQ,CAACM,KAAK,CAACU,MAAP,CAAZ,EAA4B;AAC1BqD,MAAAA,SAAS,IAAI,CAACD,kBAAd,IAAoCC,SAAS,CAAC,IAAD,CAA7C;AACD,KAFD,MAEO;AACLA,MAAAA,SAAS,IAAID,kBAAb,IAAmCC,SAAS,CAAC,KAAD,CAA5C;AACD;;AACD,QAAInG,QAAJ,EAAc;AACZA,MAAAA,QAAQ,CAACoC,KAAD,CAAR;AACD;AACF,GATD;;AAUA,SACExC,mBAAA,QAAA;AACEE,IAAAA,GAAG,EAAEA,GADP;oBAEgBmG,cAAc,KAAK,OAFnC;AAGET,IAAAA,IAAI,EAAC,MAHP;AAIErF,IAAAA,SAAS,EAAC,yCAJZ;AAKEH,IAAAA,QAAQ,EAAEiC,YALZ;AAMEc,IAAAA,KAAK,EAAEA;AANT,KAOM5B,IAPN,EADF;AAWD,CA1C4B,CAA7B;;;;;AC/DA/B,cAAc,CAAC,IAAD,EAAOC,EAAP,CAAd;IAyCagH,UAAU,gBAAGzG,KAAK,CAACC,UAAN,CACxB,gBAoBEC,GApBF;+BAEIwG;MAAAA,8CAAe;MACftG,gBAAAA;8BACAE;MAAAA,4CAAc;MACdO,gBAAAA;MACAN,iBAAAA;MACAC,aAAAA;MACAU,aAAAA;MACAyF,oBAAAA;MACA3F,gBAAAA;MACAF,eAAAA;MACAJ,6BAAAA;yBACAC;MAAAA,kCAAS;mCACTiG;MAAAA,sDAAmB,UAACF,YAAD,EAAelE,KAAf;AAAA,WACjBkE,YAAY,IAAItG,QAAQ,CAACyG,GAAG,CAACH,YAAD,EAAe;AAAEI,MAAAA,OAAO,EAAE;AAAX,KAAf,CAAJ,EAAqCtE,KAArC,CADP;AAAA;mCAEnBuE;MAAAA,uDAAoB,UAACL,YAAD,EAAelE,KAAf;AAAA,WAClBkE,YAAY,IAAItG,QAAQ,CAAC4G,GAAG,CAACN,YAAD,EAAe;AAAEI,MAAAA,OAAO,EAAE;AAAX,KAAf,CAAJ,EAAqCtE,KAArC,CADN;AAAA;MAEjBjB;;AAIL,MAAM0F,YAAY,GAAGjF,WAAW,CAAC,gBAAD,CAAhC;AACA,SACEhC,mBAAA,CAACqF,eAAD;AACE7E,IAAAA,KAAK,EAAEA;AACPN,IAAAA,GAAG,EAAEA;AACLgB,IAAAA,KAAK,EAAEA;AACPoE,IAAAA,OAAO,EAAE2B;AACTN,IAAAA,YAAY,EAAEA;AACd7F,IAAAA,OAAO,EAAEA;AACTE,IAAAA,QAAQ,EAAEA;AACVN,IAAAA,qBAAqB,EAAEA;AACvBH,IAAAA,SAAS,EAAC;AACVM,IAAAA,QAAQ,EAAEA;AACVD,IAAAA,OAAO,EACLZ,mBAAA,CAACkH,qBAAD;AACEC,MAAAA,SAAS,EAAC;AACVC,MAAAA,QAAQ,EAAE,CAAC;AACXjC,MAAAA,OAAO,EAAE,iBAACkC,CAAD;AAAA,eAAyBT,gBAAgB,CAACF,YAAD,EAAeW,CAAf,CAAzC;AAAA;AACTxG,MAAAA,QAAQ,EAAEA;KAJZ;GAZJ,EAoBEb,mBAAA,CAACsH,cAAD;AACEZ,IAAAA,YAAY,EAAEA,YADhB;AAEEtG,IAAAA,QAAQ,EAAEA,QAFZ;AAGEE,IAAAA,WAAW,EAAEA,WAHf;AAIEC,IAAAA,SAAS,EAAEA,SAJb;AAKEI,IAAAA,MAAM,EAAEA,MALV;AAME6D,IAAAA,cAAc,EAAEyC,YANlB;AAOEpG,IAAAA,QAAQ,EAAEA;AAPZ,KAQMU,IARN,EApBF,EA8BEvB,mBAAA,CAACkH,qBAAD;AACEC,IAAAA,SAAS,EAAC;AACVC,IAAAA,QAAQ,EAAE,CAAC;AACXjC,IAAAA,OAAO,EAAE,iBAACkC,CAAD;AAAA,aAAyBN,iBAAiB,CAACL,YAAD,EAAeW,CAAf,CAA1C;AAAA;AACTxG,IAAAA,QAAQ,EAAEA;GAJZ,CA9BF,CADF;AAuCD,CA/DuB;AAmF1B,IAAMnB,gBAAgB,GAA6B,CACjD;AACEC,EAAAA,IAAI,EAAE,QADR;AAEEC,EAAAA,OAAO,EAAE,IAFX;AAGEC,EAAAA,OAAO,EAAE;AACPC,IAAAA,MAAM,EAAE,CAAC,CAAD,EAAI,CAAJ;AADD;AAHX,CADiD,CAAnD;;AASA,IAAMwH,cAAc,GAAkC,SAAhDA,cAAgD;MACpD/G,kBAAAA;MACAH,iBAAAA;MACAsG,qBAAAA;MACApG,oBAAAA;+BACAiH;MAAAA,2CAAa;+BACblD;MAAAA,2CAAa,CAAC,OAAD,EAAU,MAAV;MACV9C;;AAEH,8BACEU,oBAAoB,EADtB;AAAA,MAAkBuF,kBAAlB,yBAAQtF,QAAR;AAAA,MAAiDqE,SAAjD,yBAAsCpE,SAAtC;;AAGAqE,EAAAA,UAAU,CAAC;AACT,QAAIE,YAAJ,EAAkB;AAChBH,MAAAA,SAAS,IAAI,CAACiB,kBAAd,IAAoCjB,SAAS,CAAC,IAAD,CAA7C;AACD;AACF,GAJS,CAAV;AAMAvG,EAAAA,KAAK,CAACoC,SAAN,CAAgB;AACd,QAAIsE,YAAJ,EAAkB;AAChBH,MAAAA,SAAS,IAAI,CAACiB,kBAAd,IAAoCjB,SAAS,CAAC,IAAD,CAA7C;AACD,KAFD,MAEO;AACLA,MAAAA,SAAS,IAAIiB,kBAAb,IAAmCjB,SAAS,CAAC,KAAD,CAA5C;AACD;AACF,GAND,EAMG,CAACG,YAAD,EAAeH,SAAf,EAA0BiB,kBAA1B,CANH;;AAQA,MAAMnF,YAAY,GAAG,SAAfA,YAAe,CAACE,IAAD,EAAYC,KAAZ;AACnB,QAAID,IAAJ,EAAU;AACRgE,MAAAA,SAAS,IAAI,CAACiB,kBAAd,IAAoCjB,SAAS,CAAC,IAAD,CAA7C;AACD,KAFD,MAEO;AACLA,MAAAA,SAAS,IAAIiB,kBAAb,IAAmCjB,SAAS,CAAC,KAAD,CAA5C;AACD;;AACD,QAAInG,QAAJ,EAAc;AACZA,MAAAA,QAAQ,CAACmC,IAAD,EAAOC,KAAP,CAAR;AACD;AACF,GATD;;AAUA,SACExC,mBAAA,CAACgE,eAAD;AACEzD,IAAAA,SAAS,EAAE0D,UAAU,CACnB,kBADmB,EAEnB,uBAFmB,EAGnB1D,SAHmB,CADvB;AAME2D,IAAAA,iBAAiB,EAAC,gBANpB;AAOEC,IAAAA,QAAQ,EAAEuC,YAPZ;AAQEtG,IAAAA,QAAQ,EAAEiC,YARZ;AASEgC,IAAAA,UAAU,EAAEA,UATd;AAUEkD,IAAAA,UAAU,EAAEA,UAVd;AAWEE,IAAAA,cAAc,MAXhB;AAYEC,IAAAA,aAAa,EAAE,IAZjB;AAaEC,IAAAA,kBAAkB,MAbpB;AAcErD,IAAAA,eAAe,EAAE,KAdnB;AAeEC,IAAAA,eAAe,EAAEjE,WAfnB;AAgBEsH,IAAAA,eAAe,EAAC,wBAhBlB;AAiBEnD,IAAAA,eAAe,EAAE/E,gBAjBnB;AAkBEmF,IAAAA,IAAI,EAAE;AAlBR,KAmBMtD,IAnBN,EADF;AAuBD,CA3DD;;AAoEA,IAAM2F,qBAAqB,GAAyC,SAA9DA,qBAA8D;MAClEC,kBAAAA;MACG5F;;AAEH,SACEvB,mBAAA,SAAA;AACEO,IAAAA,SAAS,EAAE0D,UAAU,CACnB,6BADmB,oCAEakD,SAFb,CADvB;AAKEvB,IAAAA,IAAI,EAAC;AALP,KAMMrE,IANN,GAQG4F,SAAS,KAAK,MAAd,GAAuBnH,mBAAA,CAAC6H,aAAD,MAAA,CAAvB,GAA2C7H,mBAAA,CAAC8H,cAAD,MAAA,CAR9C,CADF;AAYD,CAhBD;;;;IC7LaC,gBAAgB,gBAAG/H,KAAK,CAACC,UAAN,CAI9B,gBAYEC,GAZF;MAEIK,iBAAAA;MACAC,aAAAA;MACAJ,gBAAAA;MACAc,aAAAA;MACAF,gBAAAA;MACAF,eAAAA;MACAJ,6BAAAA;0BACAE;MAAAA,oCAAUZ,mBAAA,CAACgI,SAAD,MAAA;MACPzG;;AAIL,MAAM0G,kBAAkB,GAAGjG,WAAW,CAAC,sBAAD,CAAtC;AACA,SACEhC,mBAAA,CAACqF,eAAD;AACE7E,IAAAA,KAAK,EAAEA;AACPD,IAAAA,SAAS,EAAEA;AACXK,IAAAA,OAAO,EAAEA;AACTM,IAAAA,KAAK,EAAEA;AACPF,IAAAA,QAAQ,EAAEA;AACVF,IAAAA,OAAO,EAAEA;AACTwE,IAAAA,OAAO,EAAE2C;AACTvH,IAAAA,qBAAqB,EAAEA;GARzB,EAUEV,mBAAA,CAACkI,oBAAD;AACE9H,IAAAA,QAAQ,EAAEA,QADZ;uBAEmB6H,kBAFnB;AAGE/H,IAAAA,GAAG,EAAEA;AAHP,KAIMqB,IAJN,EAVF,CADF;AAmBD,CAtC6B;AAgDhC,IAAM2G,oBAAoB,gBAAGlI,KAAK,CAACC,UAAN,CAG3B,iBAA+BC,GAA/B;MAAGE,iBAAAA;MAAU+C,cAAAA;MAAU5B;;AACvB,MAAM4E,cAAc,GAAGC,UAAU,EAAjC;AACA,MAAMC,cAAc,GAAG9E,IAAI,CAACT,OAAL,IAAgBqF,cAAvC;;AACA,8BACElE,oBAAoB,EADtB;AAAA,MAAkBuF,kBAAlB,yBAAQtF,QAAR;AAAA,MAAiDqE,SAAjD,yBAAsCpE,SAAtC;;AAGAqE,EAAAA,UAAU,CAAC;AACTD,IAAAA,SAAS,IAAI,CAACiB,kBAAd,IAAoCjB,SAAS,CAAC,IAAD,CAA7C;AACD,GAFS,CAAV;AAIAvG,EAAAA,KAAK,CAACoC,SAAN,CAAgB;AACd,QAAIe,KAAJ,EAAW;AACToD,MAAAA,SAAS,IAAI,CAACiB,kBAAd,IAAoCjB,SAAS,CAAC,IAAD,CAA7C;AACD,KAFD,MAEO;AACLA,MAAAA,SAAS,IAAIiB,kBAAb,IAAmCjB,SAAS,CAAC,KAAD,CAA5C;AACD;AACF,GAND,EAMG,CAACpD,KAAD,EAAQoD,SAAR,EAAmBiB,kBAAnB,CANH;;AAQA,MAAMnF,YAAY,GAAG,SAAfA,YAAe,CAACG,KAAD;AACnB,QAAIN,QAAQ,CAACM,KAAK,CAACU,MAAP,CAAZ,EAA4B;AAC1BqD,MAAAA,SAAS,IAAI,CAACiB,kBAAd,IAAoCjB,SAAS,CAAC,IAAD,CAA7C;AACD,KAFD,MAEO;AACLA,MAAAA,SAAS,IAAIiB,kBAAb,IAAmCjB,SAAS,CAAC,KAAD,CAA5C;AACD;;AACD,QAAInG,QAAJ,EAAc;AACZA,MAAAA,QAAQ,CAACoC,KAAD,CAAR;AACD;AACF,GATD;;AAUA,SACExC,mBAAA,QAAA;AACEE,IAAAA,GAAG,EAAEA,GADP;oBAEgBmG,cAAc,KAAK,OAFnC;AAGET,IAAAA,IAAI,EAAC,MAHP;AAIErF,IAAAA,SAAS,EAAC,yCAJZ;AAKEH,IAAAA,QAAQ,EAAEiC,YALZ;AAMEc,IAAAA,KAAK,EAAEA;AANT,KAOM5B,IAPN,EADF;AAWD,CA1C4B,CAA7B;;ACzEA4G,sBAAsB,CAAC,YAAD,EAAe,MAAf,EAAuB,OAAvB,CAAtB;;;;"}

package/dist/styles.css

@@ -1,4 +1,6 @@
-@charset "UTF-8";
+:root {
+  --eds-datepicker: 1;
+}@charset "UTF-8";
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .react-datepicker__navigation-icon::before,
@@ -824,8 +826,6 @@
 .react-datepicker__portal .react-datepicker__current-month,
 .react-datepicker__portal .react-datepicker-time__header {
   font-size: 1.44rem;
-}:root {
-  --eds-datepicker: 1;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-datepicker__calender {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/datepicker",
-  "version": "0.11.3",
+  "version": "0.11.6",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/datepicker.esm.js",
@@ -27,7 +27,7 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/form": "^5.2.3",
+    "@entur/form": "^5.3.0",
     "@entur/icons": "^3.5.0",
     "@entur/tokens": "^3.3.1",
     "@entur/typography": "^1.6.11",
@@ -36,5 +36,5 @@
     "classnames": "^2.3.1",
     "react-datepicker": "4.6.0"
   },
-  "gitHead": "bf9c14526f7c44eab1cfc5e49f746edd14f29779"
+  "gitHead": "f6e2b555706eaecfb79ebfaf0c47fd30191c60fe"
 }