@entur/datepicker 0.11.0 → 0.11.3

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [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
+
+- **datepicker:** change feedback and variant prop to work as in 0.10.8 ([af84259](https://bitbucket.org/enturas/design-system/commits/af842597395c4279bc502b04de9e84cc3a2db3ab))
+
+### Reverts
+
+- Revert "chore(release): publish" ([cb0b756](https://bitbucket.org/enturas/design-system/commits/cb0b75692eeb5614317b333dc0b0437e68a6b6cf))
+
+## [0.11.2](https://bitbucket.org/enturas/design-system/compare/@entur/datepicker@0.11.1...@entur/datepicker@0.11.2) (2022-03-01)
+
+**Note:** Version bump only for package @entur/datepicker
+
+## [0.11.1](https://bitbucket.org/enturas/design-system/compare/@entur/datepicker@0.11.0...@entur/datepicker@0.11.1) (2022-02-14)
+
+### Bug Fixes
+
+- **datepicker:** fix default value for date not working ([283734a](https://bitbucket.org/enturas/design-system/commits/283734af696c1ed5ddb13232c8a7c3a4916551b0))
+
 # [0.11.0](https://bitbucket.org/enturas/design-system/compare/@entur/datepicker@0.10.8...@entur/datepicker@0.11.0) (2022-02-09)
 
 ### Features

package/dist/DatePicker.d.ts

@@ -7,6 +7,10 @@ export declare type DatePickerProps = {
     selectedDate?: Date;
     /** Kalles når datoen/tiden endres */
     onChange: (date: Date | null, event: React.SyntheticEvent<any, Event>) => void;
+    /**
+     * Kalles når innholdet i inputfeltet endres
+     */
+    onChangeInput?: (value: string) => void;
     /** Placeholder om ingen dato er valgt
      * @default "dd.mm.yyyy"
      */
@@ -15,14 +19,21 @@ export declare type DatePickerProps = {
     className?: string;
     /** Label over DatePicker */
     label: string;
-    /** Varselmelding, som vil komme under DatePicker
-     * @default "Ugyldig dato"
+    /**
+     * Varselmelding, som vil komme under DatePicker
      */
     feedback?: string;
     /** Valideringsvariant
-     * @default "error"
      */
     variant?: VariantType;
+    /** Varselmelding for når datoen er på feil format
+     * @default "Ugyldig dato"
+     */
+    validationFeedback?: string;
+    /** Valideringsvariant for melding om feil datoformat
+     * @default "error"
+     */
+    validationVariant?: VariantType;
     style?: React.CSSProperties;
     /** Plasserer labelen statisk på toppen av inputfeltet
      * @default false
@@ -39,18 +50,22 @@ export declare type DatePickerProps = {
     /** Skjuler tilbakemeldingsteksten ved feil dato-input
      * @default false
      */
-    hideFeedback?: boolean;
+    hideValidationFeedback?: boolean;
     /** Skjuler kalender-GUI-et
      * @default false
      */
     hideCalendar?: boolean;
     'data-cy'?: any;
-} & Omit<ReactDatePickerProps, 'selected' | 'customInput'>;
+} & Omit<ReactDatePickerProps, 'selected' | 'customInput' | 'onChangeRaw'>;
 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;
+    /**
+     * Kalles når innholdet i inputfeltet endres
+     */
+    onChangeInput?: ((value: string) => void) | undefined;
     /** Placeholder om ingen dato er valgt
      * @default "dd.mm.yyyy"
      */
@@ -59,14 +74,21 @@ export declare const DatePicker: React.ForwardRefExoticComponent<{
     className?: string | undefined;
     /** Label over DatePicker */
     label: string;
-    /** Varselmelding, som vil komme under DatePicker
-     * @default "Ugyldig dato"
+    /**
+     * Varselmelding, som vil komme under DatePicker
      */
     feedback?: string | undefined;
     /** Valideringsvariant
-     * @default "error"
      */
     variant?: VariantType | undefined;
+    /** Varselmelding for når datoen er på feil format
+     * @default "Ugyldig dato"
+     */
+    validationFeedback?: string | undefined;
+    /** Valideringsvariant for melding om feil datoformat
+     * @default "error"
+     */
+    validationVariant?: VariantType | undefined;
     style?: React.CSSProperties | undefined;
     /** Plasserer labelen statisk på toppen av inputfeltet
      * @default false
@@ -83,10 +105,10 @@ export declare const DatePicker: React.ForwardRefExoticComponent<{
     /** Skjuler tilbakemeldingsteksten ved feil dato-input
      * @default false
      */
-    hideFeedback?: boolean | undefined;
+    hideValidationFeedback?: boolean | undefined;
     /** Skjuler kalender-GUI-et
      * @default false
      */
     hideCalendar?: boolean | undefined;
     'data-cy'?: any;
-} & Omit<ReactDatePickerProps<never>, "selected" | "customInput"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<ReactDatePickerProps<never>, "selected" | "customInput" | "onChangeRaw"> & React.RefAttributes<HTMLInputElement>>;

package/dist/datepicker.cjs.development.js

@@ -51,8 +51,8 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var _excluded$3 = ["selectedDate", "onChange", "placeholder", "className", "style", "readOnly", "disableLabelAnimation", "locale", "prepend", "disabled", "variant", "feedback", "label", "hideCalendarButton", "hideCalendar", "hideFeedback", "id"],
-    _excluded2$3 = ["value", "onClick", "onFocus", "onKeyDown", "variant", "feedback", "style", "disableLabelAnimation", "disabled", "label", "readOnly", "id", "prepend", "className", "hideCalendarButton", "inputId", "onKeyDownInput", "onBlurInput"];
+var _excluded$3 = ["selectedDate", "onChange", "onChangeInput", "placeholder", "className", "style", "readOnly", "disableLabelAnimation", "locale", "prepend", "disabled", "variant", "validationVariant", "feedback", "validationFeedback", "label", "hideCalendarButton", "hideCalendar", "hideValidationFeedback", "id"],
+    _excluded2$3 = ["value", "onClick", "onFocus", "onKeyDown", "variant", "feedback", "style", "disableLabelAnimation", "disabled", "label", "readOnly", "id", "prepend", "className", "hideCalendarButton", "inputId", "onChangeInput", "onKeyDownInput", "onBlurInput"];
 ReactDatepicker.registerLocale('nb', locale.nb);
 var POPPER_MODIFIERS$1 = [{
   name: 'offset',
@@ -65,6 +65,7 @@ var DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_re
   var _ref$selectedDate = _ref.selectedDate,
       selectedDate = _ref$selectedDate === void 0 ? null : _ref$selectedDate,
       onChange = _ref.onChange,
+      onChangeInput = _ref.onChangeInput,
       _ref$placeholder = _ref.placeholder,
       placeholder = _ref$placeholder === void 0 ? 'dd.mm.yyyy' : _ref$placeholder,
       className = _ref.className,
@@ -76,23 +77,25 @@ var DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_re
       locale$1 = _ref$locale === void 0 ? 'nb' : _ref$locale,
       prepend = _ref.prepend,
       disabled = _ref.disabled,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'error' : _ref$variant,
-      _ref$feedback = _ref.feedback,
-      feedback = _ref$feedback === void 0 ? 'Ugyldig dato' : _ref$feedback,
+      variant = _ref.variant,
+      _ref$validationVarian = _ref.validationVariant,
+      validationVariant = _ref$validationVarian === void 0 ? 'error' : _ref$validationVarian,
+      feedback = _ref.feedback,
+      _ref$validationFeedba = _ref.validationFeedback,
+      validationFeedback = _ref$validationFeedba === void 0 ? 'Ugyldig dato' : _ref$validationFeedba,
       label = _ref.label,
       _ref$hideCalendarButt = _ref.hideCalendarButton,
       hideCalendarButton = _ref$hideCalendarButt === void 0 ? false : _ref$hideCalendarButt,
       _ref$hideCalendar = _ref.hideCalendar,
       hideCalendar = _ref$hideCalendar === void 0 ? false : _ref$hideCalendar,
-      _ref$hideFeedback = _ref.hideFeedback,
-      hideFeedback = _ref$hideFeedback === void 0 ? false : _ref$hideFeedback,
+      _ref$hideValidationFe = _ref.hideValidationFeedback,
+      hideValidationFeedback = _ref$hideValidationFe === void 0 ? false : _ref$hideValidationFe,
       id = _ref.id,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
   var _useState = React.useState(false),
-      showFeedback = _useState[0],
-      setShowFeedback = _useState[1];
+      showValidationFeedback = _useState[0],
+      setShowValidationFeedback = _useState[1];
 
   var _useState2 = React.useState(''),
       currentValue = _useState2[0],
@@ -111,6 +114,7 @@ var DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_re
   utils.useOnMount(function () {
     if (selectedDate) {
       setFiller && !isDatepickerFilled && setFiller(true);
+      handleChange(selectedDate, undefined);
     }
   });
   React__default["default"].useEffect(function () {
@@ -141,13 +145,14 @@ var DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_re
   };
 
   var handleChangeRaw = function handleChangeRaw(event) {
-    setShowFeedback(false);
+    setShowValidationFeedback(false);
     setCurrentValue(event.target.value);
+    if (onChangeInput) onChangeInput(event.target.value);
   };
 
   var handleBlur = function handleBlur(event) {
-    if (showFeedback) {
-      setShowFeedback(false);
+    if (showValidationFeedback) {
+      setShowValidationFeedback(false);
     } else {
       var inputValue = event.target.value;
       if (inputValue) validateInput(inputValue);
@@ -166,14 +171,26 @@ var DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     var isValidDate = dateFns.isValid(parsedDate) && yearIsFourCharacters;
 
     if (!isValidDate) {
-      setShowFeedback(true);
+      setShowValidationFeedback(true);
       setCurrentValue(lastValidValue);
     } else {
-      setShowFeedback(false);
+      setShowValidationFeedback(false);
       setLastValidValue(currentValue);
     }
   };
 
+  var displayedFeedback = function displayedFeedback() {
+    if (feedback) return feedback;
+    if (!hideValidationFeedback && showValidationFeedback) return validationFeedback;
+    return '';
+  };
+
+  var displayedVariant = function displayedVariant() {
+    if (feedback && variant) return variant;
+    if (!hideValidationFeedback && showValidationFeedback) return validationVariant;
+    return undefined;
+  };
+
   return React__default["default"].createElement(ReactDatepicker__default["default"], _extends({
     className: classNames__default["default"](className),
     calendarClassName: "eds-datepicker__calender",
@@ -192,7 +209,7 @@ var DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     onBlur: handleBlur,
     onChangeRaw: handleChangeRaw,
     onCalendarOpen: function onCalendarOpen() {
-      return setShowFeedback(false);
+      return setShowValidationFeedback(false);
     },
     value: currentValue,
     open: hideCalendar === true ? false : rest.open
@@ -200,8 +217,8 @@ var DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     customInput: React__default["default"].createElement(DatePickerInput, {
       style: style,
       readOnly: readOnly,
-      variant: !hideFeedback && showFeedback ? variant : '',
-      feedback: !hideFeedback && showFeedback ? feedback : '',
+      variant: displayedVariant(),
+      feedback: displayedFeedback(),
       label: label,
       disabled: disabled,
       ref: ref,
@@ -211,7 +228,8 @@ var DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function (_re
       hideCalendarButton: hideCalendarButton,
       inputId: id,
       onKeyDownInput: handleKeyDownInput,
-      onBlurInput: handleBlur
+      onBlurInput: handleBlur,
+      onChangeInput: onChangeInput
     })
   }));
 }); // Props fra customInput i react-datepicker
@@ -253,6 +271,7 @@ var DatePickerInput = /*#__PURE__*/React__default["default"].forwardRef(function
       className = _ref2.className,
       hideCalendarButton = _ref2.hideCalendarButton,
       inputId = _ref2.inputId,
+      onChangeInput = _ref2.onChangeInput,
       onKeyDownInput = _ref2.onKeyDownInput,
       onBlurInput = _ref2.onBlurInput,
       rest = _objectWithoutPropertiesLoose(_ref2, _excluded2$3);
@@ -281,7 +300,8 @@ var DatePickerInput = /*#__PURE__*/React__default["default"].forwardRef(function
     // aria-labelledby={id}
     className: "eds-form-control",
     id: inputId,
-    onKeyDown: onKeyDownInput
+    onKeyDown: onKeyDownInput,
+    onChange: onChangeInput
   }, rest)), !hideCalendarButton && React__default["default"].createElement(tooltip.Tooltip, {
     placement: "top",
     content: "\xC5pne kalender",

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  /** 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  /** Varselmelding, som vil komme under DatePicker\n   * @default \"Ugyldig dato\"\n   */\n  feedback?: string;\n  /** Valideringsvariant\n   * @default \"error\"\n   */\n  variant?: 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  hideFeedback?: 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'>;\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      placeholder = 'dd.mm.yyyy',\n      className,\n      style,\n      readOnly,\n      disableLabelAnimation = false,\n      locale = 'nb',\n      prepend,\n      disabled,\n      variant = 'error',\n      feedback = 'Ugyldig dato',\n      label,\n      hideCalendarButton = false,\n      hideCalendar = false,\n      hideFeedback = false,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [showFeedback, setShowFeedback] = 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      }\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      setShowFeedback(false);\n      setCurrentValue(event.target.value);\n    };\n\n    const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      if (showFeedback) {\n        setShowFeedback(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        setShowFeedback(true);\n        setCurrentValue(lastValidValue);\n      } else {\n        setShowFeedback(false);\n        setLastValidValue(currentValue);\n      }\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={() => setShowFeedback(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={!hideFeedback && showFeedback ? variant : ''}\n            feedback={!hideFeedback && showFeedback ? feedback : ''}\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          />\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      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            {...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","placeholder","className","style","readOnly","disableLabelAnimation","locale","prepend","disabled","variant","feedback","label","hideCalendarButton","hideCalendar","hideFeedback","id","rest","useState","showFeedback","setShowFeedback","currentValue","setCurrentValue","lastValidValue","setLastValidValue","datepickerId","useRandomId","useInputGroupContext","isDatepickerFilled","isFilled","setFiller","setFilled","useOnMount","useEffect","handleChange","date","event","dateString","toLocaleDateString","day","month","year","handleChangeRaw","target","value","handleBlur","inputValue","validateInput","handleKeyDownInput","key","parsedDate","parse","Date","yearIsFourCharacters","slice","lastIndexOf","length","isValidDate","isValid","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, 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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"}

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 c=s(a),u=s(t),f=s(n);function m(){return m=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},m.apply(this,arguments)}function p(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","placeholder","className","style","readOnly","disableLabelAnimation","locale","prepend","disabled","variant","feedback","label","hideCalendarButton","hideCalendar","hideFeedback","id"],v=["value","onClick","onFocus","onKeyDown","variant","feedback","style","disableLabelAnimation","disabled","label","readOnly","id","prepend","className","hideCalendarButton","inputId","onKeyDownInput","onBlurInput"];t.registerLocale("nb",d.nb);var y=[{name:"offset",enabled:!0,options:{offset:[0,0]}}],h=c.default.forwardRef((function(t,n){var r=t.selectedDate,o=void 0===r?null:r,s=t.onChange,v=t.placeholder,h=void 0===v?"dd.mm.yyyy":v,C=t.className,g=t.style,w=t.readOnly,N=t.disableLabelAnimation,I=void 0!==N&&N,E=t.locale,F=void 0===E?"nb":E,L=t.prepend,A=t.disabled,O=t.variant,_=void 0===O?"error":O,B=t.feedback,M=void 0===B?"Ugyldig dato":B,T=t.label,x=t.hideCalendarButton,R=void 0!==x&&x,D=t.hideCalendar,q=void 0!==D&&D,P=t.hideFeedback,H=void 0!==P&&P,K=t.id,S=p(t,b),j=a.useState(!1),G=j[0],V=j[1],U=a.useState(""),W=U[0],z=U[1],J=a.useState(""),Q=J[0],X=J[1],Y=e.useRandomId("eds-datepicker"),Z=l.useInputGroupContext(),$=Z.isFilled,ee=Z.setFilled;e.useOnMount((function(){o&&ee&&!$&&ee(!0)})),c.default.useEffect((function(){o?ee&&!$&&ee(!0):ee&&$&&ee(!1)}),[o,ee,$]);var ae=function(e){if(G)V(!1);else{var a=e.target.value;a&&te(a)}},te=function(e){var a=i.parse(e,"dd.MM.yyyy",new Date,{locale:d.nb}),t=4===W.slice(W.lastIndexOf(".")+1).length;i.isValid(a)&&t?(V(!1),X(W)):(V(!0),z(Q))};return c.default.createElement(u.default,m({className:f.default(C),calendarClassName:"eds-datepicker__calender",selected:o,onChange:function(e,a){if(e?ee&&!$&&ee(!0):ee&&$&&ee(!1),s){s(e,a);var t=null==e?void 0:e.toLocaleDateString("no-NO",{day:"2-digit",month:"2-digit",year:"numeric"});z(null!=t?t:""),X(null!=t?t:"")}},showWeekNumbers:!0,dateFormat:["dd.MM.yyyy","ddMMyyyy","dd/MM/yyyy"],showPopperArrow:!1,placeholderText:h,readOnly:w,id:Y,ariaLabelledBy:Y,disabled:A,locale:F,popperModifiers:y,onBlur:ae,onChangeRaw:function(e){V(!1),z(e.target.value)},onCalendarOpen:function(){return V(!1)},value:W,open:!0!==q&&S.open},S,{customInput:c.default.createElement(k,{style:g,readOnly:w,variant:!H&&G?_:"",feedback:!H&&G?M:"",label:T,disabled:A,ref:n,"data-cy":S["data-cy"],disableLabelAnimation:I,prepend:L,hideCalendarButton:R,inputId:K,onKeyDownInput:function(e){"Enter"===e.key&&te(W)},onBlurInput:ae})}))})),k=c.default.forwardRef((function(e,a){var t=e.value,n=e.onClick,i=e.onKeyDown,d=e.variant,s=e.feedback,u=e.style,b=e.disableLabelAnimation,y=e.disabled,h=e.label,k=e.readOnly,C=e.id,g=e.prepend,w=e.className,N=e.hideCalendarButton,I=e.inputId,E=e.onKeyDownInput,F=e.onBlurInput,L=p(e,v);return c.default.createElement("span",{className:w,onBlur:F},c.default.createElement(l.BaseFormControl,{style:u,className:"eds-datepicker__form-control",readOnly:k,label:h,labelId:C,feedback:s,variant:d,disabled:y,disableLabelAnimation:b,isFilled:!!t,prepend:g},c.default.createElement("input",m({value:t,onClick:n,readOnly:k,disabled:y,ref:a,className:"eds-form-control",id:I,onKeyDown:E},L)),!N&&c.default.createElement(o.Tooltip,{placement:"top",content:"Åpne kalender",disableHoverListener:y,disableFocusListener:y},c.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"},c.default.createElement(r.CalendarIcon,null)))))})),C=["className","style","label","onChange","feedback","variant","disableLabelAnimation","prepend"],g=["onChange","variant","value"],w=c.default.forwardRef((function(a,t){var n=a.className,i=a.style,d=a.label,o=a.onChange,s=a.feedback,u=a.variant,f=a.disableLabelAnimation,b=a.prepend,v=void 0===b?c.default.createElement(r.DateIcon,{inline:!0}):b,y=p(a,C),h=e.useRandomId("eds-nativetimepicker");return c.default.createElement(l.BaseFormControl,{style:i,className:n,prepend:v,label:d,feedback:s,variant:u,labelId:h,disableLabelAnimation:f,isFilled:!0},c.default.createElement(N,m({onChange:o,"aria-labelledby":h,ref:t,variant:u},y)))})),N=c.default.forwardRef((function(a,t){var n=a.onChange,r=a.variant,i=a.value,d=p(a,g),o=l.useVariant(),s=r||o,u=l.useInputGroupContext(),f=u.isFilled,b=u.setFilled;return e.useOnMount((function(){b&&!f&&b(!0)})),c.default.useEffect((function(){i?b&&!f&&b(!0):b&&f&&b(!1)}),[i,b,f]),c.default.createElement("input",m({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))})),I=["selectedTime","onChange","placeholder","disabled","className","style","label","labelTooltip","feedback","variant","disableLabelAnimation","locale","onLeftArrowClick","onRightArrowClick"],E=["className","onChange","selectedTime","placeholder","timeFormat","dateFormat"],F=["direction"];t.registerLocale("nb",d.nb);var L=c.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,u=a.disabled,f=a.className,b=a.style,v=a.label,y=a.labelTooltip,h=a.feedback,k=a.variant,C=a.disableLabelAnimation,g=a.locale,w=void 0===g?"nb":g,N=a.onLeftArrowClick,E=void 0===N?function(e,a){return e&&d(i.sub(e,{minutes:30}),a)}:N,F=a.onRightArrowClick,L=void 0===F?function(e,a){return e&&d(i.add(e,{minutes:30}),a)}:F,A=p(a,I),B=e.useRandomId("eds-timepicker");return c.default.createElement(l.BaseFormControl,{style:b,ref:t,label:v,labelId:B,labelTooltip:y,variant:k,feedback:h,disableLabelAnimation:C,className:"eds-timepicker-form-control",disabled:u,prepend:c.default.createElement(_,{direction:"left",tabIndex:-1,onClick:function(e){return E(r,e)},disabled:u})},c.default.createElement(O,m({selectedTime:r,onChange:d,placeholder:s,className:f,locale:w,ariaLabelledBy:B,disabled:u},A)),c.default.createElement(_,{direction:"right",tabIndex:-1,onClick:function(e){return L(r,e)},disabled:u}))})),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=p(a,E),y=l.useInputGroupContext(),h=y.isFilled,k=y.setFilled;return e.useOnMount((function(){r&&k&&!h&&k(!0)})),c.default.useEffect((function(){r?k&&!h&&k(!0):k&&h&&k(!1)}),[r,k,h]),c.default.createElement(u.default,m({className:f.default("eds-form-control","eds-timepicker__input",t),calendarClassName:"eds-timepicker",selected:r,onChange:function(e,a){e?k&&!h&&k(!0):k&&h&&k(!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=p(e,F);return c.default.createElement("button",m({className:f.default("eds-timepicker__arrowbutton","eds-timepicker__arrowbutton--"+a),type:"button"},t),c.default.createElement("left"===a?r.LeftArrowIcon:r.RightArrowIcon,null))},B=["className","style","onChange","label","feedback","variant","disableLabelAnimation","prepend"],M=["onChange","value"],T=c.default.forwardRef((function(a,t){var n=a.className,i=a.style,d=a.onChange,o=a.label,s=a.feedback,u=a.variant,f=a.disableLabelAnimation,b=a.prepend,v=void 0===b?c.default.createElement(r.ClockIcon,null):b,y=p(a,B),h=e.useRandomId("eds-nativetimepicker");return c.default.createElement(l.BaseFormControl,{style:i,className:n,prepend:v,label:o,feedback:s,variant:u,labelId:h,disableLabelAnimation:f},c.default.createElement(x,m({onChange:d,"aria-labelledby":h,ref:t},y)))})),x=c.default.forwardRef((function(a,t){var n=a.onChange,r=a.value,i=p(a,M),d=l.useVariant(),o=i.variant||d,s=l.useInputGroupContext(),u=s.isFilled,f=s.setFilled;return e.useOnMount((function(){f&&!u&&f(!0)})),c.default.useEffect((function(){r?f&&!u&&f(!0):f&&u&&f(!1)}),[r,f,u]),c.default.createElement("input",m({ref:t,"aria-invalid":"error"===o,type:"time",className:"eds-form-control eds-native-date-picker",onChange:function(e){l.isFilled(e.target)?f&&!u&&f(!0):f&&u&&f(!1),n&&n(e)},value:r},i))}));e.warnAboutMissingStyles("datepicker","form","icons"),exports.DatePicker=h,exports.NativeDatePicker=w,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,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;
 //# 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  /** 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  /** Varselmelding, som vil komme under DatePicker\n   * @default \"Ugyldig dato\"\n   */\n  feedback?: string;\n  /** Valideringsvariant\n   * @default \"error\"\n   */\n  variant?: 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  hideFeedback?: 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'>;\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      placeholder = 'dd.mm.yyyy',\n      className,\n      style,\n      readOnly,\n      disableLabelAnimation = false,\n      locale = 'nb',\n      prepend,\n      disabled,\n      variant = 'error',\n      feedback = 'Ugyldig dato',\n      label,\n      hideCalendarButton = false,\n      hideCalendar = false,\n      hideFeedback = false,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [showFeedback, setShowFeedback] = 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      }\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      setShowFeedback(false);\n      setCurrentValue(event.target.value);\n    };\n\n    const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      if (showFeedback) {\n        setShowFeedback(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        setShowFeedback(true);\n        setCurrentValue(lastValidValue);\n      } else {\n        setShowFeedback(false);\n        setLastValidValue(currentValue);\n      }\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={() => setShowFeedback(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={!hideFeedback && showFeedback ? variant : ''}\n            feedback={!hideFeedback && showFeedback ? feedback : ''}\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          />\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      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            {...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","placeholder","className","style","readOnly","disableLabelAnimation","locale","prepend","disabled","variant","feedback","label","hideCalendarButton","hideCalendar","hideFeedback","id","rest","useState","showFeedback","setShowFeedback","currentValue","setCurrentValue","lastValidValue","setLastValidValue","datepickerId","useRandomId","useInputGroupContext","isDatepickerFilled","isFilled","setFiller","setFilled","useOnMount","useEffect","handleBlur","event","inputValue","target","value","validateInput","parsedDate","parse","Date","yearIsFourCharacters","slice","lastIndexOf","length","isValid","ReactDatepicker","classNames","calendarClassName","selected","date","dateString","toLocaleDateString","day","month","year","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, 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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"}

package/dist/datepicker.esm.js

@@ -41,8 +41,8 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var _excluded$3 = ["selectedDate", "onChange", "placeholder", "className", "style", "readOnly", "disableLabelAnimation", "locale", "prepend", "disabled", "variant", "feedback", "label", "hideCalendarButton", "hideCalendar", "hideFeedback", "id"],
-    _excluded2$3 = ["value", "onClick", "onFocus", "onKeyDown", "variant", "feedback", "style", "disableLabelAnimation", "disabled", "label", "readOnly", "id", "prepend", "className", "hideCalendarButton", "inputId", "onKeyDownInput", "onBlurInput"];
+var _excluded$3 = ["selectedDate", "onChange", "onChangeInput", "placeholder", "className", "style", "readOnly", "disableLabelAnimation", "locale", "prepend", "disabled", "variant", "validationVariant", "feedback", "validationFeedback", "label", "hideCalendarButton", "hideCalendar", "hideValidationFeedback", "id"],
+    _excluded2$3 = ["value", "onClick", "onFocus", "onKeyDown", "variant", "feedback", "style", "disableLabelAnimation", "disabled", "label", "readOnly", "id", "prepend", "className", "hideCalendarButton", "inputId", "onChangeInput", "onKeyDownInput", "onBlurInput"];
 registerLocale('nb', nb);
 var POPPER_MODIFIERS$1 = [{
   name: 'offset',
@@ -55,6 +55,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$selectedDate = _ref.selectedDate,
       selectedDate = _ref$selectedDate === void 0 ? null : _ref$selectedDate,
       onChange = _ref.onChange,
+      onChangeInput = _ref.onChangeInput,
       _ref$placeholder = _ref.placeholder,
       placeholder = _ref$placeholder === void 0 ? 'dd.mm.yyyy' : _ref$placeholder,
       className = _ref.className,
@@ -66,23 +67,25 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       locale = _ref$locale === void 0 ? 'nb' : _ref$locale,
       prepend = _ref.prepend,
       disabled = _ref.disabled,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'error' : _ref$variant,
-      _ref$feedback = _ref.feedback,
-      feedback = _ref$feedback === void 0 ? 'Ugyldig dato' : _ref$feedback,
+      variant = _ref.variant,
+      _ref$validationVarian = _ref.validationVariant,
+      validationVariant = _ref$validationVarian === void 0 ? 'error' : _ref$validationVarian,
+      feedback = _ref.feedback,
+      _ref$validationFeedba = _ref.validationFeedback,
+      validationFeedback = _ref$validationFeedba === void 0 ? 'Ugyldig dato' : _ref$validationFeedba,
       label = _ref.label,
       _ref$hideCalendarButt = _ref.hideCalendarButton,
       hideCalendarButton = _ref$hideCalendarButt === void 0 ? false : _ref$hideCalendarButt,
       _ref$hideCalendar = _ref.hideCalendar,
       hideCalendar = _ref$hideCalendar === void 0 ? false : _ref$hideCalendar,
-      _ref$hideFeedback = _ref.hideFeedback,
-      hideFeedback = _ref$hideFeedback === void 0 ? false : _ref$hideFeedback,
+      _ref$hideValidationFe = _ref.hideValidationFeedback,
+      hideValidationFeedback = _ref$hideValidationFe === void 0 ? false : _ref$hideValidationFe,
       id = _ref.id,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
   var _useState = useState(false),
-      showFeedback = _useState[0],
-      setShowFeedback = _useState[1];
+      showValidationFeedback = _useState[0],
+      setShowValidationFeedback = _useState[1];
 
   var _useState2 = useState(''),
       currentValue = _useState2[0],
@@ -101,6 +104,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   useOnMount(function () {
     if (selectedDate) {
       setFiller && !isDatepickerFilled && setFiller(true);
+      handleChange(selectedDate, undefined);
     }
   });
   React.useEffect(function () {
@@ -131,13 +135,14 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   };
 
   var handleChangeRaw = function handleChangeRaw(event) {
-    setShowFeedback(false);
+    setShowValidationFeedback(false);
     setCurrentValue(event.target.value);
+    if (onChangeInput) onChangeInput(event.target.value);
   };
 
   var handleBlur = function handleBlur(event) {
-    if (showFeedback) {
-      setShowFeedback(false);
+    if (showValidationFeedback) {
+      setShowValidationFeedback(false);
     } else {
       var inputValue = event.target.value;
       if (inputValue) validateInput(inputValue);
@@ -156,14 +161,26 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var isValidDate = isValid(parsedDate) && yearIsFourCharacters;
 
     if (!isValidDate) {
-      setShowFeedback(true);
+      setShowValidationFeedback(true);
       setCurrentValue(lastValidValue);
     } else {
-      setShowFeedback(false);
+      setShowValidationFeedback(false);
       setLastValidValue(currentValue);
     }
   };
 
+  var displayedFeedback = function displayedFeedback() {
+    if (feedback) return feedback;
+    if (!hideValidationFeedback && showValidationFeedback) return validationFeedback;
+    return '';
+  };
+
+  var displayedVariant = function displayedVariant() {
+    if (feedback && variant) return variant;
+    if (!hideValidationFeedback && showValidationFeedback) return validationVariant;
+    return undefined;
+  };
+
   return React.createElement(ReactDatepicker, _extends({
     className: classNames(className),
     calendarClassName: "eds-datepicker__calender",
@@ -182,7 +199,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onBlur: handleBlur,
     onChangeRaw: handleChangeRaw,
     onCalendarOpen: function onCalendarOpen() {
-      return setShowFeedback(false);
+      return setShowValidationFeedback(false);
     },
     value: currentValue,
     open: hideCalendar === true ? false : rest.open
@@ -190,8 +207,8 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     customInput: React.createElement(DatePickerInput, {
       style: style,
       readOnly: readOnly,
-      variant: !hideFeedback && showFeedback ? variant : '',
-      feedback: !hideFeedback && showFeedback ? feedback : '',
+      variant: displayedVariant(),
+      feedback: displayedFeedback(),
       label: label,
       disabled: disabled,
       ref: ref,
@@ -201,7 +218,8 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       hideCalendarButton: hideCalendarButton,
       inputId: id,
       onKeyDownInput: handleKeyDownInput,
-      onBlurInput: handleBlur
+      onBlurInput: handleBlur,
+      onChangeInput: onChangeInput
     })
   }));
 }); // Props fra customInput i react-datepicker
@@ -243,6 +261,7 @@ var DatePickerInput = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
       className = _ref2.className,
       hideCalendarButton = _ref2.hideCalendarButton,
       inputId = _ref2.inputId,
+      onChangeInput = _ref2.onChangeInput,
       onKeyDownInput = _ref2.onKeyDownInput,
       onBlurInput = _ref2.onBlurInput,
       rest = _objectWithoutPropertiesLoose(_ref2, _excluded2$3);
@@ -271,7 +290,8 @@ var DatePickerInput = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     // aria-labelledby={id}
     className: "eds-form-control",
     id: inputId,
-    onKeyDown: onKeyDownInput
+    onKeyDown: onKeyDownInput,
+    onChange: onChangeInput
   }, rest)), !hideCalendarButton && React.createElement(Tooltip, {
     placement: "top",
     content: "\xC5pne kalender",

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  /** 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  /** Varselmelding, som vil komme under DatePicker\n   * @default \"Ugyldig dato\"\n   */\n  feedback?: string;\n  /** Valideringsvariant\n   * @default \"error\"\n   */\n  variant?: 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  hideFeedback?: 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'>;\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      placeholder = 'dd.mm.yyyy',\n      className,\n      style,\n      readOnly,\n      disableLabelAnimation = false,\n      locale = 'nb',\n      prepend,\n      disabled,\n      variant = 'error',\n      feedback = 'Ugyldig dato',\n      label,\n      hideCalendarButton = false,\n      hideCalendar = false,\n      hideFeedback = false,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [showFeedback, setShowFeedback] = 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      }\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      setShowFeedback(false);\n      setCurrentValue(event.target.value);\n    };\n\n    const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      if (showFeedback) {\n        setShowFeedback(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        setShowFeedback(true);\n        setCurrentValue(lastValidValue);\n      } else {\n        setShowFeedback(false);\n        setLastValidValue(currentValue);\n      }\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={() => setShowFeedback(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={!hideFeedback && showFeedback ? variant : ''}\n            feedback={!hideFeedback && showFeedback ? feedback : ''}\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          />\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      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            {...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","placeholder","className","style","readOnly","disableLabelAnimation","locale","prepend","disabled","variant","feedback","label","hideCalendarButton","hideCalendar","hideFeedback","id","rest","useState","showFeedback","setShowFeedback","currentValue","setCurrentValue","lastValidValue","setLastValidValue","datepickerId","useRandomId","useInputGroupContext","isDatepickerFilled","isFilled","setFiller","setFilled","useOnMount","useEffect","handleChange","date","event","dateString","toLocaleDateString","day","month","year","handleChangeRaw","target","value","handleBlur","inputValue","validateInput","handleKeyDownInput","key","parsedDate","parse","Date","yearIsFourCharacters","slice","lastIndexOf","length","isValidDate","isValid","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, 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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"}

package/dist/styles.css

@@ -1,6 +1,4 @@
-:root {
-  --eds-datepicker: 1;
-}@charset "UTF-8";
+@charset "UTF-8";
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .react-datepicker__navigation-icon::before,
@@ -826,6 +824,8 @@
 .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.0",
+  "version": "0.11.3",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/datepicker.esm.js",
@@ -27,8 +27,8 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/form": "^5.2.2",
-    "@entur/icons": "^3.4.1",
+    "@entur/form": "^5.2.3",
+    "@entur/icons": "^3.5.0",
     "@entur/tokens": "^3.3.1",
     "@entur/typography": "^1.6.11",
     "@entur/utils": "^0.4.3",
@@ -36,5 +36,5 @@
     "classnames": "^2.3.1",
     "react-datepicker": "4.6.0"
   },
-  "gitHead": "61e643371cfc5653c93160b7c220152e5b2bafeb"
+  "gitHead": "bf9c14526f7c44eab1cfc5e49f746edd14f29779"
 }