@entur/datepicker 2.1.3 → 3.0.0-alpha.0

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

@@ -1 +1 @@
-{"version":3,"file":"datepicker.cjs.production.min.js","sources":["../src/DatePicker/DatePickerHeader.tsx","../src/DatePicker/DatePickerInput.tsx","../src/DatePicker/DatePicker.tsx","../src/NativeDatePicker.tsx","../src/TimePicker.tsx","../src/NativeTimePicker.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport { ReactDatePickerCustomHeaderProps } from 'react-datepicker';\n\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { IconButton } from '@entur/button';\n\ntype DatePickerHeaderProps = {\n  nextMonthAriaLabel: string;\n  previousMonthAriaLabel: string;\n  locale: globalThis.Locale;\n} & Partial<ReactDatePickerCustomHeaderProps>;\n\nexport const DatePickerHeader = ({\n  date,\n  decreaseMonth,\n  increaseMonth,\n  prevMonthButtonDisabled,\n  nextMonthButtonDisabled,\n  nextMonthAriaLabel,\n  previousMonthAriaLabel,\n  locale,\n}: DatePickerHeaderProps) => {\n  const currentMonthIndex = date?.getMonth() ?? 0;\n  return (\n    <div className=\"eds-datepicker__calender__header\">\n      <IconButton\n        type=\"button\"\n        className=\"eds-datepicker__calender__header__month-button--left\"\n        onClick={decreaseMonth}\n        disabled={prevMonthButtonDisabled}\n        aria-label={`${previousMonthAriaLabel} (${getMonthName(\n          currentMonthIndex - 1,\n          locale,\n        )})`}\n      >\n        <LeftArrowIcon />\n      </IconButton>\n\n      <Heading3 className=\"eds-datepicker__calender__header__month-text\">\n        {getMonthName(currentMonthIndex, locale)}\n      </Heading3>\n      <Heading3 className=\"eds-datepicker__calender__header__month-text\">\n        {date?.getFullYear()}\n      </Heading3>\n\n      <IconButton\n        type=\"button\"\n        className=\"eds-datepicker__calender__header__month-button--right\"\n        onClick={increaseMonth}\n        disabled={nextMonthButtonDisabled}\n        aria-label={`${nextMonthAriaLabel} (${getMonthName(\n          currentMonthIndex + 1,\n          locale,\n        )})`}\n      >\n        <RightArrowIcon />\n      </IconButton>\n    </div>\n  );\n};\n\nfunction getMonthName(monthIndex: number, locale: globalThis.Locale) {\n  const year = new Date().getFullYear();\n  const formatter = new Intl.DateTimeFormat(locale.code, {\n    month: 'long',\n  });\n  return formatter.format(new Date(year, monthIndex));\n}\n","import React from 'react';\n\nimport { TextField, VariantType } from '@entur/form';\nimport { Tooltip } from '@entur/tooltip';\nimport { IconButton } from '@entur/button';\nimport { CalendarIcon } from '@entur/icons';\nimport { mergeRefs } from '@entur/utils';\n\ntype DatePickerInputProps = {\n  style?: React.CSSProperties;\n  label: string;\n  inputPlaceholder: string;\n  prepend?: React.ReactNode;\n  feedback?: string;\n  variant?: VariantType;\n  disabled?: boolean;\n  disableLabelAnimation?: boolean;\n  calendarButtonTooltipOpen: string;\n  calendarButtonTooltipClose: string;\n  hideCalendarButton?: boolean;\n  inputRef: React.RefObject<HTMLInputElement>;\n  calendarButtonId: string;\n  forwardRef: React.ForwardedRef<HTMLInputElement>;\n  toggleCalendarGUI: () => void;\n  setFocusToCalendarGUI: () => void;\n  setShouldFocusOnCalendarButtonAfterSelect: React.Dispatch<\n    React.SetStateAction<boolean>\n  >;\n  onKeyDownInput: (event: KeyboardEvent) => any;\n  onBlurInput: (event: FocusEvent) => any;\n  calendarGUIIsOpen: () => boolean | undefined;\n  onClick?: React.MouseEventHandler<HTMLInputElement>; // react-datepicker's onClick prop\n  onFocus: undefined; // To prevent open on focus\n  selectedDate: Date | null; // Necessary to update component on state change\n  placeholder?: null; // override react-datepickers placeholder prop\n  'aria-labelledby'?: string;\n};\n\nexport const DatePickerInput = React.forwardRef<\n  HTMLInputElement,\n  DatePickerInputProps\n>(\n  (\n    {\n      style,\n      label,\n      inputPlaceholder,\n      prepend,\n      feedback,\n      variant,\n      disabled,\n      calendarButtonTooltipOpen,\n      calendarButtonTooltipClose,\n      hideCalendarButton,\n      disableLabelAnimation,\n      inputRef,\n      calendarButtonId,\n      forwardRef,\n      toggleCalendarGUI,\n      onKeyDownInput,\n      onBlurInput,\n      selectedDate,\n      setFocusToCalendarGUI,\n      setShouldFocusOnCalendarButtonAfterSelect,\n      calendarGUIIsOpen,\n      placeholder, // eslint-disable-line\n      onClick,\n      'aria-labelledby': ariaLabelledBy, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...rest // forwarded props from react-datepicker\n    },\n    ref,\n  ) => {\n    React.useEffect(() => {\n      inputRef.current?.addEventListener('keydown', handleOnKeyDown);\n      inputRef.current?.addEventListener('blur', handleOnBlur);\n      inputRef.current?.addEventListener('focus', handleOnFocus);\n      return () => {\n        inputRef.current?.removeEventListener('keydown', handleOnKeyDown);\n        inputRef.current?.removeEventListener('blur', handleOnBlur);\n        inputRef.current?.removeEventListener('focus', handleOnFocus);\n      };\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputRef, selectedDate]);\n\n    function handleOnKeyDown(this: HTMLElement, event: KeyboardEvent) {\n      onKeyDownInput(event);\n    }\n    function handleOnBlur(this: HTMLElement, event: FocusEvent) {\n      onBlurInput(event);\n    }\n    const handleOnFocus = () =>\n      requestAnimationFrame(() => inputRef.current?.select());\n\n    const handleOnClickInputField = (\n      event: React.MouseEvent<HTMLInputElement, MouseEvent>,\n    ) => {\n      setShouldFocusOnCalendarButtonAfterSelect(false);\n      onClick && onClick(event);\n    };\n\n    const handleOnClickCalendarButton = () => {\n      toggleCalendarGUI();\n      setFocusToCalendarGUI();\n      setShouldFocusOnCalendarButtonAfterSelect(true);\n    };\n\n    const calendarButtonAriaLabel = () => {\n      const buttonStateText = calendarGUIIsOpen()\n        ? calendarButtonTooltipClose\n        : calendarButtonTooltipOpen;\n      const currentSelectionText = selectedDate\n        ? `${inputRef.current?.value} valgt`\n        : 'Ingen dato valgt';\n      return `${buttonStateText}, ${currentSelectionText}`;\n    };\n\n    return (\n      <TextField\n        style={style}\n        label={label}\n        placeholder={inputPlaceholder}\n        prepend={prepend}\n        feedback={feedback}\n        variant={variant}\n        disableLabelAnimation={disableLabelAnimation}\n        ref={mergeRefs(ref, inputRef, forwardRef)}\n        onClick={handleOnClickInputField}\n        ariaAlertOnFeedback\n        append={\n          !hideCalendarButton && (\n            <Tooltip\n              placement=\"top\"\n              content={\n                calendarGUIIsOpen()\n                  ? calendarButtonTooltipClose\n                  : calendarButtonTooltipOpen\n              }\n              disableHoverListener={disabled}\n              disableFocusListener={disabled}\n            >\n              <IconButton\n                id={calendarButtonId}\n                type=\"button\"\n                onClick={handleOnClickCalendarButton}\n                tabIndex={calendarGUIIsOpen() ? -1 : 0}\n                aria-label={calendarButtonAriaLabel()}\n              >\n                <CalendarIcon />\n              </IconButton>\n            </Tooltip>\n          )\n        }\n        {...rest}\n      />\n    );\n  },\n);\n","import React, { useRef, useState } from 'react';\nimport ReactDatePicker, {\n  default as ReactDatepicker,\n  ReactDatePickerProps,\n  registerLocale,\n} from 'react-datepicker';\nimport { parse, isSameDay, Locale } from 'date-fns';\nimport { nb } from 'date-fns/locale';\nimport classNames from 'classnames';\n\nimport { VariantType } from '@entur/form';\nimport { useRandomId } from '@entur/utils';\n\nimport { DatePickerHeader } from './DatePickerHeader';\nimport { DatePickerInput } from './DatePickerInput';\n\nimport './DatePicker.scss';\nimport 'react-datepicker/dist/react-datepicker.css';\n\nregisterLocale('nb', nb);\n\nexport type DatePickerProps = {\n  /** Hva som er den valgte datoen */\n  selectedDate: Date | null;\n  /** Kalles når datoen/tiden endres */\n  onChange: (\n    date: Date | null,\n    event: React.SyntheticEvent<any, Event> | undefined,\n  ) => void;\n  /**\n   * Kalles når en tast trykkes i inputfeltet\n   */\n  onKeyDown?: (event: KeyboardEvent) => void;\n  /**\n   * Datoformater som skal støttes. Første i listen er formatet alt input omgjøres til.\n   * Format-valg tilgjengelig her: https://date-fns.org/v2.28.0/docs/format\n   * OBS: Noen kombinasjoner av datoformater kan gi rar og uønsket oppførsel,\n   * test nøye ved endring\n   * @default \"['dd.MM.yyyy', 'ddMMyyyy', 'dd/MM/yyyy', 'ddMMyy']\"\n   */\n  dateFormats?: string[];\n  /**\n   * Locale fra date-fns som brukes av Datepicker-en\n   * @default nb\n   */\n  locale?: Locale;\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  /**\n   * Tekst som vises når kalender ikke er åpen på «Åpne/Lukk kalender»-knappen ved hover\n   */\n  calendarButtonTooltipOpen?: string;\n  /**\n   * Tekst som vises når kalender er åpen på «Åpne/Lukk kalender»-knappen ved hover\n   */\n  calendarButtonTooltipClose?: string;\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  hideValidation?: boolean;\n  /** Skjuler kalender-GUI-et\n   * @default false\n   */\n  hideCalendar?: boolean;\n  /** Viser kun kalender-popover-en\n   * @default false\n   */\n  inline?: boolean;\n  /** Skjermlesertekst for forrige måned-knapen\n   * @default \"Forrige måned\"\n   */\n  previousMonthAriaLabel?: string;\n  /** Skjermlesertekst for neste måned-knapen\n   * @default \"Neste måned\"\n   */\n  nextMonthAriaLabel?: string;\n  /**\n   * Skjermlesertekst som leses før dato i kalenderGUI-et\n   * @default \"Velg\"\n   */\n  chooseDayAriaLabelPrefix?: string;\n  // For testing\n  'data-cy'?: any;\n} & Omit<\n  ReactDatePickerProps,\n  | 'selected'\n  | 'customInput'\n  | 'onChangeRaw'\n  | 'dateFormat'\n  | 'locale'\n  | 'previousMonthAriaLabel'\n  | 'nextMonthAriaLabel'\n>;\n\nexport const DatePicker = React.forwardRef<HTMLInputElement, DatePickerProps>(\n  (\n    {\n      style,\n      className,\n      selectedDate,\n      label,\n      placeholder = 'dd.mm.yyyy',\n      onChange,\n      onKeyDown = () => null,\n      dateFormats = ['dd.MM.yyyy', 'ddMMyyyy', 'dd/MM/yyyy', 'ddMMyy'],\n      minDate,\n      maxDate,\n      inline = false,\n      disabled,\n      prepend,\n      feedback = '',\n      variant,\n      validationFeedback = 'Ugyldig dato',\n      validationVariant = 'error',\n      disableLabelAnimation = false,\n      calendarButtonTooltipOpen = 'Åpne\\xa0kalender',\n      calendarButtonTooltipClose = 'Lukk\\xa0kalender',\n      hideCalendarButton = false,\n      hideCalendar = false,\n      hideValidation = false,\n      weekLabel = 'uke',\n      chooseDayAriaLabelPrefix = 'Velg',\n      previousMonthAriaLabel = 'Forrige måned',\n      nextMonthAriaLabel = 'Neste måned',\n      locale = nb,\n      open,\n      ...rest\n    },\n    ref,\n  ) => {\n    const datepickerId = useRandomId('eds-datepicker');\n\n    const datepickerRef = useRef<ReactDatePicker>(null);\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const calendarButton = document.getElementById(datepickerId + '-button');\n\n    const [showValidation, setShowValidation] = useState(false);\n    const [\n      shouldFocusOnCalendarButtonAfterSelect,\n      setShouldFocusOnCalendarButtonAfterSelect,\n    ] = useState(false);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    React.useEffect(() => validateInput(), [selectedDate]);\n\n    const handleOnChange = (\n      date: Date | null,\n      event: React.SyntheticEvent<any, Event> | undefined,\n    ): void => {\n      if (shouldFocusOnCalendarButtonAfterSelect && !hideCalendarButton) {\n        calendarButton?.focus();\n        setShouldFocusOnCalendarButtonAfterSelect(false);\n      } else inputRef.current?.focus();\n\n      onChange(date, event);\n    };\n\n    const handleOnKeyDown = (event: KeyboardEvent) => {\n      setShowValidation(false);\n\n      if (event.key === 'Enter') {\n        if (!datePickerGUIIsOpen()) {\n          // onBlurInput will validate if calendar is open\n          validateInput();\n          forceUpdateInputFormat();\n        }\n        focusAndSelectInputField();\n      } else if (event.key === 'Tab' && datePickerGUIIsOpen()) {\n        forceUpdateInputFormat();\n      } else if (event.key === 'Escape') {\n        forceUpdateInputFormat();\n        focusAndSelectInputField();\n        if (datePickerGUIIsOpen()) toggleCalendarGUI();\n      }\n      onKeyDown(event);\n    };\n\n    const handleOnClickOutside = () =>\n      setShouldFocusOnCalendarButtonAfterSelect(false);\n\n    const handleOnBlurInput = () => {\n      if (datePickerGUIIsOpen()) return;\n      validateInput();\n      forceUpdateInputFormat();\n    };\n\n    const validateInput = () => {\n      setShowValidation(false);\n      const inputValue = inputRef.current?.value;\n      if (!inputValue) return;\n\n      const inputValueParsedWithAllDateFormats = dateFormats.map(format =>\n        parse(inputValue, format, new Date(), {\n          locale: locale,\n        }),\n      );\n\n      const parsedDateFromInputIsTheSameAsSelectedDate =\n        selectedDate &&\n        inputValueParsedWithAllDateFormats.some(dateFormat =>\n          isSameDay(dateFormat, selectedDate),\n        );\n\n      if (parsedDateFromInputIsTheSameAsSelectedDate) {\n        // valid date inputted\n        setShowValidation(false);\n      } else {\n        // invalid date inputted\n        setShowValidation(true);\n      }\n    };\n\n    const getFeedbackAndVariant = (): {\n      feedback: string;\n      variant: VariantType | undefined;\n    } => {\n      if (feedback) return { feedback, variant };\n      if (!hideValidation && showValidation)\n        return { feedback: validationFeedback, variant: validationVariant };\n      return { feedback: '', variant: undefined };\n    };\n\n    const focusAndSelectInputField = () =>\n      requestAnimationFrame(() => inputRef.current?.select());\n\n    const forceUpdateInputFormat = () =>\n      datepickerRef.current?.setState({ inputValue: null });\n\n    const toggleCalendarGUI = () =>\n      datepickerRef.current?.setOpen(!datePickerGUIIsOpen());\n\n    const setFocusToCalendarGUI = () => {\n      if (inline || hideCalendar || datePickerGUIIsOpen()) return;\n      // 1 frame delay to allow calendar to spawn\n      requestAnimationFrame(() => {\n        const datepickerGUIWrapper =\n          // @ts-expect-error .calendar does actually exist in ReactDatePicker ref\n          datepickerRef.current?.calendar.componentNode;\n\n        const dateToSetFocusTo = selectedDate\n          ? (datepickerGUIWrapper.querySelector(\n              '.eds-datepicker__calender__day[tabindex=\"0\"]',\n            ) as HTMLElement | null)\n          : (datepickerGUIWrapper.querySelector(\n              '.eds-datepicker__calender__day[aria-current=\"date\"]',\n            ) as HTMLElement | null);\n        if (dateToSetFocusTo !== null) {\n          datepickerRef.current?.setBlur();\n          dateToSetFocusTo.focus({ preventScroll: true });\n        }\n      });\n      setShouldFocusOnCalendarButtonAfterSelect(true);\n      setShowValidation(false);\n    };\n\n    const datePickerGUIIsOpen = () => datepickerRef.current?.isCalendarOpen();\n\n    return (\n      <>\n        <ReactDatepicker\n          selected={selectedDate}\n          minDate={minDate}\n          maxDate={maxDate}\n          dateFormat={dateFormats}\n          showWeekNumbers\n          weekLabel={weekLabel}\n          onChange={handleOnChange}\n          onClickOutside={handleOnClickOutside}\n          id={datepickerId}\n          ariaLabelledBy={datepickerId}\n          showPopperArrow={false}\n          locale={locale}\n          inline={inline}\n          disabled={disabled}\n          preventOpenOnFocus={true}\n          chooseDayAriaLabelPrefix={chooseDayAriaLabelPrefix}\n          open={hideCalendar ? false : open}\n          ref={datepickerRef}\n          calendarClassName=\"eds-datepicker__calender\"\n          dayClassName={() => 'eds-datepicker__calender__day'}\n          weekDayClassName={() => 'eds-datepicker__calender__day-name'}\n          className={classNames(className, 'eds-datepicker__input')}\n          highlightDates={[\n            { 'eds-datepicker__calender__day--today': [new Date()] },\n            {\n              'eds-datepicker__calender__day--selected': selectedDate\n                ? [selectedDate]\n                : [],\n            },\n          ]}\n          renderCustomHeader={({\n            date,\n            changeYear,\n            changeMonth,\n            decreaseMonth,\n            increaseMonth,\n            prevMonthButtonDisabled,\n            nextMonthButtonDisabled,\n          }) => (\n            <DatePickerHeader\n              date={date}\n              changeYear={changeYear}\n              changeMonth={changeMonth}\n              increaseMonth={increaseMonth}\n              decreaseMonth={decreaseMonth}\n              prevMonthButtonDisabled={prevMonthButtonDisabled}\n              nextMonthButtonDisabled={nextMonthButtonDisabled}\n              previousMonthAriaLabel={previousMonthAriaLabel}\n              nextMonthAriaLabel={nextMonthAriaLabel}\n              locale={locale}\n            />\n          )}\n          customInput={\n            <DatePickerInput\n              style={style}\n              label={label}\n              inputPlaceholder={placeholder}\n              calendarButtonTooltipOpen={calendarButtonTooltipOpen}\n              calendarButtonTooltipClose={calendarButtonTooltipClose}\n              prepend={prepend}\n              feedback={getFeedbackAndVariant().feedback}\n              variant={getFeedbackAndVariant().variant}\n              inputRef={inputRef}\n              calendarButtonId={datepickerId + '-button'}\n              forwardRef={ref}\n              onKeyDownInput={handleOnKeyDown}\n              onBlurInput={handleOnBlurInput}\n              onFocus={undefined}\n              toggleCalendarGUI={toggleCalendarGUI}\n              setFocusToCalendarGUI={setFocusToCalendarGUI}\n              setShouldFocusOnCalendarButtonAfterSelect={\n                setShouldFocusOnCalendarButtonAfterSelect\n              }\n              calendarGUIIsOpen={datePickerGUIIsOpen}\n              disableLabelAnimation={disableLabelAnimation}\n              hideCalendarButton={hideCalendarButton}\n              selectedDate={selectedDate}\n            />\n          }\n          {...rest}\n        />\n      </>\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\nwarnAboutMissingStyles('datepicker', 'form', 'icons');\n\nexport * from './DatePicker';\nexport * from './NativeDatePicker';\nexport * from './TimePicker';\nexport * from './NativeTimePicker';\n"],"names":["DatePickerHeader","date","decreaseMonth","increaseMonth","prevMonthButtonDisabled","nextMonthButtonDisabled","nextMonthAriaLabel","previousMonthAriaLabel","locale","currentMonthIndex","getMonth","React","className","IconButton","type","onClick","disabled","getMonthName","LeftArrowIcon","Heading3","getFullYear","RightArrowIcon","monthIndex","year","Date","Intl","DateTimeFormat","code","month","format","DatePickerInput","forwardRef","ref","style","label","inputPlaceholder","prepend","feedback","variant","calendarButtonTooltipOpen","calendarButtonTooltipClose","hideCalendarButton","disableLabelAnimation","inputRef","calendarButtonId","toggleCalendarGUI","onKeyDownInput","onBlurInput","selectedDate","setFocusToCalendarGUI","setShouldFocusOnCalendarButtonAfterSelect","calendarGUIIsOpen","rest","handleOnKeyDown","event","handleOnBlur","useEffect","current","addEventListener","handleOnFocus","removeEventListener","requestAnimationFrame","_inputRef$current7","select","TextField","placeholder","mergeRefs","ariaAlertOnFeedback","append","Tooltip","placement","content","disableHoverListener","disableFocusListener","id","tabIndex","_inputRef$current8","value","CalendarIcon","registerLocale","nb","DatePicker","onChange","onKeyDown","dateFormats","minDate","maxDate","inline","validationFeedback","validationVariant","hideCalendar","hideValidation","weekLabel","chooseDayAriaLabelPrefix","open","datepickerId","useRandomId","datepickerRef","useRef","calendarButton","document","getElementById","useState","showValidation","setShowValidation","shouldFocusOnCalendarButtonAfterSelect","validateInput","inputValue","_inputRef$current2","inputValueParsedWithAllDateFormats","map","parse","parsedDateFromInputIsTheSameAsSelectedDate","some","dateFormat","isSameDay","getFeedbackAndVariant","undefined","focusAndSelectInputField","_inputRef$current3","forceUpdateInputFormat","_datepickerRef$curren","setState","_datepickerRef$curren2","setOpen","datePickerGUIIsOpen","_datepickerRef$curren5","isCalendarOpen","ReactDatepicker","selected","showWeekNumbers","focus","onClickOutside","ariaLabelledBy","showPopperArrow","preventOpenOnFocus","calendarClassName","dayClassName","weekDayClassName","classNames","highlightDates","renderCustomHeader","changeYear","changeMonth","customInput","key","onFocus","dateToSetFocusTo","_datepickerRef$curren3","calendar","componentNode","querySelector","setBlur","preventScroll","NativeDatePicker","DateIcon","nativedatepickerId","BaseFormControl","labelId","isFilled","NativeDatePickerBase","contextVariant","useVariant","currentVariant","useInputGroupContext","isDatepickerFilled","setFiller","setFilled","useOnMount","target","TimePicker","selectedTime","labelTooltip","onLeftArrowClick","sub","minutes","onRightArrowClick","add","timepickerId","TimePickerArrowButton","direction","e","TimePickerBase","POPPER_MODIFIERS","name","enabled","options","offset","timeFormat","isTimepickerFilled","showTimeSelect","showTimeInput","showTimeSelectOnly","placeholderText","popperClassName","popperModifiers","NativeTimePicker","ClockIcon","nativetimepickerId","NativeTimePickerBase","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"datepicker.cjs.production.min.js","sources":["../src/DatePicker/DatePickerHeader.tsx","../src/DatePicker/DatePickerInput.tsx","../src/DatePicker/DatePicker.tsx","../src/NativeDatePicker.tsx","../src/TimePicker/TimeSegment.tsx","../src/TimePicker/TimePickerArrowButton.tsx","../src/TimePicker/TimePicker.tsx","../src/TimePicker/NativeTimePicker.tsx","../src/index.tsx","../src/TimePicker/utils.ts"],"sourcesContent":["import React from 'react';\nimport { ReactDatePickerCustomHeaderProps } from 'react-datepicker';\n\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { IconButton } from '@entur/button';\n\ntype DatePickerHeaderProps = {\n  nextMonthAriaLabel: string;\n  previousMonthAriaLabel: string;\n  locale: globalThis.Locale;\n} & Partial<ReactDatePickerCustomHeaderProps>;\n\nexport const DatePickerHeader = ({\n  date,\n  decreaseMonth,\n  increaseMonth,\n  prevMonthButtonDisabled,\n  nextMonthButtonDisabled,\n  nextMonthAriaLabel,\n  previousMonthAriaLabel,\n  locale,\n}: DatePickerHeaderProps) => {\n  const currentMonthIndex = date?.getMonth() ?? 0;\n  return (\n    <div className=\"eds-datepicker__calender__header\">\n      <IconButton\n        type=\"button\"\n        className=\"eds-datepicker__calender__header__month-button--left\"\n        onClick={decreaseMonth}\n        disabled={prevMonthButtonDisabled}\n        aria-label={`${previousMonthAriaLabel} (${getMonthName(\n          currentMonthIndex - 1,\n          locale,\n        )})`}\n      >\n        <LeftArrowIcon />\n      </IconButton>\n\n      <Heading3 className=\"eds-datepicker__calender__header__month-text\">\n        {getMonthName(currentMonthIndex, locale)}\n      </Heading3>\n      <Heading3 className=\"eds-datepicker__calender__header__month-text\">\n        {date?.getFullYear()}\n      </Heading3>\n\n      <IconButton\n        type=\"button\"\n        className=\"eds-datepicker__calender__header__month-button--right\"\n        onClick={increaseMonth}\n        disabled={nextMonthButtonDisabled}\n        aria-label={`${nextMonthAriaLabel} (${getMonthName(\n          currentMonthIndex + 1,\n          locale,\n        )})`}\n      >\n        <RightArrowIcon />\n      </IconButton>\n    </div>\n  );\n};\n\nfunction getMonthName(monthIndex: number, locale: globalThis.Locale) {\n  const year = new Date().getFullYear();\n  const formatter = new Intl.DateTimeFormat(locale.code, {\n    month: 'long',\n  });\n  return formatter.format(new Date(year, monthIndex));\n}\n","import React from 'react';\n\nimport { TextField, VariantType } from '@entur/form';\nimport { Tooltip } from '@entur/tooltip';\nimport { IconButton } from '@entur/button';\nimport { CalendarIcon } from '@entur/icons';\nimport { mergeRefs } from '@entur/utils';\n\ntype DatePickerInputProps = {\n  style?: React.CSSProperties;\n  label: string;\n  inputPlaceholder: string;\n  prepend?: React.ReactNode;\n  feedback?: string;\n  variant?: VariantType;\n  disabled?: boolean;\n  disableLabelAnimation?: boolean;\n  calendarButtonTooltipOpen: string;\n  calendarButtonTooltipClose: string;\n  hideCalendarButton?: boolean;\n  inputRef: React.RefObject<HTMLInputElement>;\n  calendarButtonId: string;\n  forwardRef: React.ForwardedRef<HTMLInputElement>;\n  toggleCalendarGUI: () => void;\n  setFocusToCalendarGUI: () => void;\n  setShouldFocusOnCalendarButtonAfterSelect: React.Dispatch<\n    React.SetStateAction<boolean>\n  >;\n  onKeyDownInput: (event: KeyboardEvent) => any;\n  onBlurInput: (event: FocusEvent) => any;\n  calendarGUIIsOpen: () => boolean | undefined;\n  onClick?: React.MouseEventHandler<HTMLInputElement>; // react-datepicker's onClick prop\n  onFocus: undefined; // To prevent open on focus\n  selectedDate: Date | null; // Necessary to update component on state change\n  placeholder?: null; // override react-datepickers placeholder prop\n  'aria-labelledby'?: string;\n};\n\nexport const DatePickerInput = React.forwardRef<\n  HTMLInputElement,\n  DatePickerInputProps\n>(\n  (\n    {\n      style,\n      label,\n      inputPlaceholder,\n      prepend,\n      feedback,\n      variant,\n      disabled,\n      calendarButtonTooltipOpen,\n      calendarButtonTooltipClose,\n      hideCalendarButton,\n      disableLabelAnimation,\n      inputRef,\n      calendarButtonId,\n      forwardRef,\n      toggleCalendarGUI,\n      onKeyDownInput,\n      onBlurInput,\n      selectedDate,\n      setFocusToCalendarGUI,\n      setShouldFocusOnCalendarButtonAfterSelect,\n      calendarGUIIsOpen,\n      placeholder, // eslint-disable-line\n      onClick,\n      'aria-labelledby': ariaLabelledBy, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...rest // forwarded props from react-datepicker\n    },\n    ref,\n  ) => {\n    React.useEffect(() => {\n      inputRef.current?.addEventListener('keydown', handleOnKeyDown);\n      inputRef.current?.addEventListener('blur', handleOnBlur);\n      inputRef.current?.addEventListener('focus', handleOnFocus);\n      return () => {\n        inputRef.current?.removeEventListener('keydown', handleOnKeyDown);\n        inputRef.current?.removeEventListener('blur', handleOnBlur);\n        inputRef.current?.removeEventListener('focus', handleOnFocus);\n      };\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputRef, selectedDate]);\n\n    function handleOnKeyDown(this: HTMLElement, event: KeyboardEvent) {\n      onKeyDownInput(event);\n    }\n    function handleOnBlur(this: HTMLElement, event: FocusEvent) {\n      onBlurInput(event);\n    }\n    const handleOnFocus = () =>\n      requestAnimationFrame(() => inputRef.current?.select());\n\n    const handleOnClickInputField = (\n      event: React.MouseEvent<HTMLInputElement, MouseEvent>,\n    ) => {\n      setShouldFocusOnCalendarButtonAfterSelect(false);\n      onClick && onClick(event);\n    };\n\n    const handleOnClickCalendarButton = () => {\n      toggleCalendarGUI();\n      setFocusToCalendarGUI();\n      setShouldFocusOnCalendarButtonAfterSelect(true);\n    };\n\n    const calendarButtonAriaLabel = () => {\n      const buttonStateText = calendarGUIIsOpen()\n        ? calendarButtonTooltipClose\n        : calendarButtonTooltipOpen;\n      const currentSelectionText = selectedDate\n        ? `${inputRef.current?.value} valgt`\n        : 'Ingen dato valgt';\n      return `${buttonStateText}, ${currentSelectionText}`;\n    };\n\n    return (\n      <TextField\n        style={style}\n        label={label}\n        placeholder={inputPlaceholder}\n        prepend={prepend}\n        feedback={feedback}\n        variant={variant}\n        disableLabelAnimation={disableLabelAnimation}\n        ref={mergeRefs(ref, inputRef, forwardRef)}\n        onClick={handleOnClickInputField}\n        ariaAlertOnFeedback\n        append={\n          !hideCalendarButton && (\n            <Tooltip\n              placement=\"top\"\n              content={\n                calendarGUIIsOpen()\n                  ? calendarButtonTooltipClose\n                  : calendarButtonTooltipOpen\n              }\n              disableHoverListener={disabled}\n              disableFocusListener={disabled}\n            >\n              <IconButton\n                id={calendarButtonId}\n                type=\"button\"\n                onClick={handleOnClickCalendarButton}\n                tabIndex={calendarGUIIsOpen() ? -1 : 0}\n                aria-label={calendarButtonAriaLabel()}\n              >\n                <CalendarIcon />\n              </IconButton>\n            </Tooltip>\n          )\n        }\n        {...rest}\n      />\n    );\n  },\n);\n","import React, { useRef, useState } from 'react';\nimport ReactDatePicker, {\n  default as ReactDatepicker,\n  ReactDatePickerProps,\n  registerLocale,\n} from 'react-datepicker';\nimport { parse, isSameDay, Locale } from 'date-fns';\nimport { nb } from 'date-fns/locale';\nimport classNames from 'classnames';\n\nimport { VariantType } from '@entur/form';\nimport { useRandomId } from '@entur/utils';\n\nimport { DatePickerHeader } from './DatePickerHeader';\nimport { DatePickerInput } from './DatePickerInput';\n\nimport './DatePicker.scss';\nimport 'react-datepicker/dist/react-datepicker.css';\n\nregisterLocale('nb', nb);\n\nexport type DatePickerProps = {\n  /** Hva som er den valgte datoen */\n  selectedDate: Date | null;\n  /** Kalles når datoen/tiden endres */\n  onChange: (\n    date: Date | null,\n    event: React.SyntheticEvent<any, Event> | undefined,\n  ) => void;\n  /**\n   * Kalles når en tast trykkes i inputfeltet\n   */\n  onKeyDown?: (event: KeyboardEvent) => void;\n  /**\n   * Datoformater som skal støttes. Første i listen er formatet alt input omgjøres til.\n   * Format-valg tilgjengelig her: https://date-fns.org/v2.28.0/docs/format\n   * OBS: Noen kombinasjoner av datoformater kan gi rar og uønsket oppførsel,\n   * test nøye ved endring\n   * @default \"['dd.MM.yyyy', 'ddMMyyyy', 'dd/MM/yyyy', 'ddMMyy']\"\n   */\n  dateFormats?: string[];\n  /**\n   * Locale fra date-fns som brukes av Datepicker-en\n   * @default nb\n   */\n  locale?: Locale;\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  /**\n   * Tekst som vises når kalender ikke er åpen på «Åpne/Lukk kalender»-knappen ved hover\n   */\n  calendarButtonTooltipOpen?: string;\n  /**\n   * Tekst som vises når kalender er åpen på «Åpne/Lukk kalender»-knappen ved hover\n   */\n  calendarButtonTooltipClose?: string;\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  hideValidation?: boolean;\n  /** Skjuler kalender-GUI-et\n   * @default false\n   */\n  hideCalendar?: boolean;\n  /** Viser kun kalender-popover-en\n   * @default false\n   */\n  inline?: boolean;\n  /** Skjermlesertekst for forrige måned-knapen\n   * @default \"Forrige måned\"\n   */\n  previousMonthAriaLabel?: string;\n  /** Skjermlesertekst for neste måned-knapen\n   * @default \"Neste måned\"\n   */\n  nextMonthAriaLabel?: string;\n  /**\n   * Skjermlesertekst som leses før dato i kalenderGUI-et\n   * @default \"Velg\"\n   */\n  chooseDayAriaLabelPrefix?: string;\n  // For testing\n  'data-cy'?: any;\n} & Omit<\n  ReactDatePickerProps,\n  | 'selected'\n  | 'customInput'\n  | 'onChangeRaw'\n  | 'dateFormat'\n  | 'locale'\n  | 'previousMonthAriaLabel'\n  | 'nextMonthAriaLabel'\n>;\n\nexport const DatePicker = React.forwardRef<HTMLInputElement, DatePickerProps>(\n  (\n    {\n      style,\n      className,\n      selectedDate,\n      label,\n      placeholder = 'dd.mm.yyyy',\n      onChange,\n      onKeyDown = () => null,\n      dateFormats = ['dd.MM.yyyy', 'ddMMyyyy', 'dd/MM/yyyy', 'ddMMyy'],\n      minDate,\n      maxDate,\n      inline = false,\n      disabled,\n      prepend,\n      feedback = '',\n      variant,\n      validationFeedback = 'Ugyldig dato',\n      validationVariant = 'error',\n      disableLabelAnimation = false,\n      calendarButtonTooltipOpen = 'Åpne\\xa0kalender',\n      calendarButtonTooltipClose = 'Lukk\\xa0kalender',\n      hideCalendarButton = false,\n      hideCalendar = false,\n      hideValidation = false,\n      weekLabel = 'uke',\n      chooseDayAriaLabelPrefix = 'Velg',\n      previousMonthAriaLabel = 'Forrige måned',\n      nextMonthAriaLabel = 'Neste måned',\n      locale = nb,\n      open,\n      ...rest\n    },\n    ref,\n  ) => {\n    const datepickerId = useRandomId('eds-datepicker');\n\n    const datepickerRef = useRef<ReactDatePicker>(null);\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const calendarButton = document.getElementById(datepickerId + '-button');\n\n    const [showValidation, setShowValidation] = useState(false);\n    const [\n      shouldFocusOnCalendarButtonAfterSelect,\n      setShouldFocusOnCalendarButtonAfterSelect,\n    ] = useState(false);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    React.useEffect(() => validateInput(), [selectedDate]);\n\n    const handleOnChange = (\n      date: Date | null,\n      event: React.SyntheticEvent<any, Event> | undefined,\n    ): void => {\n      if (shouldFocusOnCalendarButtonAfterSelect && !hideCalendarButton) {\n        calendarButton?.focus();\n        setShouldFocusOnCalendarButtonAfterSelect(false);\n      } else inputRef.current?.focus();\n\n      onChange(date, event);\n    };\n\n    const handleOnKeyDown = (event: KeyboardEvent) => {\n      setShowValidation(false);\n\n      if (event.key === 'Enter') {\n        if (!datePickerGUIIsOpen()) {\n          // onBlurInput will validate if calendar is open\n          validateInput();\n          forceUpdateInputFormat();\n        }\n        focusAndSelectInputField();\n      } else if (event.key === 'Tab' && datePickerGUIIsOpen()) {\n        forceUpdateInputFormat();\n      } else if (event.key === 'Escape') {\n        forceUpdateInputFormat();\n        focusAndSelectInputField();\n        if (datePickerGUIIsOpen()) toggleCalendarGUI();\n      }\n      onKeyDown(event);\n    };\n\n    const handleOnClickOutside = () =>\n      setShouldFocusOnCalendarButtonAfterSelect(false);\n\n    const handleOnBlurInput = () => {\n      if (datePickerGUIIsOpen()) return;\n      validateInput();\n      forceUpdateInputFormat();\n    };\n\n    const validateInput = () => {\n      setShowValidation(false);\n      const inputValue = inputRef.current?.value;\n      if (!inputValue) return;\n\n      const inputValueParsedWithAllDateFormats = dateFormats.map(format =>\n        parse(inputValue, format, new Date(), {\n          locale: locale,\n        }),\n      );\n\n      const parsedDateFromInputIsTheSameAsSelectedDate =\n        selectedDate &&\n        inputValueParsedWithAllDateFormats.some(dateFormat =>\n          isSameDay(dateFormat, selectedDate),\n        );\n\n      if (parsedDateFromInputIsTheSameAsSelectedDate) {\n        // valid date inputted\n        setShowValidation(false);\n      } else {\n        // invalid date inputted\n        setShowValidation(true);\n      }\n    };\n\n    const getFeedbackAndVariant = (): {\n      feedback: string;\n      variant: VariantType | undefined;\n    } => {\n      if (feedback) return { feedback, variant };\n      if (!hideValidation && showValidation)\n        return { feedback: validationFeedback, variant: validationVariant };\n      return { feedback: '', variant: undefined };\n    };\n\n    const focusAndSelectInputField = () =>\n      requestAnimationFrame(() => inputRef.current?.select());\n\n    const forceUpdateInputFormat = () =>\n      datepickerRef.current?.setState({ inputValue: null });\n\n    const toggleCalendarGUI = () =>\n      datepickerRef.current?.setOpen(!datePickerGUIIsOpen());\n\n    const setFocusToCalendarGUI = () => {\n      if (inline || hideCalendar || datePickerGUIIsOpen()) return;\n      // 1 frame delay to allow calendar to spawn\n      requestAnimationFrame(() => {\n        const datepickerGUIWrapper =\n          // @ts-expect-error .calendar does actually exist in ReactDatePicker ref\n          datepickerRef.current?.calendar.componentNode;\n\n        const dateToSetFocusTo = selectedDate\n          ? (datepickerGUIWrapper.querySelector(\n              '.eds-datepicker__calender__day[tabindex=\"0\"]',\n            ) as HTMLElement | null)\n          : (datepickerGUIWrapper.querySelector(\n              '.eds-datepicker__calender__day[aria-current=\"date\"]',\n            ) as HTMLElement | null);\n        if (dateToSetFocusTo !== null) {\n          datepickerRef.current?.setBlur();\n          dateToSetFocusTo.focus({ preventScroll: true });\n        }\n      });\n      setShouldFocusOnCalendarButtonAfterSelect(true);\n      setShowValidation(false);\n    };\n\n    const datePickerGUIIsOpen = () => datepickerRef.current?.isCalendarOpen();\n\n    return (\n      <>\n        <ReactDatepicker\n          selected={selectedDate}\n          minDate={minDate}\n          maxDate={maxDate}\n          dateFormat={dateFormats}\n          showWeekNumbers\n          weekLabel={weekLabel}\n          onChange={handleOnChange}\n          onClickOutside={handleOnClickOutside}\n          id={datepickerId}\n          ariaLabelledBy={datepickerId}\n          showPopperArrow={false}\n          locale={locale}\n          inline={inline}\n          disabled={disabled}\n          preventOpenOnFocus={true}\n          chooseDayAriaLabelPrefix={chooseDayAriaLabelPrefix}\n          open={hideCalendar ? false : open}\n          ref={datepickerRef}\n          calendarClassName=\"eds-datepicker__calender\"\n          dayClassName={() => 'eds-datepicker__calender__day'}\n          weekDayClassName={() => 'eds-datepicker__calender__day-name'}\n          className={classNames(className, 'eds-datepicker__input')}\n          highlightDates={[\n            { 'eds-datepicker__calender__day--today': [new Date()] },\n            {\n              'eds-datepicker__calender__day--selected': selectedDate\n                ? [selectedDate]\n                : [],\n            },\n          ]}\n          renderCustomHeader={({\n            date,\n            changeYear,\n            changeMonth,\n            decreaseMonth,\n            increaseMonth,\n            prevMonthButtonDisabled,\n            nextMonthButtonDisabled,\n          }) => (\n            <DatePickerHeader\n              date={date}\n              changeYear={changeYear}\n              changeMonth={changeMonth}\n              increaseMonth={increaseMonth}\n              decreaseMonth={decreaseMonth}\n              prevMonthButtonDisabled={prevMonthButtonDisabled}\n              nextMonthButtonDisabled={nextMonthButtonDisabled}\n              previousMonthAriaLabel={previousMonthAriaLabel}\n              nextMonthAriaLabel={nextMonthAriaLabel}\n              locale={locale}\n            />\n          )}\n          customInput={\n            <DatePickerInput\n              style={style}\n              label={label}\n              inputPlaceholder={placeholder}\n              calendarButtonTooltipOpen={calendarButtonTooltipOpen}\n              calendarButtonTooltipClose={calendarButtonTooltipClose}\n              prepend={prepend}\n              feedback={getFeedbackAndVariant().feedback}\n              variant={getFeedbackAndVariant().variant}\n              inputRef={inputRef}\n              calendarButtonId={datepickerId + '-button'}\n              forwardRef={ref}\n              onKeyDownInput={handleOnKeyDown}\n              onBlurInput={handleOnBlurInput}\n              onFocus={undefined}\n              toggleCalendarGUI={toggleCalendarGUI}\n              setFocusToCalendarGUI={setFocusToCalendarGUI}\n              setShouldFocusOnCalendarButtonAfterSelect={\n                setShouldFocusOnCalendarButtonAfterSelect\n              }\n              calendarGUIIsOpen={datePickerGUIIsOpen}\n              disableLabelAnimation={disableLabelAnimation}\n              hideCalendarButton={hideCalendarButton}\n              selectedDate={selectedDate}\n            />\n          }\n          {...rest}\n        />\n      </>\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, { useRef } from 'react';\nimport { useDateSegment } from '@react-aria/datepicker';\nimport { DateSegment, DateFieldState } from '@react-stately/datepicker';\n\ntype TimeSegmentProps = {\n  segment: DateSegment;\n  state: DateFieldState;\n  isAmPm: boolean;\n  index: number;\n};\n\nexport const TimeSegment = ({\n  segment,\n  state,\n  isAmPm,\n  index,\n}: TimeSegmentProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const { segmentProps } = useDateSegment(segment, state, ref);\n\n  const segmentDisplayText = () => {\n    if (isAmPm) return segment.text;\n    if (index === 0 && segment.text.length === 1) return '0' + segment.text;\n    return segment.text;\n  };\n\n  return (\n    <div\n      {...segmentProps}\n      ref={ref}\n      className={`eds-timepicker__segment ${\n        segment.isPlaceholder ? 'eds-timepicker__segment--placeholder' : ''\n      }`}\n    >\n      {segmentDisplayText()}\n    </div>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\n\nimport { IconButton } from '@entur/button';\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\n\ntype TimePickerArrowButtonProps = {\n  direction: 'left' | 'right';\n} & React.DetailedHTMLProps<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n>;\n\nexport const TimePickerArrowButton: React.FC<TimePickerArrowButtonProps> = ({\n  direction,\n  onClick,\n  disabled,\n  'aria-label': ariaLabel,\n}) => {\n  return (\n    <IconButton\n      className={classNames(\n        'eds-timepicker__arrowbutton',\n        `eds-timepicker__arrowbutton--${direction}`,\n      )}\n      type=\"button\"\n      tabIndex={-1}\n      onClick={onClick}\n      disabled={disabled}\n      aria-label={ariaLabel}\n    >\n      {direction === 'left' ? <LeftArrowIcon /> : <RightArrowIcon />}\n    </IconButton>\n  );\n};\n","import React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport { useTimeField } from '@react-aria/datepicker';\nimport { I18nProvider, useLocale } from '@react-aria/i18n';\nimport { useTimeFieldState } from '@react-stately/datepicker';\n\nimport type {\n  TimePickerProps as ReactAriaTimePickerProps,\n  TimeValue,\n} from '@react-types/datepicker';\n\nimport { BaseFormControl, VariantType } from '@entur/form';\nimport { useRandomId, mergeRefs } from '@entur/utils';\n\nimport { TimeSegment } from './TimeSegment';\nimport { TimePickerArrowButton } from './TimePickerArrowButton';\n\nimport './TimePicker.scss';\n\nexport type TimePickerProps = {\n  /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */\n  selectedTime?: TimeValue;\n  /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */\n  onChange: (value: TimeValue) => void;\n  /** Label til TimePicker */\n  label: string;\n  /** Minutter som legges til eller trekkes fra ved klikk på pilene i TimePicker\n   * @default 30\n   */\n  minuteIncrementForArrowButtons?: number;\n  /** BCP47-språkkoden til locale-en du ønsker å bruke.\n   * @default Brukerenhetens selvvalgte locale\n   */\n  locale?: string;\n  /** Viser den gjeldende tidssonen hvis en er valgt\n   * @default false\n   */\n  showTimeZone?: boolean;\n  /** Varselmelding, som vil komme under TimePicker */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  labelTooltip?: React.ReactNode;\n  disabled?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  style?: React.CSSProperties;\n} & Omit<\n  ReactAriaTimePickerProps<TimeValue>,\n  'onChange' | 'label' | 'hideTimeZone' | 'placeholder'\n>;\n\nexport const TimePicker = React.forwardRef<HTMLDivElement, TimePickerProps>(\n  (\n    {\n      selectedTime,\n      onChange,\n      disabled,\n      className,\n      style,\n      label,\n      labelTooltip,\n      feedback,\n      variant,\n      locale: customLocale,\n      showTimeZone,\n      minuteIncrementForArrowButtons = 30,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    let { locale } = useLocale();\n    if (customLocale) locale = customLocale;\n\n    const state = useTimeFieldState({\n      onChange,\n      label,\n      locale,\n      value: selectedTime,\n      hideTimeZone: !showTimeZone,\n      ...rest,\n    });\n    const timeFieldRef = useRef(null);\n    const { labelProps, fieldProps } = useTimeField(rest, state, timeFieldRef);\n    const id = useRandomId('timepicker');\n\n    const addMinutesToSelectedTime = (minutes: number) => {\n      state.value &&\n        state.setValue(\n          state.value &&\n            state.value.add({\n              minutes: minutes,\n            }),\n        );\n    };\n\n    const isAmPm = state.segments.some(\n      segment => segment.text === 'AM' || segment.text === 'PM',\n    );\n\n    return (\n      <I18nProvider locale={locale}>\n        <div\n          className={classNames(className, 'eds-timepicker__wrapper')}\n          style={style}\n        >\n          <TimePickerArrowButton\n            direction=\"left\"\n            disabled={disabled}\n            aria-label={`Trekk fra ${minuteIncrementForArrowButtons} minutter`}\n            onClick={() =>\n              addMinutesToSelectedTime(minuteIncrementForArrowButtons * -1)\n            }\n          />\n          <BaseFormControl\n            className={'eds-timepicker'}\n            labelId={id}\n            label={label}\n            labelProps={{ ...labelProps }}\n            ref={mergeRefs(timeFieldRef, ref)}\n            disabled={disabled}\n            disableLabelAnimation\n            labelTooltip={labelTooltip}\n            {...fieldProps}\n            variant={variant}\n            feedback={feedback}\n          >\n            {state.segments.map((segment, i) => (\n              <TimeSegment\n                segment={segment}\n                state={state}\n                isAmPm={isAmPm}\n                index={i}\n                key={i}\n              />\n            ))}\n          </BaseFormControl>\n          <TimePickerArrowButton\n            direction=\"right\"\n            disabled={disabled}\n            aria-label={`Legg til ${minuteIncrementForArrowButtons} minutter`}\n            onClick={() =>\n              addMinutesToSelectedTime(minuteIncrementForArrowButtons)\n            }\n          />\n        </div>\n      </I18nProvider>\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport {\n  BaseFormControl,\n  isFilled,\n  useInputGroupContext,\n  useVariant,\n  VariantType,\n} from '@entur/form';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nimport './NativeTimePicker.scss';\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  /** Tekst eller ikon som kommer før inputfelter */\n  prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeTimePicker = React.forwardRef<\n  HTMLInputElement,\n  NativeTimePickerProps\n>(\n  (\n    { className, style, onChange, label, feedback, variant, prepend, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const nativetimepickerId = useRandomId('eds-native-timepicker');\n    return (\n      <BaseFormControl\n        style={style}\n        className={classNames(className, 'eds-native-timepicker')}\n        prepend={prepend}\n        label={label}\n        feedback={feedback}\n        variant={variant}\n        labelId={nativetimepickerId}\n        disableLabelAnimation={true}\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\"\n      onChange={handleChange}\n      value={value}\n      {...rest}\n    />\n  );\n});\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('datepicker', 'form', 'icons');\n\nexport * from './DatePicker';\nexport * from './NativeDatePicker';\nexport * from './TimePicker';\n","import {\n  ZonedDateTime,\n  CalendarDateTime,\n  Time,\n  parseAbsolute,\n} from '@internationalized/date';\nimport { TimeValue } from '@react-types/datepicker';\n\n/**\n * Tar inn et JS Date-objekt og returnerer et av TimeValue-objektene fra @internationalized/date-pakken\n * @param {Date} date JS Date-objekt som ønskes konvertert til et TimeValue-objekt\n * @param {boolean} noDateOnlyTime Hvis datoen er irrelevant kan denne settes til true, da får man et Time-objekt uten dato tilbake\n * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset\n * @param {number} offset UTC-offset i millisekunder, må brukes med en tidssone. Ved å legge på en offset lager du en variant av en tidssone. Det betyr at tidspunktet ikke endres (time, minutt, sekund uendret), men tidssonen, med tilhørende offset, tidspunktet er i endres.\n * @returns {Time | CalendarDateTime | ZonedDateTime} et av TimeValue-objektene med verdier fra date\n */\nexport const nativeDateToTimeValue = (\n  date: Date,\n  noDateOnlyTime = false,\n  timeZone?: string,\n  offset?: number,\n) => {\n  if (timeZone) {\n    if (offset) {\n      return new ZonedDateTime(\n        date.getFullYear(),\n        date.getMonth() + 1,\n        date.getDate(),\n        timeZone,\n        offset,\n        date.getHours(),\n        date.getMinutes(),\n        date.getSeconds(),\n      );\n    }\n    return parseAbsolute(date.toISOString(), timeZone);\n  }\n  if (noDateOnlyTime)\n    return new Time(date.getHours(), date.getMinutes(), date.getSeconds(), 0);\n  return new CalendarDateTime(\n    date.getFullYear(),\n    date.getMonth() + 1,\n    date.getDate(),\n    date.getHours(),\n    date.getMinutes(),\n    date.getSeconds(),\n  );\n};\n\n/**\n * Tar inn et av TimeValue-objektene fra @internationalized/date-pakken og returnerer et JS Date-objekt\n * @param {TimeValue} time Et tidspunkt på TimeValue-formatet som ønsket konvertert til et JS Date-objekt\n * @param {string} timeZoneForCalendarDateTime Tidssonen time er i. Fungerer kun med typen er CalendarDateTime\n * @returns {Date} et Date-objekt med verdier fra time\n */\n// This function uses a lot of @ts-expect-error to make it work with all TimeValue types. Sorry ...\nexport const timeValueToNativeDate = (\n  time: TimeValue,\n  timeZoneForCalendarDateTime?: string,\n): Date => {\n  // @ts-expect-error .day does not exist on Time-object\n  if (!time.day) {\n    // type is Time\n    const date = new Date();\n    date.setHours(time.hour);\n    date.setMinutes(time.minute);\n    date.setSeconds(time.second);\n    return date;\n  }\n\n  // @ts-expect-error .timeZone does not exist in type Time and CalendarDateTime\n  if (!time.timeZone) {\n    // type is CalendarDateTime\n    if (timeZoneForCalendarDateTime)\n      // @ts-expect-error .toDate(timeZone) does not exist in type Time\n      return time.toDate(timeZoneForCalendarDateTime);\n\n    return new Date(\n      // @ts-expect-error not in type Time\n      time.year,\n      // @ts-expect-error not in type Time\n      time.month - 1,\n      // @ts-expect-error not in type Time\n      time.day,\n      time.hour,\n      time.minute,\n      time.second,\n    );\n  }\n\n  // @ts-expect-error .toDate() does not exist in type Time or CalendarDateTime\n  return time.toDate();\n};\n"],"names":["DatePickerHeader","date","decreaseMonth","increaseMonth","prevMonthButtonDisabled","nextMonthButtonDisabled","nextMonthAriaLabel","previousMonthAriaLabel","locale","currentMonthIndex","getMonth","React","className","IconButton","type","onClick","disabled","getMonthName","LeftArrowIcon","Heading3","getFullYear","RightArrowIcon","monthIndex","year","Date","Intl","DateTimeFormat","code","month","format","DatePickerInput","forwardRef","ref","style","label","inputPlaceholder","prepend","feedback","variant","calendarButtonTooltipOpen","calendarButtonTooltipClose","hideCalendarButton","disableLabelAnimation","inputRef","calendarButtonId","toggleCalendarGUI","onKeyDownInput","onBlurInput","selectedDate","setFocusToCalendarGUI","setShouldFocusOnCalendarButtonAfterSelect","calendarGUIIsOpen","rest","handleOnKeyDown","event","handleOnBlur","useEffect","current","addEventListener","handleOnFocus","removeEventListener","requestAnimationFrame","_inputRef$current7","select","TextField","placeholder","mergeRefs","ariaAlertOnFeedback","append","Tooltip","placement","content","disableHoverListener","disableFocusListener","id","tabIndex","_inputRef$current8","value","CalendarIcon","registerLocale","nb","DatePicker","onChange","onKeyDown","dateFormats","minDate","maxDate","inline","validationFeedback","validationVariant","hideCalendar","hideValidation","weekLabel","chooseDayAriaLabelPrefix","open","datepickerId","useRandomId","datepickerRef","useRef","calendarButton","document","getElementById","useState","showValidation","setShowValidation","shouldFocusOnCalendarButtonAfterSelect","validateInput","inputValue","_inputRef$current2","inputValueParsedWithAllDateFormats","map","parse","parsedDateFromInputIsTheSameAsSelectedDate","some","dateFormat","isSameDay","getFeedbackAndVariant","undefined","focusAndSelectInputField","_inputRef$current3","forceUpdateInputFormat","_datepickerRef$curren","setState","_datepickerRef$curren2","setOpen","datePickerGUIIsOpen","_datepickerRef$curren5","isCalendarOpen","ReactDatepicker","selected","showWeekNumbers","focus","onClickOutside","ariaLabelledBy","showPopperArrow","preventOpenOnFocus","calendarClassName","dayClassName","weekDayClassName","classNames","highlightDates","renderCustomHeader","changeYear","changeMonth","customInput","key","onFocus","dateToSetFocusTo","_datepickerRef$curren3","calendar","componentNode","querySelector","setBlur","preventScroll","NativeDatePicker","DateIcon","nativedatepickerId","BaseFormControl","labelId","isFilled","NativeDatePickerBase","contextVariant","useVariant","currentVariant","useInputGroupContext","isDatepickerFilled","setFiller","setFilled","useOnMount","target","TimeSegment","segment","state","isAmPm","index","useDateSegment","segmentProps","isPlaceholder","text","length","TimePickerArrowButton","direction","ariaLabel","TimePicker","selectedTime","labelTooltip","customLocale","showTimeZone","minuteIncrementForArrowButtons","useLocale","useTimeFieldState","hideTimeZone","timeFieldRef","useTimeField","labelProps","fieldProps","addMinutesToSelectedTime","minutes","setValue","add","segments","I18nProvider","i","NativeTimePicker","nativetimepickerId","NativeTimePickerBase","isTimepickerFilled","warnAboutMissingStyles","noDateOnlyTime","timeZone","offset","ZonedDateTime","getDate","getHours","getMinutes","getSeconds","parseAbsolute","toISOString","Time","CalendarDateTime","time","timeZoneForCalendarDateTime","day","setHours","hour","setMinutes","minute","setSeconds","second","toDate"],"mappings":"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"}