@entur/datepicker 8.0.12 → 8.0.14

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

@@ -1 +1 @@
-{"version":3,"file":"datepicker.cjs.production.min.js","sources":["../src/shared/FieldSegment.tsx","../src/shared/utils.ts","../src/DatePicker/DateField.tsx","../src/shared/CalendarButton.tsx","../src/DatePicker/CalendarCell.tsx","../src/DatePicker/CalendarGrid.tsx","../src/DatePicker/Calendar.tsx","../src/DatePicker/NativeDatePicker.tsx","../src/TimePicker/TimePickerArrowButton.tsx","../src/TimePicker/NativeTimePicker.tsx","../src/index.tsx","../src/DatePicker/DatePicker.tsx","../src/TimePicker/TimePicker.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport { useDateSegment } from '@react-aria/datepicker';\nimport { DateSegment, DateFieldState } from '@react-stately/datepicker';\n\nimport './FieldSegment.scss';\n\ntype TimeSegmentProps = {\n  segment: DateSegment;\n  state: DateFieldState;\n};\n\nexport const FieldSegment = ({ segment, state }: TimeSegmentProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const { segmentProps } = useDateSegment(segment, state, ref);\n\n  const is12HourFormatted = state.segments.some(\n    segment => segment.text === 'AM' || segment.text === 'PM',\n  );\n\n  const segmentDisplayText = () => {\n    if (is12HourFormatted) return segment.text;\n    // if number add '0' padding to start when one digit\n    if (segment.text.match(/\\d+/)) return segment.text.padStart(2, '0');\n    return segment.text;\n  };\n\n  return (\n    <div\n      {...segmentProps}\n      ref={ref}\n      className={classNames('eds-date-and-time-field__segment', {\n        'eds-date-and-time-field__segment--placeholder': segment.isPlaceholder,\n        'eds-date-and-time-field__segment--dot-separator': segment.text === '.',\n      })}\n      tabIndex={state.isDisabled ? -1 : segmentProps.tabIndex}\n    >\n      {segmentDisplayText()}\n    </div>\n  );\n};\n","import {\n  ZonedDateTime,\n  CalendarDateTime,\n  Time,\n  parseAbsolute,\n  DateValue,\n  getLocalTimeZone,\n  CalendarDate,\n} from '@internationalized/date';\nimport { TimeValue } from '@react-types/datepicker';\nimport { Calendar, GregorianCalendar } from '@internationalized/date';\n\nconst nativeDateToDateTime = (\n  date: Date,\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  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 JS Date-objekt og returnerer et av DateValue-objektene fra @internationalized/date-pakken\n * @param {Date} date JS Date-objekt som ønskes konvertert til et DateValue-objekt\n * @param {boolean} noTimeOnlyDate Hvis tidspunktet er irrelevant kan denne settes til true, da får man et CalendarDate-objekt uten tidspunkt 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 {CalendarDateTime | ZonedDateTime | CalendarDate} et av DateValue-objektene med verdier fra date\n */\nexport const nativeDateToDateValue = (\n  date: Date,\n  noTimeOnlyDate = false,\n  timeZone?: string,\n  offset?: number,\n) => {\n  if (noTimeOnlyDate)\n    return new CalendarDate(\n      date.getFullYear(),\n      date.getMonth() + 1,\n      date.getDate(),\n    );\n\n  return nativeDateToDateTime(date, timeZone, offset);\n};\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 (noDateOnlyTime)\n    return new Time(date.getHours(), date.getMinutes(), date.getSeconds(), 0);\n\n  return nativeDateToDateTime(date, timeZone, offset);\n};\n\n/**\n * Tar inn et av Date- eller TimeValue-objektene fra @internationalized/date-pakken og returnerer et JS Date-objekt\n * @param {DateValue | TimeValue} value En dato eller et tidspunkt på Date- eller TimeValue-formatet som ønskes konvertert til et JS Date-objekt\n * @param {string} timeZoneForCalendarDateTime Tidssonen value 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 Date- and TimeValue types. Sorry ...\nexport const timeOrDateValueToNativeDate = (\n  value: TimeValue | DateValue,\n  timeZoneForCalendarDateTime?: string,\n): Date => {\n  // @ts-expect-error .day does not exist on Time-object\n  if (!value.day) {\n    // type is Time\n    const date = new Date();\n    // @ts-expect-error hour does not exist on CalendarDate\n    date.setHours(value.hour);\n    // @ts-expect-error minute does not exist on CalendarDate\n    date.setMinutes(value.minute);\n    // @ts-expect-error second does not exist on CalendarDate\n    date.setSeconds(value.second);\n    return date;\n  }\n\n  // @ts-expect-error .day does not exist on Time-object\n  if (!value.hour) {\n    // type is CalendarDate\n    // @ts-expect-error .toDate(timeZone) does not exist in type Time\n    return value.toDate(timeZoneForCalendarDateTime ?? getLocalTimeZone());\n  }\n\n  // @ts-expect-error .timeZone does not exist in type Time and CalendarDateTime\n  if (!value.timeZone) {\n    // type is CalendarDateTime\n    if (timeZoneForCalendarDateTime)\n      // @ts-expect-error .toDate(timeZone) does not exist in type Time\n      return value.toDate(timeZoneForCalendarDateTime);\n\n    return new Date(\n      // @ts-expect-error not in type Time\n      value.year,\n      // @ts-expect-error not in type Time\n      value.month - 1,\n      // @ts-expect-error not in type Time\n      value.day,\n      // @ts-expect-error not in type CalendarDate\n      value.hour,\n      // @ts-expect-error not in type CalendarDate\n      value.minute,\n      // @ts-expect-error not in type CalendarDate\n      value.second,\n    );\n  }\n\n  // @ts-expect-error .toDate() does not exist in type Time or CalendarDateTime\n  return value.toDate();\n};\n\nexport const createCalendar = (identifier = 'gregory'): Calendar => {\n  switch (identifier) {\n    case 'gregory':\n      return new GregorianCalendar();\n    default:\n      throw new Error(`Unsupported calendar ${identifier}`);\n  }\n};\n\nexport const ariaLabelIfNorwegian = (\n  norwegianAriaLabel: string,\n  locale: string,\n  propsCollection: any,\n) => {\n  if (locale.toLowerCase() !== 'no-no') return propsCollection['aria-label'];\n  return norwegianAriaLabel;\n};\n","import React, { ReactNode, useRef } from 'react';\n\nimport { useDateFieldState } from '@react-stately/datepicker';\nimport { useDateField } from '@react-aria/datepicker';\nimport { I18nProvider, useLocale } from '@react-aria/i18n';\nimport classNames from 'classnames';\n\nimport type {\n  SpectrumDateFieldProps,\n  DateValue,\n} from '@react-types/datepicker';\n\nimport { BaseFormControl, VariantType } from '@entur/form';\nimport { ConditionalWrapper, mergeRefs, useRandomId } from '@entur/utils';\n\nimport { FieldSegment } from '../shared/FieldSegment';\nimport { createCalendar } from '../shared/utils';\n\nimport './DateField.scss';\n\nexport type DateFieldProps = {\n  /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */\n  selectedDate: DateValue | null;\n  /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */\n  onChange: (value: DateValue) => void;\n  /** Label til TimePicker */\n  label: string;\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  showTime?: boolean;\n  /** Tidligste gyldige datovalg.\n   * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone */\n  minDate?: DateValue;\n  /** Seneste gyldige datovalg. (se minValue) */\n  maxDate?: DateValue;\n  /** Varselmelding, som vil komme under TimePicker */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  /** Varselmelding som forteller om ugyldig dato\n   * @default \"Ugyldig dato\"\n   */\n  validationFeedback?: string;\n  /** Valideringsvariant for melding om ugyldig dato\n   * @default \"error\"\n   */\n  validationVariant?: VariantType;\n  labelTooltip?: React.ReactNode;\n  disabled?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  style?: React.CSSProperties;\n  [key: string]: any;\n} & Omit<\n  SpectrumDateFieldProps<DateValue>,\n  | 'value'\n  | 'onChange'\n  | 'label'\n  | 'hideTimeZone'\n  | 'placeholder'\n  | 'minValue'\n  | 'maxValue'\n>;\n\nexport const DateField = React.forwardRef<HTMLDivElement, DateFieldProps>(\n  (\n    {\n      selectedDate: value,\n      label,\n      locale: customLocale,\n      showTimeZone,\n      showTime,\n      granularity = 'day',\n      disabled,\n      variant,\n      feedback,\n      validationVariant = 'error',\n      validationFeedback = 'Ugyldig dato',\n      labelTooltip,\n      minDate: minValue,\n      maxDate: maxValue,\n      style,\n      className,\n      labelProps: parentLabelProps,\n      append,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { locale } = useLocale();\n\n    const state = useDateFieldState({\n      ...rest,\n      locale: customLocale ?? locale,\n      createCalendar,\n      value: value === null ? undefined : value,\n      hideTimeZone: !showTimeZone,\n      granularity: showTime ? 'minute' : granularity,\n      minValue,\n      maxValue,\n    });\n\n    const dateFieldRef = useRef(null);\n    const { labelProps, fieldProps } = useDateField(\n      { ...rest, label: label, isDisabled: disabled || rest.isDisabled },\n      state,\n      dateFieldRef,\n    );\n\n    const id = useRandomId('datefield');\n\n    return (\n      <ConditionalWrapper\n        condition={customLocale !== undefined}\n        wrapper={(child: ReactNode) => (\n          <I18nProvider locale={customLocale}>{child}</I18nProvider>\n        )}\n      >\n        <BaseFormControl\n          style={style}\n          className={classNames('eds-datefield', className)}\n          labelId={id}\n          ref={mergeRefs(dateFieldRef, ref)}\n          disabled={state.isDisabled}\n          disableLabelAnimation\n          label={label}\n          labelTooltip={labelTooltip}\n          labelProps={parentLabelProps ?? labelProps}\n          {...fieldProps}\n          variant={\n            variant ?? state.validationState === 'invalid'\n              ? validationVariant\n              : undefined\n          }\n          feedback={\n            feedback ?? state.validationState === 'invalid'\n              ? validationFeedback\n              : undefined\n          }\n          append={append}\n          ariaAlertOnFeedback\n        >\n          {state.segments.map((segment, i) => (\n            <FieldSegment segment={segment} state={state} key={i} />\n          ))}\n        </BaseFormControl>\n      </ConditionalWrapper>\n    );\n  },\n);\n","import React, { useRef } from 'react';\n\nimport { useButton } from '@react-aria/button';\n\nimport { IconButton } from '@entur/button';\n\ntype CalendarButtonProps = {\n  children: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  [key: string]: any;\n};\n\nexport const CalendarButton = ({\n  children,\n  className,\n  style,\n  ...props\n}: CalendarButtonProps) => {\n  const ref = useRef(null);\n  const { buttonProps } = useButton(props, ref);\n\n  return (\n    <IconButton {...buttonProps} ref={ref} className={className} style={style}>\n      {children}\n    </IconButton>\n  );\n};\n","import React, { useRef } from 'react';\n\nimport { useCalendarCell } from '@react-aria/calendar';\nimport { CalendarState } from '@react-stately/calendar';\nimport {\n  CalendarDate,\n  getLocalTimeZone,\n  isEqualDay,\n  now,\n} from '@internationalized/date';\nimport classNames from 'classnames';\n\ntype CalendarCellProps = {\n  state: CalendarState;\n  date: CalendarDate;\n  onSelectedCellClick?: () => void;\n};\n\nexport const CalendarCell = ({\n  state,\n  date,\n  onSelectedCellClick = () => {\n    return;\n  },\n  ...rest\n}: CalendarCellProps) => {\n  const cellRef = useRef(null);\n\n  const {\n    cellProps,\n    buttonProps,\n    isSelected,\n    isOutsideVisibleRange,\n    isDisabled,\n    isUnavailable,\n    formattedDate,\n  } = useCalendarCell({ date }, state, cellRef);\n  return (\n    <td {...cellProps} className=\"eds-datepicker__calendar__grid__cell__td\">\n      <div\n        {...buttonProps}\n        ref={cellRef}\n        hidden={isOutsideVisibleRange}\n        className={classNames('eds-datepicker__calendar__grid__cell', {\n          'eds-datepicker__calendar__grid__cell--selected': isSelected,\n          'eds-datepicker__calendar__grid__cell--disabled':\n            isDisabled || isUnavailable,\n          'eds-datepicker__calendar__grid__cell--outside-month':\n            isOutsideVisibleRange,\n          'eds-datepicker__calendar__grid__cell--today': isEqualDay(\n            date,\n            now(state.timeZone ?? getLocalTimeZone()),\n          ),\n        })}\n        {...rest}\n        onClick={e => {\n          buttonProps.onClick && buttonProps.onClick(e);\n          isSelected && onSelectedCellClick();\n        }}\n        onKeyDown={e => {\n          buttonProps.onKeyDown && buttonProps.onKeyDown(e);\n          if (e.key === 'Enter' || e.key === ' ')\n            isSelected && onSelectedCellClick();\n        }}\n      >\n        {formattedDate}\n      </div>\n    </td>\n  );\n};\n","import React from 'react';\n\nimport { useLocale } from '@react-aria/i18n';\nimport { useCalendarGrid } from '@react-aria/calendar';\nimport { CalendarState } from '@react-stately/calendar';\nimport { getWeeksInMonth } from '@internationalized/date';\n\nimport { useRandomId } from '@entur/utils';\nimport { VisuallyHidden } from '@entur/a11y';\n\nimport { CalendarCell } from './CalendarCell';\n\ntype CalendarGridProps = {\n  state: CalendarState;\n  navigationDescription?: string;\n  onSelectedCellClick?: () => void;\n};\n\nexport const CalendarGrid = ({\n  state,\n  navigationDescription,\n  onSelectedCellClick = () => {\n    return;\n  },\n  ...rest\n}: CalendarGridProps) => {\n  const calendarGridId = useRandomId('eds-calendar');\n  const { locale } = useLocale();\n\n  const { gridProps, headerProps, weekDays } = useCalendarGrid(rest, state);\n\n  const weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale);\n  const weeksArray = Array.from(Array(weeksInMonth).keys());\n\n  const weekDaysMapped = () => {\n    if (locale.toLowerCase().includes('no'))\n      return ['ma', 'ti', 'on', 'to', 'fr', 'lø', 'sø'];\n    if (locale.toLowerCase().includes('en')) {\n      if (weekDays[0] === 'M')\n        return ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];\n      if (weekDays[0] === 'S')\n        return ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];\n    }\n    return weekDays.map(day => day.toLowerCase());\n  };\n\n  const getNavigationDescription = () => {\n    if (navigationDescription) return navigationDescription;\n    if (locale.toLowerCase().includes('en'))\n      return 'Use the arrow keys to navigate between dates';\n    return 'Bruk piltastene til å navigere mellom datoer';\n  };\n\n  return (\n    <>\n      <table\n        {...gridProps}\n        cellSpacing=\"0\"\n        className=\"eds-datepicker__calendar__grid\"\n      >\n        <thead {...headerProps}>\n          <tr>\n            {weekDaysMapped().map((day, index) => (\n              <th key={index}>{day}</th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {weeksArray.map(weekIndex => (\n            <tr key={weekIndex}>\n              {state\n                .getDatesInWeek(weekIndex)\n                .map((date, i) =>\n                  date ? (\n                    <CalendarCell\n                      key={i}\n                      state={state}\n                      date={date}\n                      aria-describedby={calendarGridId + 'description'}\n                      onSelectedCellClick={onSelectedCellClick}\n                    />\n                  ) : (\n                    <td key={i} />\n                  ),\n                )}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n      <VisuallyHidden id={calendarGridId + 'description'}>\n        {getNavigationDescription()}\n      </VisuallyHidden>\n    </>\n  );\n};\n","import React, { ReactNode } from 'react';\n\nimport { I18nProvider, useLocale } from '@react-aria/i18n';\nimport { useCalendar } from '@react-aria/calendar';\nimport { useCalendarState } from '@react-stately/calendar';\nimport { DateValue } from '@internationalized/date';\n\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\nimport { ConditionalWrapper } from '@entur/utils';\n\nimport { ariaLabelIfNorwegian, createCalendar } from '../shared/utils';\nimport { CalendarButton } from '../shared/CalendarButton';\nimport { CalendarGrid } from './CalendarGrid';\n\nimport './Calendar.scss';\n\ntype CalendarProps = {\n  selectedDate: DateValue | null;\n  onChange: (SelectedDate: DateValue | null) => void;\n  navigationDescription?: string;\n  style?: React.CSSProperties;\n  onSelectedCellClick?: () => void;\n  [key: string]: any;\n};\n\nexport const Calendar = React.forwardRef<HTMLDivElement, CalendarProps>(\n  (\n    {\n      selectedDate: value,\n      onChange,\n      locale: customLocale,\n      style,\n      children: _,\n      navigationDescription,\n      onSelectedCellClick = () => {\n        return;\n      },\n      ...rest\n    },\n    ref,\n  ) => {\n    const { locale } = useLocale();\n\n    const state = useCalendarState({\n      ...rest,\n      onChange,\n      locale: customLocale ?? locale,\n      createCalendar,\n    });\n    const { calendarProps, prevButtonProps, nextButtonProps, title } =\n      useCalendar(rest, state);\n\n    return (\n      <ConditionalWrapper\n        condition={customLocale}\n        wrapper={(child: ReactNode) => (\n          <I18nProvider locale={customLocale}>{child}</I18nProvider>\n        )}\n      >\n        <div\n          {...calendarProps}\n          ref={ref}\n          className=\"eds-datepicker__calendar\"\n          style={style}\n        >\n          <div className=\"eds-datepicker__calendar__header\">\n            <CalendarButton\n              {...prevButtonProps}\n              aria-label={ariaLabelIfNorwegian(\n                'Forrige måned',\n                locale,\n                prevButtonProps,\n              )}\n            >\n              <LeftArrowIcon size={20} />\n            </CalendarButton>\n            <h2>{title}</h2>\n            <CalendarButton\n              {...nextButtonProps}\n              aria-label={ariaLabelIfNorwegian(\n                'Neste måned',\n                locale,\n                nextButtonProps,\n              )}\n            >\n              <RightArrowIcon size={20} />\n            </CalendarButton>\n          </div>\n          <CalendarGrid\n            state={state}\n            navigationDescription={navigationDescription}\n            onSelectedCellClick={onSelectedCellClick}\n          />\n        </div>\n      </ConditionalWrapper>\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 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        { 'eds-timepicker__arrowbutton--disabled': disabled },\n      )}\n      type=\"button\"\n      tabIndex={-1}\n      onClick={onClick}\n      aria-label={ariaLabel}\n      disabled={disabled}\n    >\n      {direction === 'left' ? <LeftArrowIcon /> : <RightArrowIcon />}\n    </IconButton>\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\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 './TimePicker';\nexport * from './shared';\n\nexport type {\n  DateValue,\n  CalendarDate,\n  CalendarDateTime,\n  ZonedDateTime,\n  Time,\n} from '@internationalized/date';\nexport type { TimeValue } from '@react-types/datepicker';\n","import React, { ReactNode, useRef } from 'react';\n\nimport { useDatePickerState } from '@react-stately/datepicker';\nimport { useDatePicker } from '@react-aria/datepicker';\nimport { I18nProvider } from '@react-aria/i18n';\nimport {\n  useFloating,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n} from '@floating-ui/react-dom';\nimport FocusLock from 'react-focus-lock';\nimport classNames from 'classnames';\n\nimport type {\n  DateValue,\n  AriaDatePickerProps,\n  MappedDateValue,\n} from '@react-types/datepicker';\n\nimport {\n  ConditionalWrapper,\n  useOnClickOutside,\n  useOnEscape,\n  useWindowDimensions,\n} from '@entur/utils';\nimport { space, zIndexes } from '@entur/tokens';\nimport { CalendarIcon } from '@entur/icons';\nimport { Modal } from '@entur/modal';\n\nimport type { VariantType } from '@entur/form';\n\nimport { DateField } from './DateField';\nimport { Calendar } from './Calendar';\nimport { CalendarButton } from '../shared/CalendarButton';\n\nimport './DatePicker.scss';\n\nexport type DatePickerProps<DateType extends DateValue> = {\n  /** Den valgte datoen. Dato i '@internationalized/date'-pakkens format */\n  selectedDate: DateType | null;\n  /** Kalles når tiden endres. Dato i '@internationalized/date'-pakkens format */\n  onChange: (value: MappedDateValue<DateType> | null) => void;\n  /** Ledetekst for inputfeltet til DatePicker */\n  label: string;\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 (krever at tid også vises)\n   * @default false\n   */\n  showTimeZone?: boolean;\n  /** Viser tidspunkt i tillegg til dato.\n   * OBS: selectedDate må være av typen CalendarDateTime eller ZonedDateTime\n   */\n  showTime?: boolean;\n  /** Tidligste gyldige datovalg.\n   * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone. */\n  minDate?: DateValue;\n  /** Seneste gyldige datovalg.\n   * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone\n   *\n   * OBS: Hvis du bruker dato med tid vil det være til, men ikke med denne datoen */\n  maxDate?: DateValue;\n  /** Funksjon som tar inn en dato og sier om den er utilgjengelig.\n   * Eks. (date) => isWeekend(date, 'no-NO') == helgedager er ikke tilgjengelig */\n  isDateUnavailable?: (date: DateValue) => boolean;\n  /** Varselmelding, som vil komme under DatePicker sitt inputfelt */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  /** Varselmelding som forteller om ugyldig dato\n   * @default \"Ugyldig dato\"\n   */\n  validationFeedback?: string;\n  /** Valideringsvariant for melding om ugyldig dato\n   * @default \"error\"\n   */\n  validationVariant?: VariantType;\n  disabled?: boolean;\n  /** Hvis true vil kalenderen alltid vises i en popover når den åpnes\n   *  @default false\n   */\n  disableModal?: boolean;\n  /** Maxbredden til viewport-en for at modal skal vises\n   *  @default 1000\n   */\n  modalTreshold?: number;\n  labelTooltip?: React.ReactNode;\n  /** Skjermlesertest som forklarer navigasjon i kalenderen. Oversettes automatisk for engelsk locale, men ikke andre språk.\n   * @default 'Bruk piltastene til å navigere mellom datoer'\n   */\n  navigationDescription?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  style?: React.CSSProperties;\n} & Omit<\n  AriaDatePickerProps<DateType>,\n  | 'value'\n  | 'onChange'\n  | 'label'\n  | 'hideTimeZone'\n  | 'placeholder'\n  | 'minValue'\n  | 'maxValue'\n>;\n\nexport const DatePicker = <DateType extends DateValue>({\n  selectedDate: value,\n  onChange,\n  locale,\n  disabled: isDisabled,\n  showTime,\n  showTimeZone = false,\n  className,\n  style,\n  variant,\n  feedback,\n  validationVariant,\n  validationFeedback,\n  disableModal = false,\n  labelTooltip,\n  navigationDescription,\n  minDate: minValue,\n  maxDate: maxValue,\n  modalTreshold = 1000,\n  ...rest\n}: DatePickerProps<DateType>) => {\n  const CALENDAR_MODAL_MAX_SCREEN_WIDTH = modalTreshold;\n  const datePickerRef = useRef<HTMLDivElement | null>(null);\n  const calendarRef = useRef<HTMLDivElement | null>(null);\n  const dateFieldRef = useRef<HTMLDivElement | null>(null);\n\n  const { width } = useWindowDimensions();\n\n  const state = useDatePickerState({\n    ...rest,\n    minValue,\n    maxValue,\n    value: value === null ? undefined : value,\n    onChange,\n    granularity: showTime ? 'minute' : rest.granularity,\n  });\n  const {\n    groupProps,\n    labelProps,\n    fieldProps,\n    buttonProps,\n    dialogProps,\n    calendarProps,\n  } = useDatePicker(\n    { isDisabled, minValue, maxValue, ...rest },\n    state,\n    datePickerRef,\n  );\n\n  // calculations for floating-UI popover position\n  const { x, y, reference, floating, strategy } = useFloating({\n    whileElementsMounted: autoUpdate,\n    placement: 'bottom-start',\n    middleware: [\n      offset(space.extraSmall),\n      flip(),\n      shift({ padding: space.extraSmall }),\n    ],\n  });\n\n  const onChangeCalendar = (newSelectedDate: DateValue) => {\n    // Necessary to avoid state update on unmounted component\n    requestAnimationFrame(() => {\n      calendarProps.onChange && calendarProps.onChange(newSelectedDate);\n    });\n  };\n\n  useOnClickOutside([calendarRef], () => {\n    state.setOpen(false);\n  });\n\n  useOnEscape(calendarRef, () => {\n    state.setOpen(false);\n  });\n\n  const calendarSharedProps = {\n    ...dialogProps,\n    ...calendarProps,\n    disabled: calendarProps.isDisabled,\n    navigationDescription: navigationDescription,\n    onSelectedCellClick: () => state.setOpen(false),\n    onChange: onChangeCalendar,\n    granularity: showTime ? 'minute' : rest.granularity,\n  };\n\n  const useModal =\n    typeof width !== 'undefined' &&\n    width <= CALENDAR_MODAL_MAX_SCREEN_WIDTH &&\n    !disableModal;\n\n  const popoverCalendar = (\n    <div\n      // styling for floating-UI popover\n      style={{\n        position: strategy,\n        top: y ?? 0,\n        left: x ?? 0,\n        zIndex: zIndexes.popover,\n      }}\n      ref={node => {\n        floating(node);\n      }}\n    >\n      <FocusLock disabled={!state.isOpen || useModal} returnFocus>\n        {state.isOpen && (\n          <Calendar {...calendarSharedProps} ref={calendarRef} />\n        )}\n      </FocusLock>\n    </div>\n  );\n\n  const modalCalendar = (\n    <Modal\n      size=\"small\"\n      title=\"\"\n      open={state.isOpen}\n      onDismiss={() => state.setOpen(false)}\n      closeOnClickOutside\n      className=\"eds-datepicker__calendar-modal\"\n    >\n      <Calendar {...calendarSharedProps} />\n    </Modal>\n  );\n\n  return (\n    <ConditionalWrapper\n      condition={locale !== undefined}\n      wrapper={(child: ReactNode) => (\n        <I18nProvider locale={locale}>{child}</I18nProvider>\n      )}\n    >\n      <div className={classNames('eds-datepicker', className)}>\n        <div\n          {...groupProps}\n          ref={node => {\n            datePickerRef.current = node;\n            reference(node);\n          }}\n          id={undefined}\n          className=\"eds-datepicker__datefield__wrapper\"\n        >\n          <DateField\n            {...fieldProps}\n            selectedDate={state.value}\n            label={rest.label}\n            labelProps={labelProps}\n            showTime={showTime}\n            showTimeZone={showTimeZone}\n            ref={dateFieldRef}\n            variant={variant}\n            feedback={feedback}\n            validationVariant={validationVariant}\n            validationFeedback={validationFeedback}\n            labelTooltip={labelTooltip}\n            className={classNames('eds-datepicker__datefield', {\n              'eds-datepicker__datefield--disabled': fieldProps.isDisabled,\n            })}\n          />\n          {!fieldProps.isDisabled && (\n            <CalendarButton\n              {...buttonProps}\n              onPress={() => state.setOpen(!state.isOpen)}\n              className=\"eds-datepicker__open-calendar-button\"\n            >\n              <CalendarIcon />\n            </CalendarButton>\n          )}\n          {useModal ? modalCalendar : popoverCalendar}\n        </div>\n      </div>\n    </ConditionalWrapper>\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';\nimport { getLocalTimeZone, now } from '@internationalized/date';\n\nimport type {\n  TimeValue,\n  AriaTimeFieldProps,\n  MappedTimeValue,\n} from '@react-types/datepicker';\n\nimport { BaseFormControl, VariantType } from '@entur/form';\nimport { useRandomId, mergeRefs } from '@entur/utils';\n\nimport { FieldSegment } from '../shared/FieldSegment';\nimport { TimePickerArrowButton } from './TimePickerArrowButton';\n\nimport './TimePicker.scss';\n\nexport type TimePickerProps<TimeType extends TimeValue> = {\n  /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */\n  selectedTime: TimeType | null;\n  /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */\n  onChange: (value: MappedTimeValue<TimeType> | null) => 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  /** Aria-label for venstrepil-knappen som trekker fra tid\n   * @default `Trekk fra ${minuteIncrementForArrowButtons} minutter`\n   */\n  leftArrowButtonAriaLabel?: string;\n  /** Aria-label for høyrepil-knappen som legger til tid\n   * @default `Legg til ${minuteIncrementForArrowButtons} minutter`\n   */\n  rightArrowButtonAriaLabel?: string;\n  /** Varselmelding, som vil komme under TimePicker */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  labelTooltip?: React.ReactNode;\n  disabled?: boolean;\n  inputRef?: React.ForwardedRef<HTMLDivElement>;\n  /** Ekstra klassenavn */\n  className?: string;\n  style?: React.CSSProperties;\n} & Omit<\n  AriaTimeFieldProps<TimeType>,\n  | 'value'\n  | 'onChange'\n  | 'label'\n  | 'hideTimeZone'\n  | 'placeholder'\n  | 'minValue'\n  | 'maxValue'\n>;\n\nexport const TimePicker = <TimeType extends TimeValue>({\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  leftArrowButtonAriaLabel = `Trekk fra ${minuteIncrementForArrowButtons} minutter`,\n  rightArrowButtonAriaLabel = `Legg til ${minuteIncrementForArrowButtons} minutter`,\n  inputRef,\n  ...rest\n}: TimePickerProps<TimeType>) => {\n  let { locale } = useLocale();\n  if (customLocale) locale = customLocale;\n\n  const state = useTimeFieldState({\n    // @ts-expect-error Time should be assignable to MappedTime<TimeType>\n    onChange,\n    label: label,\n    locale,\n    value: selectedTime === null ? undefined : selectedTime,\n    hideTimeZone: !showTimeZone,\n    isDisabled: disabled,\n    ...rest,\n  });\n  const timeFieldRef = useRef(null);\n  const { labelProps, fieldProps } = useTimeField<TimeType>(\n    { ...rest, label: label },\n    state,\n    timeFieldRef,\n  );\n  const id = useRandomId('timepicker');\n\n  const handleOnClickArrowButton = (minutes: number) => {\n    if (someSegmentIsUndefined) {\n      setTimeToNearestMinuteIncrement();\n    } else {\n      addMinutesToSelectedTime(minutes);\n    }\n  };\n\n  const someSegmentIsUndefined = state.segments.some(\n    segment => segment.text === '––',\n  );\n\n  const setTimeToNearestMinuteIncrement = () => {\n    const currentTime = now(getLocalTimeZone());\n    const roundedMinute =\n      Math.floor(currentTime.minute / minuteIncrementForArrowButtons) *\n      minuteIncrementForArrowButtons;\n    const newTime = currentTime.set({ minute: roundedMinute });\n    // @ts-expect-error Since this function is used when selectedTime is null,\n    // we can't guarantee newTime matching the type of selectedTime in the future.\n    // This might lead to a type issue.\n    onChange(newTime);\n  };\n\n  const addMinutesToSelectedTime = (minutes: number) => {\n    state.value &&\n      state.setValue(\n        state.value?.add({\n          minutes: minutes,\n        }),\n      );\n  };\n\n  return (\n    <I18nProvider locale={locale}>\n      <div className={classNames(className, 'eds-timepicker__wrapper')}>\n        <TimePickerArrowButton\n          direction=\"left\"\n          disabled={disabled}\n          aria-label={leftArrowButtonAriaLabel}\n          onClick={() =>\n            handleOnClickArrowButton(minuteIncrementForArrowButtons * -1)\n          }\n        />\n        <BaseFormControl\n          style={style}\n          className={'eds-timepicker'}\n          labelId={id}\n          label={label}\n          labelProps={{ ...labelProps }}\n          ref={mergeRefs(timeFieldRef, inputRef)}\n          disabled={disabled}\n          disableLabelAnimation\n          labelTooltip={labelTooltip}\n          {...fieldProps}\n          variant={variant}\n          feedback={feedback}\n        >\n          {state.segments.map((segment, i) => (\n            <FieldSegment segment={segment} state={state} key={i} />\n          ))}\n        </BaseFormControl>\n        <TimePickerArrowButton\n          direction=\"right\"\n          disabled={disabled}\n          aria-label={rightArrowButtonAriaLabel}\n          onClick={() =>\n            handleOnClickArrowButton(minuteIncrementForArrowButtons)\n          }\n        />\n      </div>\n    </I18nProvider>\n  );\n};\n"],"names":["FieldSegment","_ref","segment","state","ref","useRef","segmentProps","useDateSegment","is12HourFormatted","segments","some","text","React","createElement","className","classNames","isPlaceholder","tabIndex","isDisabled","match","padStart","nativeDateToDateTime","date","timeZone","offset","ZonedDateTime","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","parseAbsolute","toISOString","CalendarDateTime","createCalendar","identifier","GregorianCalendar","Error","ariaLabelIfNorwegian","norwegianAriaLabel","locale","propsCollection","toLowerCase","DateField","forwardRef","value","selectedDate","label","customLocale","showTimeZone","showTime","_ref$granularity","granularity","disabled","variant","feedback","_ref$validationVarian","validationVariant","_ref$validationFeedba","validationFeedback","labelTooltip","minValue","minDate","maxValue","maxDate","style","parentLabelProps","labelProps","append","rest","_objectWithoutPropertiesLoose","_excluded","_useLocale","useLocale","useDateFieldState","_extends","undefined","hideTimeZone","dateFieldRef","useDateField","fieldProps","id","useRandomId","ConditionalWrapper","condition","wrapper","child","I18nProvider","BaseFormControl","labelId","mergeRefs","disableLabelAnimation","validationState","ariaAlertOnFeedback","map","i","key","CalendarButton","children","props","_useButton","useButton","IconButton","buttonProps","CalendarCell","_state$timeZone","_ref$onSelectedCellCl","onSelectedCellClick","cellRef","_useCalendarCell","useCalendarCell","isSelected","isOutsideVisibleRange","isUnavailable","formattedDate","cellProps","hidden","isEqualDay","now","getLocalTimeZone","onClick","e","onKeyDown","CalendarGrid","navigationDescription","calendarGridId","_useCalendarGrid","useCalendarGrid","gridProps","headerProps","weekDays","weeksInMonth","getWeeksInMonth","visibleRange","start","weeksArray","Array","from","keys","Fragment","cellSpacing","includes","day","weekDaysMapped","index","weekIndex","getDatesInWeek","VisuallyHidden","Calendar","onChange","useCalendarState","_useCalendar","useCalendar","prevButtonProps","nextButtonProps","title","calendarProps","LeftArrowIcon","size","RightArrowIcon","NativeDatePicker","_ref$prepend","prepend","DateIcon","inline","nativedatepickerId","isFilled","NativeDatePickerBase","_ref2","_excluded2","contextVariant","useVariant","currentVariant","_useInputGroupContext","useInputGroupContext","isDatepickerFilled","setFiller","setFilled","useOnMount","useEffect","type","event","target","TimePickerArrowButton","direction","ariaLabel","NativeTimePicker","nativetimepickerId","NativeTimePickerBase","isTimepickerFilled","warnAboutMissingStyles","_ref$showTimeZone","_ref$disableModal","disableModal","_ref$modalTreshold","modalTreshold","CALENDAR_MODAL_MAX_SCREEN_WIDTH","datePickerRef","calendarRef","width","useWindowDimensions","useDatePickerState","_useDatePicker","useDatePicker","groupProps","dialogProps","_useFloating","useFloating","whileElementsMounted","autoUpdate","placement","middleware","space","extraSmall","flip","shift","padding","x","y","reference","floating","strategy","useOnClickOutside","setOpen","useOnEscape","calendarSharedProps","newSelectedDate","requestAnimationFrame","useModal","popoverCalendar","position","top","left","zIndex","zIndexes","popover","node","FocusLock","isOpen","returnFocus","modalCalendar","Modal","open","onDismiss","closeOnClickOutside","current","onPress","CalendarIcon","selectedTime","_ref$minuteIncrementF","minuteIncrementForArrowButtons","_ref$leftArrowButtonA","leftArrowButtonAriaLabel","_ref$rightArrowButton","rightArrowButtonAriaLabel","inputRef","useTimeFieldState","timeFieldRef","useTimeField","handleOnClickArrowButton","minutes","someSegmentIsUndefined","setTimeToNearestMinuteIncrement","addMinutesToSelectedTime","currentTime","roundedMinute","Math","floor","minute","newTime","set","_state$value","setValue","add","noTimeOnlyDate","CalendarDate","noDateOnlyTime","Time","timeZoneForCalendarDateTime","Date","setHours","hour","setMinutes","setSeconds","second","toDate","year","month"],"mappings":"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"}
+{"version":3,"file":"datepicker.cjs.production.min.js","sources":["../src/shared/FieldSegment.tsx","../src/shared/utils.ts","../src/DatePicker/DateField.tsx","../src/shared/CalendarButton.tsx","../src/DatePicker/CalendarCell.tsx","../src/DatePicker/CalendarGrid.tsx","../src/DatePicker/Calendar.tsx","../src/DatePicker/NativeDatePicker.tsx","../src/TimePicker/TimePickerArrowButton.tsx","../src/TimePicker/NativeTimePicker.tsx","../src/index.tsx","../src/DatePicker/DatePicker.tsx","../src/TimePicker/TimePicker.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport { useDateSegment } from '@react-aria/datepicker';\nimport { DateSegment, DateFieldState } from '@react-stately/datepicker';\n\nimport './FieldSegment.scss';\n\ntype TimeSegmentProps = {\n  segment: DateSegment;\n  state: DateFieldState;\n};\n\nexport const FieldSegment = ({ segment, state }: TimeSegmentProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const { segmentProps } = useDateSegment(segment, state, ref);\n\n  const is12HourFormatted = state.segments.some(\n    segment => segment.text === 'AM' || segment.text === 'PM',\n  );\n\n  const segmentDisplayText = () => {\n    if (is12HourFormatted) return segment.text;\n    // if number add '0' padding to start when one digit\n    if (segment.text.match(/\\d+/)) return segment.text.padStart(2, '0');\n    return segment.text;\n  };\n\n  return (\n    <div\n      {...segmentProps}\n      ref={ref}\n      className={classNames('eds-date-and-time-field__segment', {\n        'eds-date-and-time-field__segment--placeholder': segment.isPlaceholder,\n        'eds-date-and-time-field__segment--dot-separator': segment.text === '.',\n      })}\n      tabIndex={state.isDisabled ? -1 : segmentProps.tabIndex}\n    >\n      {segmentDisplayText()}\n    </div>\n  );\n};\n","import {\n  ZonedDateTime,\n  CalendarDateTime,\n  Time,\n  parseAbsolute,\n  DateValue,\n  getLocalTimeZone,\n  CalendarDate,\n} from '@internationalized/date';\nimport { TimeValue } from '@react-types/datepicker';\nimport { Calendar, GregorianCalendar } from '@internationalized/date';\n\nconst nativeDateToDateTime = (\n  date: Date,\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  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 JS Date-objekt og returnerer et av DateValue-objektene fra @internationalized/date-pakken\n * @param {Date} date JS Date-objekt som ønskes konvertert til et DateValue-objekt\n * @param {boolean} noTimeOnlyDate Hvis tidspunktet er irrelevant kan denne settes til true, da får man et CalendarDate-objekt uten tidspunkt 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 {CalendarDateTime | ZonedDateTime | CalendarDate} et av DateValue-objektene med verdier fra date\n */\nexport const nativeDateToDateValue = (\n  date: Date,\n  noTimeOnlyDate = false,\n  timeZone?: string,\n  offset?: number,\n) => {\n  if (noTimeOnlyDate)\n    return new CalendarDate(\n      date.getFullYear(),\n      date.getMonth() + 1,\n      date.getDate(),\n    );\n\n  return nativeDateToDateTime(date, timeZone, offset);\n};\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 (noDateOnlyTime)\n    return new Time(date.getHours(), date.getMinutes(), date.getSeconds(), 0);\n\n  return nativeDateToDateTime(date, timeZone, offset);\n};\n\n/**\n * Tar inn et av Date- eller TimeValue-objektene fra @internationalized/date-pakken og returnerer et JS Date-objekt\n * @param {DateValue | TimeValue} value En dato eller et tidspunkt på Date- eller TimeValue-formatet som ønskes konvertert til et JS Date-objekt\n * @param {string} timeZoneForCalendarDateTime Tidssonen value 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 Date- and TimeValue types. Sorry ...\nexport const timeOrDateValueToNativeDate = (\n  value: TimeValue | DateValue,\n  timeZoneForCalendarDateTime?: string,\n): Date => {\n  // @ts-expect-error .day does not exist on Time-object\n  if (!value.day) {\n    // type is Time\n    const date = new Date();\n    // @ts-expect-error hour does not exist on CalendarDate\n    date.setHours(value.hour);\n    // @ts-expect-error minute does not exist on CalendarDate\n    date.setMinutes(value.minute);\n    // @ts-expect-error second does not exist on CalendarDate\n    date.setSeconds(value.second);\n    return date;\n  }\n\n  // @ts-expect-error .day does not exist on Time-object\n  if (!value.hour) {\n    // type is CalendarDate\n    // @ts-expect-error .toDate(timeZone) does not exist in type Time\n    return value.toDate(timeZoneForCalendarDateTime ?? getLocalTimeZone());\n  }\n\n  // @ts-expect-error .timeZone does not exist in type Time and CalendarDateTime\n  if (!value.timeZone) {\n    // type is CalendarDateTime\n    if (timeZoneForCalendarDateTime)\n      // @ts-expect-error .toDate(timeZone) does not exist in type Time\n      return value.toDate(timeZoneForCalendarDateTime);\n\n    return new Date(\n      // @ts-expect-error not in type Time\n      value.year,\n      // @ts-expect-error not in type Time\n      value.month - 1,\n      // @ts-expect-error not in type Time\n      value.day,\n      // @ts-expect-error not in type CalendarDate\n      value.hour,\n      // @ts-expect-error not in type CalendarDate\n      value.minute,\n      // @ts-expect-error not in type CalendarDate\n      value.second,\n    );\n  }\n\n  // @ts-expect-error .toDate() does not exist in type Time or CalendarDateTime\n  return value.toDate();\n};\n\nexport const createCalendar = (identifier = 'gregory'): Calendar => {\n  switch (identifier) {\n    case 'gregory':\n      return new GregorianCalendar();\n    default:\n      throw new Error(`Unsupported calendar ${identifier}`);\n  }\n};\n\nexport const ariaLabelIfNorwegian = (\n  norwegianAriaLabel: string,\n  locale: string,\n  propsCollection: any,\n) => {\n  if (locale.toLowerCase() !== 'no-no') return propsCollection['aria-label'];\n  return norwegianAriaLabel;\n};\n","import React, { ReactNode, useRef } from 'react';\n\nimport { useDateFieldState } from '@react-stately/datepicker';\nimport { useDateField } from '@react-aria/datepicker';\nimport { I18nProvider, useLocale } from '@react-aria/i18n';\nimport classNames from 'classnames';\n\nimport type {\n  SpectrumDateFieldProps,\n  DateValue,\n} from '@react-types/datepicker';\n\nimport { BaseFormControl, VariantType } from '@entur/form';\nimport { ConditionalWrapper, mergeRefs, useRandomId } from '@entur/utils';\n\nimport { FieldSegment } from '../shared/FieldSegment';\nimport { createCalendar } from '../shared/utils';\n\nimport './DateField.scss';\n\nexport type DateFieldProps = {\n  /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */\n  selectedDate: DateValue | null;\n  /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */\n  onChange: (value: DateValue) => void;\n  /** Label til TimePicker */\n  label: string;\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  showTime?: boolean;\n  /** Tidligste gyldige datovalg.\n   * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone */\n  minDate?: DateValue;\n  /** Seneste gyldige datovalg. (se minValue) */\n  maxDate?: DateValue;\n  /** Varselmelding, som vil komme under TimePicker */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  /** Varselmelding som forteller om ugyldig dato\n   * @default \"Ugyldig dato\"\n   */\n  validationFeedback?: string;\n  /** Valideringsvariant for melding om ugyldig dato\n   * @default \"error\"\n   */\n  validationVariant?: VariantType;\n  labelTooltip?: React.ReactNode;\n  disabled?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  style?: React.CSSProperties;\n  [key: string]: any;\n} & Omit<\n  SpectrumDateFieldProps<DateValue>,\n  | 'value'\n  | 'onChange'\n  | 'label'\n  | 'hideTimeZone'\n  | 'placeholder'\n  | 'minValue'\n  | 'maxValue'\n>;\n\nexport const DateField = React.forwardRef<HTMLDivElement, DateFieldProps>(\n  (\n    {\n      selectedDate: value,\n      label,\n      locale: customLocale,\n      showTimeZone,\n      showTime,\n      granularity = 'day',\n      disabled,\n      variant,\n      feedback,\n      validationVariant = 'error',\n      validationFeedback = 'Ugyldig dato',\n      labelTooltip,\n      minDate: minValue,\n      maxDate: maxValue,\n      style,\n      className,\n      labelProps: parentLabelProps,\n      append,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { locale } = useLocale();\n\n    const state = useDateFieldState({\n      ...rest,\n      locale: customLocale ?? locale,\n      createCalendar,\n      value: value === null ? undefined : value,\n      hideTimeZone: !showTimeZone,\n      granularity: showTime ? 'minute' : granularity,\n      minValue,\n      maxValue,\n    });\n\n    const dateFieldRef = useRef(null);\n    const { labelProps, fieldProps } = useDateField(\n      { ...rest, label: label, isDisabled: disabled || rest.isDisabled },\n      state,\n      dateFieldRef,\n    );\n\n    const id = useRandomId('datefield');\n\n    return (\n      <ConditionalWrapper\n        condition={customLocale !== undefined}\n        wrapper={(child: ReactNode) => (\n          <I18nProvider locale={customLocale}>{child}</I18nProvider>\n        )}\n      >\n        <BaseFormControl\n          style={style}\n          className={classNames('eds-datefield', className)}\n          labelId={id}\n          ref={mergeRefs(dateFieldRef, ref)}\n          disabled={state.isDisabled}\n          disableLabelAnimation\n          label={label}\n          labelTooltip={labelTooltip}\n          labelProps={parentLabelProps ?? labelProps}\n          {...fieldProps}\n          variant={\n            variant ?? state.validationState === 'invalid'\n              ? validationVariant\n              : undefined\n          }\n          feedback={\n            feedback ?? state.validationState === 'invalid'\n              ? validationFeedback\n              : undefined\n          }\n          append={append}\n          ariaAlertOnFeedback\n        >\n          {state.segments.map((segment, i) => (\n            <FieldSegment segment={segment} state={state} key={i} />\n          ))}\n        </BaseFormControl>\n      </ConditionalWrapper>\n    );\n  },\n);\n","import React, { useRef } from 'react';\n\nimport { useButton } from '@react-aria/button';\n\nimport { IconButton } from '@entur/button';\n\ntype CalendarButtonProps = {\n  children: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  [key: string]: any;\n};\n\nexport const CalendarButton = ({\n  children,\n  className,\n  style,\n  ...props\n}: CalendarButtonProps) => {\n  const ref = useRef(null);\n  const { buttonProps } = useButton(props, ref);\n\n  return (\n    <IconButton {...buttonProps} ref={ref} className={className} style={style}>\n      {children}\n    </IconButton>\n  );\n};\n","import React, { useRef } from 'react';\n\nimport { useCalendarCell } from '@react-aria/calendar';\nimport { CalendarState } from '@react-stately/calendar';\nimport {\n  CalendarDate,\n  getLocalTimeZone,\n  isEqualDay,\n  now,\n} from '@internationalized/date';\nimport classNames from 'classnames';\n\ntype CalendarCellProps = {\n  state: CalendarState;\n  date: CalendarDate;\n  onSelectedCellClick?: () => void;\n};\n\nexport const CalendarCell = ({\n  state,\n  date,\n  onSelectedCellClick = () => {\n    return;\n  },\n  ...rest\n}: CalendarCellProps) => {\n  const cellRef = useRef(null);\n\n  const {\n    cellProps,\n    buttonProps,\n    isSelected,\n    isOutsideVisibleRange,\n    isDisabled,\n    isUnavailable,\n    formattedDate,\n  } = useCalendarCell({ date }, state, cellRef);\n  return (\n    <td {...cellProps} className=\"eds-datepicker__calendar__grid__cell__td\">\n      <div\n        {...buttonProps}\n        ref={cellRef}\n        hidden={isOutsideVisibleRange}\n        className={classNames('eds-datepicker__calendar__grid__cell', {\n          'eds-datepicker__calendar__grid__cell--selected': isSelected,\n          'eds-datepicker__calendar__grid__cell--disabled':\n            isDisabled || isUnavailable,\n          'eds-datepicker__calendar__grid__cell--outside-month':\n            isOutsideVisibleRange,\n          'eds-datepicker__calendar__grid__cell--today': isEqualDay(\n            date,\n            now(state.timeZone ?? getLocalTimeZone()),\n          ),\n        })}\n        {...rest}\n        onClick={e => {\n          buttonProps.onClick && buttonProps.onClick(e);\n          isSelected && onSelectedCellClick();\n        }}\n        onKeyDown={e => {\n          buttonProps.onKeyDown && buttonProps.onKeyDown(e);\n          if (e.key === 'Enter' || e.key === ' ')\n            isSelected && onSelectedCellClick();\n        }}\n      >\n        {formattedDate}\n      </div>\n    </td>\n  );\n};\n","import React from 'react';\n\nimport { useLocale } from '@react-aria/i18n';\nimport { useCalendarGrid } from '@react-aria/calendar';\nimport { CalendarState } from '@react-stately/calendar';\nimport { getWeeksInMonth } from '@internationalized/date';\n\nimport { useRandomId } from '@entur/utils';\nimport { VisuallyHidden } from '@entur/a11y';\n\nimport { CalendarCell } from './CalendarCell';\n\ntype CalendarGridProps = {\n  state: CalendarState;\n  navigationDescription?: string;\n  onSelectedCellClick?: () => void;\n};\n\nexport const CalendarGrid = ({\n  state,\n  navigationDescription,\n  onSelectedCellClick = () => {\n    return;\n  },\n  ...rest\n}: CalendarGridProps) => {\n  const calendarGridId = useRandomId('eds-calendar');\n  const { locale } = useLocale();\n\n  const { gridProps, headerProps, weekDays } = useCalendarGrid(rest, state);\n\n  const weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale);\n  const weeksArray = Array.from(Array(weeksInMonth).keys());\n\n  const weekDaysMapped = () => {\n    if (locale.toLowerCase().includes('no'))\n      return ['ma', 'ti', 'on', 'to', 'fr', 'lø', 'sø'];\n    if (locale.toLowerCase().includes('en')) {\n      if (weekDays[0] === 'M')\n        return ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];\n      if (weekDays[0] === 'S')\n        return ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];\n    }\n    return weekDays.map(day => day.toLowerCase());\n  };\n\n  const getNavigationDescription = () => {\n    if (navigationDescription) return navigationDescription;\n    if (locale.toLowerCase().includes('en'))\n      return 'Use the arrow keys to navigate between dates';\n    return 'Bruk piltastene til å navigere mellom datoer';\n  };\n\n  return (\n    <>\n      <table\n        {...gridProps}\n        cellSpacing=\"0\"\n        className=\"eds-datepicker__calendar__grid\"\n      >\n        <thead {...headerProps}>\n          <tr>\n            {weekDaysMapped().map((day, index) => (\n              <th key={index}>{day}</th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {weeksArray.map(weekIndex => (\n            <tr key={weekIndex}>\n              {state\n                .getDatesInWeek(weekIndex)\n                .map((date, i) =>\n                  date ? (\n                    <CalendarCell\n                      key={i}\n                      state={state}\n                      date={date}\n                      aria-describedby={calendarGridId + 'description'}\n                      onSelectedCellClick={onSelectedCellClick}\n                    />\n                  ) : (\n                    <td key={i} />\n                  ),\n                )}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n      <VisuallyHidden id={calendarGridId + 'description'}>\n        {getNavigationDescription()}\n      </VisuallyHidden>\n    </>\n  );\n};\n","import React, { ReactNode } from 'react';\n\nimport { I18nProvider, useLocale } from '@react-aria/i18n';\nimport { useCalendar } from '@react-aria/calendar';\nimport { useCalendarState } from '@react-stately/calendar';\nimport { DateValue } from '@internationalized/date';\n\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\nimport { ConditionalWrapper } from '@entur/utils';\n\nimport { ariaLabelIfNorwegian, createCalendar } from '../shared/utils';\nimport { CalendarButton } from '../shared/CalendarButton';\nimport { CalendarGrid } from './CalendarGrid';\n\nimport './Calendar.scss';\n\ntype CalendarProps = {\n  selectedDate: DateValue | null;\n  onChange: (SelectedDate: DateValue | null) => void;\n  navigationDescription?: string;\n  style?: React.CSSProperties;\n  onSelectedCellClick?: () => void;\n  [key: string]: any;\n};\n\nexport const Calendar = React.forwardRef<HTMLDivElement, CalendarProps>(\n  (\n    {\n      selectedDate: value,\n      onChange,\n      locale: customLocale,\n      style,\n      children: _,\n      navigationDescription,\n      onSelectedCellClick = () => {\n        return;\n      },\n      ...rest\n    },\n    ref,\n  ) => {\n    const { locale } = useLocale();\n\n    const state = useCalendarState({\n      ...rest,\n      onChange,\n      locale: customLocale ?? locale,\n      createCalendar,\n    });\n    const { calendarProps, prevButtonProps, nextButtonProps, title } =\n      useCalendar(rest, state);\n\n    return (\n      <ConditionalWrapper\n        condition={customLocale}\n        wrapper={(child: ReactNode) => (\n          <I18nProvider locale={customLocale}>{child}</I18nProvider>\n        )}\n      >\n        <div\n          {...calendarProps}\n          ref={ref}\n          className=\"eds-datepicker__calendar\"\n          style={style}\n        >\n          <div className=\"eds-datepicker__calendar__header\">\n            <CalendarButton\n              {...prevButtonProps}\n              aria-label={ariaLabelIfNorwegian(\n                'Forrige måned',\n                locale,\n                prevButtonProps,\n              )}\n            >\n              <LeftArrowIcon size={20} />\n            </CalendarButton>\n            <h2>{title}</h2>\n            <CalendarButton\n              {...nextButtonProps}\n              aria-label={ariaLabelIfNorwegian(\n                'Neste måned',\n                locale,\n                nextButtonProps,\n              )}\n            >\n              <RightArrowIcon size={20} />\n            </CalendarButton>\n          </div>\n          <CalendarGrid\n            state={state}\n            navigationDescription={navigationDescription}\n            onSelectedCellClick={onSelectedCellClick}\n          />\n        </div>\n      </ConditionalWrapper>\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 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        { 'eds-timepicker__arrowbutton--disabled': disabled },\n      )}\n      type=\"button\"\n      tabIndex={-1}\n      onClick={onClick}\n      aria-label={ariaLabel}\n      disabled={disabled}\n    >\n      {direction === 'left' ? <LeftArrowIcon /> : <RightArrowIcon />}\n    </IconButton>\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\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 './TimePicker';\nexport * from './shared';\n\nexport type {\n  DateValue,\n  CalendarDate,\n  CalendarDateTime,\n  ZonedDateTime,\n  Time,\n} from '@internationalized/date';\nexport type { TimeValue } from '@react-types/datepicker';\n","import React, { ReactNode, useRef } from 'react';\n\nimport { useDatePickerState } from '@react-stately/datepicker';\nimport { useDatePicker } from '@react-aria/datepicker';\nimport { I18nProvider } from '@react-aria/i18n';\nimport {\n  useFloating,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n} from '@floating-ui/react-dom';\nimport FocusLock from 'react-focus-lock';\nimport classNames from 'classnames';\n\nimport type {\n  DateValue,\n  AriaDatePickerProps,\n  MappedDateValue,\n} from '@react-types/datepicker';\n\nimport {\n  ConditionalWrapper,\n  useOnClickOutside,\n  useOnEscape,\n  useWindowDimensions,\n} from '@entur/utils';\nimport { space, zIndexes } from '@entur/tokens';\nimport { CalendarIcon } from '@entur/icons';\nimport { Modal } from '@entur/modal';\n\nimport type { VariantType } from '@entur/form';\n\nimport { DateField } from './DateField';\nimport { Calendar } from './Calendar';\nimport { CalendarButton } from '../shared/CalendarButton';\n\nimport './DatePicker.scss';\n\nexport type DatePickerProps<DateType extends DateValue> = {\n  /** Den valgte datoen. Dato i '@internationalized/date'-pakkens format */\n  selectedDate: DateType | null;\n  /** Kalles når tiden endres. Dato i '@internationalized/date'-pakkens format */\n  onChange: (value: MappedDateValue<DateType> | null) => void;\n  /** Ledetekst for inputfeltet til DatePicker */\n  label: string;\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 (krever at tid også vises)\n   * @default false\n   */\n  showTimeZone?: boolean;\n  /** Viser tidspunkt i tillegg til dato.\n   * OBS: selectedDate må være av typen CalendarDateTime eller ZonedDateTime\n   */\n  showTime?: boolean;\n  /** Tidligste gyldige datovalg.\n   * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone. */\n  minDate?: DateValue;\n  /** Seneste gyldige datovalg.\n   * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone\n   *\n   * OBS: Hvis du bruker dato med tid vil det være til, men ikke med denne datoen */\n  maxDate?: DateValue;\n  /** Funksjon som tar inn en dato og sier om den er utilgjengelig.\n   * Eks. (date) => isWeekend(date, 'no-NO') == helgedager er ikke tilgjengelig */\n  isDateUnavailable?: (date: DateValue) => boolean;\n  /** Varselmelding, som vil komme under DatePicker sitt inputfelt */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  /** Varselmelding som forteller om ugyldig dato\n   * @default \"Ugyldig dato\"\n   */\n  validationFeedback?: string;\n  /** Valideringsvariant for melding om ugyldig dato\n   * @default \"error\"\n   */\n  validationVariant?: VariantType;\n  disabled?: boolean;\n  /** Hvis true vil kalenderen alltid vises i en popover når den åpnes\n   *  @default false\n   */\n  disableModal?: boolean;\n  /** Maxbredden til viewport-en for at modal skal vises\n   *  @default 1000\n   */\n  modalTreshold?: number;\n  labelTooltip?: React.ReactNode;\n  /** Skjermlesertest som forklarer navigasjon i kalenderen. Oversettes automatisk for engelsk locale, men ikke andre språk.\n   * @default 'Bruk piltastene til å navigere mellom datoer'\n   */\n  navigationDescription?: string;\n  /** Ekstra klassenavn */\n  className?: string;\n  style?: React.CSSProperties;\n} & Omit<\n  AriaDatePickerProps<DateType>,\n  | 'value'\n  | 'onChange'\n  | 'label'\n  | 'hideTimeZone'\n  | 'placeholder'\n  | 'minValue'\n  | 'maxValue'\n>;\n\nexport const DatePicker = <DateType extends DateValue>({\n  selectedDate: value,\n  onChange,\n  locale,\n  disabled: isDisabled,\n  showTime,\n  showTimeZone = false,\n  className,\n  style,\n  variant,\n  feedback,\n  validationVariant,\n  validationFeedback,\n  disableModal = false,\n  labelTooltip,\n  navigationDescription,\n  minDate: minValue,\n  maxDate: maxValue,\n  modalTreshold = 1000,\n  ...rest\n}: DatePickerProps<DateType>) => {\n  const CALENDAR_MODAL_MAX_SCREEN_WIDTH = modalTreshold;\n  const datePickerRef = useRef<HTMLDivElement | null>(null);\n  const calendarRef = useRef<HTMLDivElement | null>(null);\n  const dateFieldRef = useRef<HTMLDivElement | null>(null);\n\n  const { width } = useWindowDimensions();\n\n  const state = useDatePickerState({\n    ...rest,\n    minValue,\n    maxValue,\n    value: value === null ? undefined : value,\n    onChange,\n    granularity: showTime ? 'minute' : rest.granularity,\n  });\n  const {\n    groupProps,\n    labelProps,\n    fieldProps,\n    buttonProps,\n    dialogProps,\n    calendarProps,\n  } = useDatePicker(\n    { isDisabled, minValue, maxValue, ...rest },\n    state,\n    datePickerRef,\n  );\n\n  // calculations for floating-UI popover position\n  const { x, y, reference, floating, strategy } = useFloating({\n    whileElementsMounted: autoUpdate,\n    placement: 'bottom-start',\n    middleware: [\n      offset(space.extraSmall),\n      flip(),\n      shift({ padding: space.extraSmall }),\n    ],\n  });\n\n  const onChangeCalendar = (newSelectedDate: DateValue) => {\n    // Necessary to avoid state update on unmounted component\n    requestAnimationFrame(() => {\n      calendarProps.onChange && calendarProps.onChange(newSelectedDate);\n    });\n  };\n\n  useOnClickOutside([calendarRef], () => {\n    state.setOpen(false);\n  });\n\n  useOnEscape(calendarRef, () => {\n    state.setOpen(false);\n  });\n\n  const calendarSharedProps = {\n    ...dialogProps,\n    ...calendarProps,\n    disabled: calendarProps.isDisabled,\n    navigationDescription: navigationDescription,\n    onSelectedCellClick: () => state.setOpen(false),\n    onChange: onChangeCalendar,\n    granularity: showTime ? 'minute' : rest.granularity,\n  };\n\n  const useModal =\n    typeof width !== 'undefined' &&\n    width <= CALENDAR_MODAL_MAX_SCREEN_WIDTH &&\n    !disableModal;\n\n  const popoverCalendar = (\n    <div\n      // styling for floating-UI popover\n      style={{\n        position: strategy,\n        top: y ?? 0,\n        left: x ?? 0,\n        zIndex: zIndexes.popover,\n      }}\n      ref={node => {\n        floating(node);\n      }}\n    >\n      <FocusLock disabled={!state.isOpen || useModal} returnFocus>\n        {state.isOpen && (\n          <Calendar {...calendarSharedProps} ref={calendarRef} />\n        )}\n      </FocusLock>\n    </div>\n  );\n\n  const modalCalendar = (\n    <Modal\n      size=\"small\"\n      title=\"\"\n      open={state.isOpen}\n      onDismiss={() => state.setOpen(false)}\n      closeOnClickOutside\n      className=\"eds-datepicker__calendar-modal\"\n    >\n      <Calendar {...calendarSharedProps} />\n    </Modal>\n  );\n\n  return (\n    <ConditionalWrapper\n      condition={locale !== undefined}\n      wrapper={(child: ReactNode) => (\n        <I18nProvider locale={locale}>{child}</I18nProvider>\n      )}\n    >\n      <div className={classNames('eds-datepicker', className)}>\n        <div\n          {...groupProps}\n          ref={node => {\n            datePickerRef.current = node;\n            reference(node);\n          }}\n          id={undefined}\n          className=\"eds-datepicker__datefield__wrapper\"\n        >\n          <DateField\n            {...fieldProps}\n            selectedDate={state.value}\n            label={rest.label}\n            labelProps={labelProps}\n            showTime={showTime}\n            showTimeZone={showTimeZone}\n            ref={dateFieldRef}\n            variant={variant}\n            feedback={feedback}\n            validationVariant={validationVariant}\n            validationFeedback={validationFeedback}\n            labelTooltip={labelTooltip}\n            className={classNames('eds-datepicker__datefield', {\n              'eds-datepicker__datefield--disabled': fieldProps.isDisabled,\n            })}\n          />\n          {!fieldProps.isDisabled && (\n            <CalendarButton\n              {...buttonProps}\n              onPress={() => state.setOpen(!state.isOpen)}\n              className=\"eds-datepicker__open-calendar-button\"\n            >\n              <CalendarIcon />\n            </CalendarButton>\n          )}\n          {useModal ? modalCalendar : popoverCalendar}\n        </div>\n      </div>\n    </ConditionalWrapper>\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';\nimport { getLocalTimeZone, now } from '@internationalized/date';\n\nimport type {\n  TimeValue,\n  AriaTimeFieldProps,\n  MappedTimeValue,\n} from '@react-types/datepicker';\n\nimport { BaseFormControl, VariantType } from '@entur/form';\nimport { useRandomId, mergeRefs } from '@entur/utils';\n\nimport { FieldSegment } from '../shared/FieldSegment';\nimport { TimePickerArrowButton } from './TimePickerArrowButton';\n\nimport './TimePicker.scss';\n\nexport type TimePickerProps<TimeType extends TimeValue> = {\n  /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */\n  selectedTime: TimeType | null;\n  /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */\n  onChange: (value: MappedTimeValue<TimeType> | null) => 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  /** Aria-label for venstrepil-knappen som trekker fra tid\n   * @default `Trekk fra ${minuteIncrementForArrowButtons} minutter`\n   */\n  leftArrowButtonAriaLabel?: string;\n  /** Aria-label for høyrepil-knappen som legger til tid\n   * @default `Legg til ${minuteIncrementForArrowButtons} minutter`\n   */\n  rightArrowButtonAriaLabel?: string;\n  /** Varselmelding, som vil komme under TimePicker */\n  feedback?: string;\n  /** Valideringsvariant */\n  variant?: VariantType;\n  labelTooltip?: React.ReactNode;\n  disabled?: boolean;\n  inputRef?: React.ForwardedRef<HTMLDivElement>;\n  /** Ekstra klassenavn */\n  className?: string;\n  style?: React.CSSProperties;\n} & Omit<\n  AriaTimeFieldProps<TimeType>,\n  | 'value'\n  | 'onChange'\n  | 'label'\n  | 'hideTimeZone'\n  | 'placeholder'\n  | 'minValue'\n  | 'maxValue'\n>;\n\nexport const TimePicker = <TimeType extends TimeValue>({\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  leftArrowButtonAriaLabel = `Trekk fra ${minuteIncrementForArrowButtons} minutter`,\n  rightArrowButtonAriaLabel = `Legg til ${minuteIncrementForArrowButtons} minutter`,\n  inputRef,\n  ...rest\n}: TimePickerProps<TimeType>) => {\n  let { locale } = useLocale();\n  if (customLocale) locale = customLocale;\n\n  const state = useTimeFieldState({\n    // @ts-expect-error Time should be assignable to MappedTime<TimeType>\n    onChange,\n    label: label,\n    locale,\n    value: selectedTime === null ? undefined : selectedTime,\n    hideTimeZone: !showTimeZone,\n    isDisabled: disabled,\n    ...rest,\n  });\n  const timeFieldRef = useRef(null);\n  const { labelProps, fieldProps } = useTimeField<TimeType>(\n    { ...rest, label: label },\n    state,\n    timeFieldRef,\n  );\n  const id = useRandomId('timepicker');\n\n  const handleOnClickArrowButton = (minutes: number) => {\n    if (someSegmentIsUndefined) {\n      setTimeToNearestMinuteIncrement();\n    } else {\n      addMinutesToSelectedTime(minutes);\n    }\n  };\n\n  const someSegmentIsUndefined = state.segments.some(\n    segment => segment.text === '––',\n  );\n\n  const setTimeToNearestMinuteIncrement = () => {\n    const currentTime = now(getLocalTimeZone());\n    const roundedMinute =\n      Math.floor(currentTime.minute / minuteIncrementForArrowButtons) *\n      minuteIncrementForArrowButtons;\n    const newTime = currentTime.set({ minute: roundedMinute });\n    // @ts-expect-error Since this function is used when selectedTime is null,\n    // we can't guarantee newTime matching the type of selectedTime in the future.\n    // This might lead to a type issue.\n    onChange(newTime);\n  };\n\n  const addMinutesToSelectedTime = (minutes: number) => {\n    state.value &&\n      state.setValue(\n        state.value?.add({\n          minutes: minutes,\n        }),\n      );\n  };\n\n  return (\n    <I18nProvider locale={locale}>\n      <div className={classNames(className, 'eds-timepicker__wrapper')}>\n        <TimePickerArrowButton\n          direction=\"left\"\n          disabled={disabled}\n          aria-label={leftArrowButtonAriaLabel}\n          onClick={() =>\n            handleOnClickArrowButton(minuteIncrementForArrowButtons * -1)\n          }\n        />\n        <BaseFormControl\n          style={style}\n          className={'eds-timepicker'}\n          labelId={id}\n          label={label}\n          labelProps={{ ...labelProps }}\n          ref={mergeRefs(timeFieldRef, inputRef)}\n          disabled={disabled}\n          disableLabelAnimation\n          labelTooltip={labelTooltip}\n          {...fieldProps}\n          variant={variant}\n          feedback={feedback}\n        >\n          {state.segments.map((segment, i) => (\n            <FieldSegment segment={segment} state={state} key={i} />\n          ))}\n        </BaseFormControl>\n        <TimePickerArrowButton\n          direction=\"right\"\n          disabled={disabled}\n          aria-label={rightArrowButtonAriaLabel}\n          onClick={() =>\n            handleOnClickArrowButton(minuteIncrementForArrowButtons)\n          }\n        />\n      </div>\n    </I18nProvider>\n  );\n};\n"],"names":["FieldSegment","_ref","segment","state","ref","useRef","segmentProps","useDateSegment","is12HourFormatted","segments","some","text","React","createElement","className","classNames","isPlaceholder","tabIndex","isDisabled","match","padStart","nativeDateToDateTime","date","timeZone","offset","ZonedDateTime","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","parseAbsolute","toISOString","CalendarDateTime","createCalendar","identifier","GregorianCalendar","Error","ariaLabelIfNorwegian","norwegianAriaLabel","locale","propsCollection","toLowerCase","DateField","forwardRef","value","selectedDate","label","customLocale","showTimeZone","showTime","_ref$granularity","granularity","disabled","variant","feedback","_ref$validationVarian","validationVariant","_ref$validationFeedba","validationFeedback","labelTooltip","minValue","minDate","maxValue","maxDate","style","parentLabelProps","labelProps","append","rest","_objectWithoutPropertiesLoose","_excluded","_useLocale","useLocale","useDateFieldState","_extends","undefined","hideTimeZone","dateFieldRef","useDateField","fieldProps","id","useRandomId","ConditionalWrapper","condition","wrapper","child","I18nProvider","BaseFormControl","labelId","mergeRefs","disableLabelAnimation","validationState","ariaAlertOnFeedback","map","i","key","CalendarButton","children","props","_useButton","useButton","IconButton","buttonProps","CalendarCell","_state$timeZone","_ref$onSelectedCellCl","onSelectedCellClick","cellRef","_useCalendarCell","useCalendarCell","isSelected","isOutsideVisibleRange","isUnavailable","formattedDate","cellProps","hidden","isEqualDay","now","getLocalTimeZone","onClick","e","onKeyDown","CalendarGrid","navigationDescription","calendarGridId","_useCalendarGrid","useCalendarGrid","gridProps","headerProps","weekDays","weeksInMonth","getWeeksInMonth","visibleRange","start","weeksArray","Array","from","keys","Fragment","cellSpacing","includes","day","weekDaysMapped","index","weekIndex","getDatesInWeek","VisuallyHidden","Calendar","onChange","useCalendarState","_useCalendar","useCalendar","prevButtonProps","nextButtonProps","title","calendarProps","LeftArrowIcon","size","RightArrowIcon","NativeDatePicker","_ref$prepend","prepend","DateIcon","inline","nativedatepickerId","isFilled","NativeDatePickerBase","_ref2","_excluded2","contextVariant","useVariant","currentVariant","_useInputGroupContext","useInputGroupContext","isDatepickerFilled","setFiller","setFilled","useOnMount","useEffect","type","event","target","TimePickerArrowButton","direction","ariaLabel","NativeTimePicker","nativetimepickerId","NativeTimePickerBase","isTimepickerFilled","warnAboutMissingStyles","_ref$showTimeZone","_ref$disableModal","disableModal","_ref$modalTreshold","modalTreshold","CALENDAR_MODAL_MAX_SCREEN_WIDTH","datePickerRef","calendarRef","width","useWindowDimensions","useDatePickerState","_useDatePicker","useDatePicker","groupProps","dialogProps","_useFloating","useFloating","whileElementsMounted","autoUpdate","placement","middleware","space","extraSmall","flip","shift","padding","x","y","reference","floating","strategy","useOnClickOutside","setOpen","useOnEscape","calendarSharedProps","newSelectedDate","requestAnimationFrame","useModal","popoverCalendar","position","top","left","zIndex","zIndexes","popover","node","FocusLock","isOpen","returnFocus","modalCalendar","Modal","open","onDismiss","closeOnClickOutside","current","onPress","CalendarIcon","selectedTime","_ref$minuteIncrementF","minuteIncrementForArrowButtons","_ref$leftArrowButtonA","leftArrowButtonAriaLabel","_ref$rightArrowButton","rightArrowButtonAriaLabel","inputRef","useTimeFieldState","timeFieldRef","useTimeField","handleOnClickArrowButton","minutes","someSegmentIsUndefined","setTimeToNearestMinuteIncrement","addMinutesToSelectedTime","currentTime","roundedMinute","Math","floor","minute","newTime","set","_state$value","setValue","add","noTimeOnlyDate","CalendarDate","noDateOnlyTime","Time","timeZoneForCalendarDateTime","Date","setHours","hour","setMinutes","setSeconds","second","toDate","year","month"],"mappings":"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"}

package/dist/datepicker.esm.js

@@ -78,13 +78,13 @@ var nativeDateToDateTime = function nativeDateToDateTime(date, timeZone, offset)
   }
   return new CalendarDateTime(date.getFullYear(), date.getMonth() + 1, date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds());
 };
-/**
- * Tar inn et JS Date-objekt og returnerer et av DateValue-objektene fra @internationalized/date-pakken
- * @param {Date} date JS Date-objekt som ønskes konvertert til et DateValue-objekt
- * @param {boolean} noTimeOnlyDate Hvis tidspunktet er irrelevant kan denne settes til true, da får man et CalendarDate-objekt uten tidspunkt tilbake
- * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset
- * @param {number} offset UTC-offset i millisekunder, må brukes med en tidssone. Ved å legge på en offset lager du en variant av en tidssone. Det betyr at tidspunktet ikke endres (time, minutt, sekund uendret), men tidssonen, med tilhørende offset, tidspunktet er i endres.
- * @returns {CalendarDateTime | ZonedDateTime | CalendarDate} et av DateValue-objektene med verdier fra date
+/**
+ * Tar inn et JS Date-objekt og returnerer et av DateValue-objektene fra @internationalized/date-pakken
+ * @param {Date} date JS Date-objekt som ønskes konvertert til et DateValue-objekt
+ * @param {boolean} noTimeOnlyDate Hvis tidspunktet er irrelevant kan denne settes til true, da får man et CalendarDate-objekt uten tidspunkt tilbake
+ * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset
+ * @param {number} offset UTC-offset i millisekunder, må brukes med en tidssone. Ved å legge på en offset lager du en variant av en tidssone. Det betyr at tidspunktet ikke endres (time, minutt, sekund uendret), men tidssonen, med tilhørende offset, tidspunktet er i endres.
+ * @returns {CalendarDateTime | ZonedDateTime | CalendarDate} et av DateValue-objektene med verdier fra date
  */
 var nativeDateToDateValue = function nativeDateToDateValue(date, noTimeOnlyDate, timeZone, offset) {
   if (noTimeOnlyDate === void 0) {
@@ -93,13 +93,13 @@ var nativeDateToDateValue = function nativeDateToDateValue(date, noTimeOnlyDate,
   if (noTimeOnlyDate) return new CalendarDate(date.getFullYear(), date.getMonth() + 1, date.getDate());
   return nativeDateToDateTime(date, timeZone, offset);
 };
-/**
- * Tar inn et JS Date-objekt og returnerer et av TimeValue-objektene fra @internationalized/date-pakken
- * @param {Date} date JS Date-objekt som ønskes konvertert til et TimeValue-objekt
- * @param {boolean} noDateOnlyTime Hvis datoen er irrelevant kan denne settes til true, da får man et Time-objekt uten dato tilbake
- * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset
- * @param {number} offset UTC-offset i millisekunder, må brukes med en tidssone. Ved å legge på en offset lager du en variant av en tidssone. Det betyr at tidspunktet ikke endres (time, minutt, sekund uendret), men tidssonen, med tilhørende offset, tidspunktet er i endres.
- * @returns {Time | CalendarDateTime | ZonedDateTime} et av TimeValue-objektene med verdier fra date
+/**
+ * Tar inn et JS Date-objekt og returnerer et av TimeValue-objektene fra @internationalized/date-pakken
+ * @param {Date} date JS Date-objekt som ønskes konvertert til et TimeValue-objekt
+ * @param {boolean} noDateOnlyTime Hvis datoen er irrelevant kan denne settes til true, da får man et Time-objekt uten dato tilbake
+ * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset
+ * @param {number} offset UTC-offset i millisekunder, må brukes med en tidssone. Ved å legge på en offset lager du en variant av en tidssone. Det betyr at tidspunktet ikke endres (time, minutt, sekund uendret), men tidssonen, med tilhørende offset, tidspunktet er i endres.
+ * @returns {Time | CalendarDateTime | ZonedDateTime} et av TimeValue-objektene med verdier fra date
  */
 var nativeDateToTimeValue = function nativeDateToTimeValue(date, noDateOnlyTime, timeZone, offset) {
   if (noDateOnlyTime === void 0) {
@@ -108,11 +108,11 @@ var nativeDateToTimeValue = function nativeDateToTimeValue(date, noDateOnlyTime,
   if (noDateOnlyTime) return new Time(date.getHours(), date.getMinutes(), date.getSeconds(), 0);
   return nativeDateToDateTime(date, timeZone, offset);
 };
-/**
- * Tar inn et av Date- eller TimeValue-objektene fra @internationalized/date-pakken og returnerer et JS Date-objekt
- * @param {DateValue | TimeValue} value En dato eller et tidspunkt på Date- eller TimeValue-formatet som ønskes konvertert til et JS Date-objekt
- * @param {string} timeZoneForCalendarDateTime Tidssonen value er i. Fungerer kun med typen er CalendarDateTime
- * @returns {Date} et Date-objekt med verdier fra time
+/**
+ * Tar inn et av Date- eller TimeValue-objektene fra @internationalized/date-pakken og returnerer et JS Date-objekt
+ * @param {DateValue | TimeValue} value En dato eller et tidspunkt på Date- eller TimeValue-formatet som ønskes konvertert til et JS Date-objekt
+ * @param {string} timeZoneForCalendarDateTime Tidssonen value er i. Fungerer kun med typen er CalendarDateTime
+ * @returns {Date} et Date-objekt med verdier fra time
  */
 // This function uses a lot of @ts-expect-error to make it work with all Date- and TimeValue types. Sorry ...
 var timeOrDateValueToNativeDate = function timeOrDateValueToNativeDate(value, timeZoneForCalendarDateTime) {

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-import './index.scss';
-export * from './DatePicker';
-export * from './TimePicker';
-export * from './shared';
-export type { DateValue, CalendarDate, CalendarDateTime, ZonedDateTime, Time, } from '@internationalized/date';
-export type { TimeValue } from '@react-types/datepicker';
+import './index.scss';
+export * from './DatePicker';
+export * from './TimePicker';
+export * from './shared';
+export type { DateValue, CalendarDate, CalendarDateTime, ZonedDateTime, Time, } from '@internationalized/date';
+export type { TimeValue } from '@react-types/datepicker';

package/dist/shared/CalendarButton.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-type CalendarButtonProps = {
-    children: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-    [key: string]: any;
-};
-export declare const CalendarButton: ({ children, className, style, ...props }: CalendarButtonProps) => JSX.Element;
-export {};
+import React from 'react';
+type CalendarButtonProps = {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    [key: string]: any;
+};
+export declare const CalendarButton: ({ children, className, style, ...props }: CalendarButtonProps) => React.JSX.Element;
+export {};

package/dist/shared/FieldSegment.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { DateSegment, DateFieldState } from '@react-stately/datepicker';
-import './FieldSegment.scss';
-type TimeSegmentProps = {
-    segment: DateSegment;
-    state: DateFieldState;
-};
-export declare const FieldSegment: ({ segment, state }: TimeSegmentProps) => JSX.Element;
-export {};
+import React from 'react';
+import { DateSegment, DateFieldState } from '@react-stately/datepicker';
+import './FieldSegment.scss';
+type TimeSegmentProps = {
+    segment: DateSegment;
+    state: DateFieldState;
+};
+export declare const FieldSegment: ({ segment, state }: TimeSegmentProps) => React.JSX.Element;
+export {};

package/dist/shared/index.d.ts

@@ -1 +1 @@
-export { timeOrDateValueToNativeDate, nativeDateToDateValue, nativeDateToTimeValue, } from './utils';
+export { timeOrDateValueToNativeDate, nativeDateToDateValue, nativeDateToTimeValue, } from './utils';

package/dist/shared/utils.d.ts

@@ -1,30 +1,30 @@
-import { ZonedDateTime, CalendarDateTime, Time, DateValue, CalendarDate } from '@internationalized/date';
-import { TimeValue } from '@react-types/datepicker';
-import { Calendar } from '@internationalized/date';
-/**
- * Tar inn et JS Date-objekt og returnerer et av DateValue-objektene fra @internationalized/date-pakken
- * @param {Date} date JS Date-objekt som ønskes konvertert til et DateValue-objekt
- * @param {boolean} noTimeOnlyDate Hvis tidspunktet er irrelevant kan denne settes til true, da får man et CalendarDate-objekt uten tidspunkt tilbake
- * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset
- * @param {number} offset UTC-offset i millisekunder, må brukes med en tidssone. Ved å legge på en offset lager du en variant av en tidssone. Det betyr at tidspunktet ikke endres (time, minutt, sekund uendret), men tidssonen, med tilhørende offset, tidspunktet er i endres.
- * @returns {CalendarDateTime | ZonedDateTime | CalendarDate} et av DateValue-objektene med verdier fra date
- */
-export declare const nativeDateToDateValue: (date: Date, noTimeOnlyDate?: boolean, timeZone?: string, offset?: number) => CalendarDateTime | ZonedDateTime | CalendarDate;
-/**
- * Tar inn et JS Date-objekt og returnerer et av TimeValue-objektene fra @internationalized/date-pakken
- * @param {Date} date JS Date-objekt som ønskes konvertert til et TimeValue-objekt
- * @param {boolean} noDateOnlyTime Hvis datoen er irrelevant kan denne settes til true, da får man et Time-objekt uten dato tilbake
- * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset
- * @param {number} offset UTC-offset i millisekunder, må brukes med en tidssone. Ved å legge på en offset lager du en variant av en tidssone. Det betyr at tidspunktet ikke endres (time, minutt, sekund uendret), men tidssonen, med tilhørende offset, tidspunktet er i endres.
- * @returns {Time | CalendarDateTime | ZonedDateTime} et av TimeValue-objektene med verdier fra date
- */
-export declare const nativeDateToTimeValue: (date: Date, noDateOnlyTime?: boolean, timeZone?: string, offset?: number) => Time | CalendarDateTime | ZonedDateTime;
-/**
- * Tar inn et av Date- eller TimeValue-objektene fra @internationalized/date-pakken og returnerer et JS Date-objekt
- * @param {DateValue | TimeValue} value En dato eller et tidspunkt på Date- eller TimeValue-formatet som ønskes konvertert til et JS Date-objekt
- * @param {string} timeZoneForCalendarDateTime Tidssonen value er i. Fungerer kun med typen er CalendarDateTime
- * @returns {Date} et Date-objekt med verdier fra time
- */
-export declare const timeOrDateValueToNativeDate: (value: TimeValue | DateValue, timeZoneForCalendarDateTime?: string) => Date;
-export declare const createCalendar: (identifier?: string) => Calendar;
-export declare const ariaLabelIfNorwegian: (norwegianAriaLabel: string, locale: string, propsCollection: any) => any;
+import { ZonedDateTime, CalendarDateTime, Time, DateValue, CalendarDate } from '@internationalized/date';
+import { TimeValue } from '@react-types/datepicker';
+import { Calendar } from '@internationalized/date';
+/**
+ * Tar inn et JS Date-objekt og returnerer et av DateValue-objektene fra @internationalized/date-pakken
+ * @param {Date} date JS Date-objekt som ønskes konvertert til et DateValue-objekt
+ * @param {boolean} noTimeOnlyDate Hvis tidspunktet er irrelevant kan denne settes til true, da får man et CalendarDate-objekt uten tidspunkt tilbake
+ * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset
+ * @param {number} offset UTC-offset i millisekunder, må brukes med en tidssone. Ved å legge på en offset lager du en variant av en tidssone. Det betyr at tidspunktet ikke endres (time, minutt, sekund uendret), men tidssonen, med tilhørende offset, tidspunktet er i endres.
+ * @returns {CalendarDateTime | ZonedDateTime | CalendarDate} et av DateValue-objektene med verdier fra date
+ */
+export declare const nativeDateToDateValue: (date: Date, noTimeOnlyDate?: boolean, timeZone?: string, offset?: number) => CalendarDateTime | ZonedDateTime | CalendarDate;
+/**
+ * Tar inn et JS Date-objekt og returnerer et av TimeValue-objektene fra @internationalized/date-pakken
+ * @param {Date} date JS Date-objekt som ønskes konvertert til et TimeValue-objekt
+ * @param {boolean} noDateOnlyTime Hvis datoen er irrelevant kan denne settes til true, da får man et Time-objekt uten dato tilbake
+ * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset
+ * @param {number} offset UTC-offset i millisekunder, må brukes med en tidssone. Ved å legge på en offset lager du en variant av en tidssone. Det betyr at tidspunktet ikke endres (time, minutt, sekund uendret), men tidssonen, med tilhørende offset, tidspunktet er i endres.
+ * @returns {Time | CalendarDateTime | ZonedDateTime} et av TimeValue-objektene med verdier fra date
+ */
+export declare const nativeDateToTimeValue: (date: Date, noDateOnlyTime?: boolean, timeZone?: string, offset?: number) => Time | CalendarDateTime | ZonedDateTime;
+/**
+ * Tar inn et av Date- eller TimeValue-objektene fra @internationalized/date-pakken og returnerer et JS Date-objekt
+ * @param {DateValue | TimeValue} value En dato eller et tidspunkt på Date- eller TimeValue-formatet som ønskes konvertert til et JS Date-objekt
+ * @param {string} timeZoneForCalendarDateTime Tidssonen value er i. Fungerer kun med typen er CalendarDateTime
+ * @returns {Date} et Date-objekt med verdier fra time
+ */
+export declare const timeOrDateValueToNativeDate: (value: TimeValue | DateValue, timeZoneForCalendarDateTime?: string) => Date;
+export declare const createCalendar: (identifier?: string) => Calendar;
+export declare const ariaLabelIfNorwegian: (norwegianAriaLabel: string, locale: string, propsCollection: any) => any;

package/dist/styles.css

@@ -1,8 +1,3 @@
-:root {
-  --eds-datepicker: 1;
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-datefield div:first-of-type.eds-date-and-time-field__segment {
   margin-left: 1rem;
 }
@@ -150,6 +145,33 @@
 }
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+[dir="ltr"] .eds-date-and-time-field__segment {
+  text-align: right;
+}
+[dir="rtl"] .eds-date-and-time-field__segment {
+  text-align: left;
+}
+.eds-date-and-time-field__segment {
+  margin-top: 1rem;
+  padding: 0 2px;
+  font-feature-settings: "tnum";
+  font-variant-numeric: tabular-nums;
+}
+.eds-date-and-time-field__segment--placeholder {
+  color: #646464;
+}
+.eds-date-and-time-field__segment--dot-separator {
+  margin-left: -0.1rem;
+  margin-right: -0.2rem;
+}
+.eds-date-and-time-field__segment:focus {
+  background-color: #656782;
+  color: #ffffff;
+  outline: none;
+  border-radius: 0.0625rem;
+}
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-datepicker {
   position: relative;
   width: -moz-fit-content;
@@ -190,6 +212,10 @@
   background-color: initial;
   overflow: scroll;
 }
+.eds-native-timepicker input[type=time]::-webkit-calendar-picker-indicator {
+  position: relative;
+  top: -0.5rem;
+}
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-timepicker__wrapper {
@@ -238,36 +264,6 @@
   position: absolute;
   top: 3.5rem;
 }
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-native-timepicker input[type=time]::-webkit-calendar-picker-indicator {
-  position: relative;
-  top: -0.5rem;
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-[dir="ltr"] .eds-date-and-time-field__segment {
-  text-align: right;
-}
-[dir="rtl"] .eds-date-and-time-field__segment {
-  text-align: left;
-}
-.eds-date-and-time-field__segment {
-  margin-top: 1rem;
-  padding: 0 2px;
-  font-feature-settings: "tnum";
-  font-variant-numeric: tabular-nums;
-}
-.eds-date-and-time-field__segment--placeholder {
-  color: #646464;
-}
-.eds-date-and-time-field__segment--dot-separator {
-  margin-left: -0.1rem;
-  margin-right: -0.2rem;
-}
-.eds-date-and-time-field__segment:focus {
-  background-color: #656782;
-  color: #ffffff;
-  outline: none;
-  border-radius: 0.0625rem;
+:root {
+  --eds-datepicker: 1;
 }