@entur/datepicker 4.0.0-beta.5 → 4.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"datepicker.cjs.production.min.js","sources":["../src/DatePicker/DatePickerHeader.tsx","../src/DatePicker/DatePickerInput.tsx","../src/DatePicker/DatePicker.tsx","../src/shared/FieldSegment.tsx","../src/shared/utils.ts","../src/DatePicker/beta/DateField.tsx","../src/shared/CalendarButton.tsx","../src/DatePicker/beta/CalendarCell.tsx","../src/DatePicker/beta/CalendarGrid.tsx","../src/DatePicker/beta/Calendar.tsx","../src/NativeDatePicker.tsx","../src/TimePicker/TimePickerArrowButton.tsx","../src/TimePicker/TimePicker.tsx","../src/TimePicker/NativeTimePicker.tsx","../src/index.tsx","../src/DatePicker/beta/DatePicker.tsx"],"sourcesContent":["import React from 'react';\nimport { ReactDatePickerCustomHeaderProps } from 'react-datepicker';\n\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { IconButton } from '@entur/button';\n\ntype DatePickerHeaderProps = {\n nextMonthAriaLabel: string;\n previousMonthAriaLabel: string;\n locale: globalThis.Locale;\n} & Partial<ReactDatePickerCustomHeaderProps>;\n\nexport const DatePickerHeader = ({\n date,\n decreaseMonth,\n increaseMonth,\n prevMonthButtonDisabled,\n nextMonthButtonDisabled,\n nextMonthAriaLabel,\n previousMonthAriaLabel,\n locale,\n}: DatePickerHeaderProps) => {\n const currentMonthIndex = date?.getMonth() ?? 0;\n return (\n <div className=\"eds-datepicker__calender__header\">\n <IconButton\n type=\"button\"\n className=\"eds-datepicker__calender__header__month-button--left\"\n onClick={decreaseMonth}\n disabled={prevMonthButtonDisabled}\n aria-label={`${previousMonthAriaLabel} (${getMonthName(\n currentMonthIndex - 1,\n locale,\n )})`}\n >\n <LeftArrowIcon />\n </IconButton>\n\n <Heading3 className=\"eds-datepicker__calender__header__month-text\">\n {getMonthName(currentMonthIndex, locale)}\n </Heading3>\n <Heading3 className=\"eds-datepicker__calender__header__month-text\">\n {date?.getFullYear()}\n </Heading3>\n\n <IconButton\n type=\"button\"\n className=\"eds-datepicker__calender__header__month-button--right\"\n onClick={increaseMonth}\n disabled={nextMonthButtonDisabled}\n aria-label={`${nextMonthAriaLabel} (${getMonthName(\n currentMonthIndex + 1,\n locale,\n )})`}\n >\n <RightArrowIcon />\n </IconButton>\n </div>\n );\n};\n\nfunction getMonthName(monthIndex: number, locale: globalThis.Locale) {\n const year = new Date().getFullYear();\n const formatter = new Intl.DateTimeFormat(locale.code, {\n month: 'long',\n });\n return formatter.format(new Date(year, monthIndex));\n}\n","import React from 'react';\n\nimport { TextField, VariantType } from '@entur/form';\nimport { Tooltip } from '@entur/tooltip';\nimport { IconButton } from '@entur/button';\nimport { CalendarIcon } from '@entur/icons';\nimport { mergeRefs } from '@entur/utils';\n\ntype DatePickerInputProps = {\n style?: React.CSSProperties;\n label: string;\n inputPlaceholder: string;\n prepend?: React.ReactNode;\n feedback?: string;\n variant?: VariantType;\n disabled?: boolean;\n disableLabelAnimation?: boolean;\n calendarButtonTooltipOpen: string;\n calendarButtonTooltipClose: string;\n hideCalendarButton?: boolean;\n inputRef: React.RefObject<HTMLInputElement>;\n calendarButtonId: string;\n forwardRef: React.ForwardedRef<HTMLInputElement>;\n toggleCalendarGUI: () => void;\n setFocusToCalendarGUI: () => void;\n setShouldFocusOnCalendarButtonAfterSelect: React.Dispatch<\n React.SetStateAction<boolean>\n >;\n onKeyDownInput: (event: KeyboardEvent) => any;\n onBlurInput: (event: FocusEvent) => any;\n calendarGUIIsOpen: () => boolean | undefined;\n onClick?: React.MouseEventHandler<HTMLInputElement>; // react-datepicker's onClick prop\n onFocus: undefined; // To prevent open on focus\n selectedDate: Date | null; // Necessary to update component on state change\n placeholder?: null; // override react-datepickers placeholder prop\n 'aria-labelledby'?: string;\n};\n\nexport const DatePickerInput = React.forwardRef<\n HTMLInputElement,\n DatePickerInputProps\n>(\n (\n {\n style,\n label,\n inputPlaceholder,\n prepend,\n feedback,\n variant,\n disabled,\n calendarButtonTooltipOpen,\n calendarButtonTooltipClose,\n hideCalendarButton,\n disableLabelAnimation,\n inputRef,\n calendarButtonId,\n forwardRef,\n toggleCalendarGUI,\n onKeyDownInput,\n onBlurInput,\n selectedDate,\n setFocusToCalendarGUI,\n setShouldFocusOnCalendarButtonAfterSelect,\n calendarGUIIsOpen,\n placeholder, // eslint-disable-line\n onClick,\n 'aria-labelledby': ariaLabelledBy, // eslint-disable-line @typescript-eslint/no-unused-vars\n ...rest // forwarded props from react-datepicker\n },\n ref,\n ) => {\n React.useEffect(() => {\n inputRef.current?.addEventListener('keydown', handleOnKeyDown);\n inputRef.current?.addEventListener('blur', handleOnBlur);\n inputRef.current?.addEventListener('focus', handleOnFocus);\n return () => {\n inputRef.current?.removeEventListener('keydown', handleOnKeyDown);\n inputRef.current?.removeEventListener('blur', handleOnBlur);\n inputRef.current?.removeEventListener('focus', handleOnFocus);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [inputRef, selectedDate]);\n\n function handleOnKeyDown(this: HTMLElement, event: KeyboardEvent) {\n onKeyDownInput(event);\n }\n function handleOnBlur(this: HTMLElement, event: FocusEvent) {\n onBlurInput(event);\n }\n const handleOnFocus = () =>\n requestAnimationFrame(() => inputRef.current?.select());\n\n const handleOnClickInputField = (\n event: React.MouseEvent<HTMLInputElement, MouseEvent>,\n ) => {\n setShouldFocusOnCalendarButtonAfterSelect(false);\n onClick && onClick(event);\n };\n\n const handleOnClickCalendarButton = () => {\n toggleCalendarGUI();\n setFocusToCalendarGUI();\n setShouldFocusOnCalendarButtonAfterSelect(true);\n };\n\n const calendarButtonAriaLabel = () => {\n const buttonStateText = calendarGUIIsOpen()\n ? calendarButtonTooltipClose\n : calendarButtonTooltipOpen;\n const currentSelectionText = selectedDate\n ? `${inputRef.current?.value} valgt`\n : 'Ingen dato valgt';\n return `${buttonStateText}, ${currentSelectionText}`;\n };\n\n return (\n <TextField\n style={style}\n label={label}\n placeholder={inputPlaceholder}\n prepend={prepend}\n feedback={feedback}\n variant={variant}\n disableLabelAnimation={disableLabelAnimation}\n ref={mergeRefs(ref, inputRef, forwardRef)}\n onClick={handleOnClickInputField}\n ariaAlertOnFeedback\n append={\n !hideCalendarButton && (\n <Tooltip\n placement=\"top\"\n content={\n calendarGUIIsOpen()\n ? calendarButtonTooltipClose\n : calendarButtonTooltipOpen\n }\n disableHoverListener={disabled}\n disableFocusListener={disabled}\n >\n <IconButton\n id={calendarButtonId}\n type=\"button\"\n onClick={handleOnClickCalendarButton}\n tabIndex={calendarGUIIsOpen() ? -1 : 0}\n aria-label={calendarButtonAriaLabel()}\n >\n <CalendarIcon />\n </IconButton>\n </Tooltip>\n )\n }\n {...rest}\n />\n );\n },\n);\n","import React, { useRef, useState } from 'react';\nimport ReactDatePicker, {\n default as ReactDatepicker,\n ReactDatePickerProps,\n registerLocale,\n} from 'react-datepicker';\nimport { parse, isSameDay, Locale } from 'date-fns';\nimport { nb } from 'date-fns/locale';\nimport classNames from 'classnames';\n\nimport { VariantType } from '@entur/form';\nimport { useRandomId } from '@entur/utils';\n\nimport { DatePickerHeader } from './DatePickerHeader';\nimport { DatePickerInput } from './DatePickerInput';\n\nimport './DatePicker.scss';\nimport 'react-datepicker/dist/react-datepicker.css';\n\nregisterLocale('nb', nb);\n\nexport type DatePickerProps = {\n /** Hva som er den valgte datoen */\n selectedDate: Date | null;\n /** Kalles når datoen/tiden endres */\n onChange: (\n date: Date | null,\n event: React.SyntheticEvent<any, Event> | undefined,\n ) => void;\n /**\n * Kalles når en tast trykkes i inputfeltet\n */\n onKeyDown?: (event: KeyboardEvent) => void;\n /**\n * Datoformater som skal støttes. Første i listen er formatet alt input omgjøres til.\n * Format-valg tilgjengelig her: https://date-fns.org/v2.28.0/docs/format\n * OBS: Noen kombinasjoner av datoformater kan gi rar og uønsket oppførsel,\n * test nøye ved endring\n * @default \"['dd.MM.yyyy', 'ddMMyyyy', 'dd/MM/yyyy', 'ddMMyy']\"\n */\n dateFormats?: string[];\n /**\n * Locale fra date-fns som brukes av Datepicker-en\n * @default nb\n */\n locale?: Locale;\n /** Placeholder om ingen dato er valgt\n * @default \"dd.mm.yyyy\"\n */\n placeholder?: string;\n /** Ekstra klassenavn */\n className?: string;\n /** Label over DatePicker */\n label: string;\n /**\n * Varselmelding, som vil komme under DatePicker\n */\n feedback?: string;\n /** Valideringsvariant\n */\n variant?: VariantType;\n /** Varselmelding for når datoen er på feil format\n * @default \"Ugyldig dato\"\n */\n validationFeedback?: string;\n /** Valideringsvariant for melding om feil datoformat\n * @default \"error\"\n */\n validationVariant?: VariantType;\n style?: React.CSSProperties;\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n /** Tekst eller ikon som kommer før inputfelter\n * @default <DateIcon />\n */\n prepend?: React.ReactNode;\n /**\n * Tekst som vises når kalender ikke er åpen på «Åpne/Lukk kalender»-knappen ved hover\n */\n calendarButtonTooltipOpen?: string;\n /**\n * Tekst som vises når kalender er åpen på «Åpne/Lukk kalender»-knappen ved hover\n */\n calendarButtonTooltipClose?: string;\n /** Skjuler knapp for åpning av kalender\n * @default false\n */\n hideCalendarButton?: boolean;\n /** Skjuler tilbakemeldingsteksten ved feil dato-input\n * @default false\n */\n hideValidation?: boolean;\n /** Skjuler kalender-GUI-et\n * @default false\n */\n hideCalendar?: boolean;\n /** Viser kun kalender-popover-en\n * @default false\n */\n inline?: boolean;\n /** Skjermlesertekst for forrige måned-knapen\n * @default \"Forrige måned\"\n */\n previousMonthAriaLabel?: string;\n /** Skjermlesertekst for neste måned-knapen\n * @default \"Neste måned\"\n */\n nextMonthAriaLabel?: string;\n /**\n * Skjermlesertekst som leses før dato i kalenderGUI-et\n * @default \"Velg\"\n */\n chooseDayAriaLabelPrefix?: string;\n // For testing\n 'data-cy'?: any;\n} & Omit<\n ReactDatePickerProps,\n | 'selected'\n | 'customInput'\n | 'onChangeRaw'\n | 'dateFormat'\n | 'locale'\n | 'previousMonthAriaLabel'\n | 'nextMonthAriaLabel'\n>;\n\nexport const DatePicker = React.forwardRef<HTMLInputElement, DatePickerProps>(\n (\n {\n style,\n className,\n selectedDate,\n label,\n placeholder = 'dd.mm.yyyy',\n onChange,\n onKeyDown = () => null,\n dateFormats = ['dd.MM.yyyy', 'ddMMyyyy', 'dd/MM/yyyy', 'ddMMyy'],\n minDate,\n maxDate,\n inline = false,\n disabled,\n prepend,\n feedback = '',\n variant,\n validationFeedback = 'Ugyldig dato',\n validationVariant = 'error',\n disableLabelAnimation = false,\n calendarButtonTooltipOpen = 'Åpne\\xa0kalender',\n calendarButtonTooltipClose = 'Lukk\\xa0kalender',\n hideCalendarButton = false,\n hideCalendar = false,\n hideValidation = false,\n weekLabel = 'uke',\n chooseDayAriaLabelPrefix = 'Velg',\n previousMonthAriaLabel = 'Forrige måned',\n nextMonthAriaLabel = 'Neste måned',\n locale = nb,\n open,\n ...rest\n },\n ref,\n ) => {\n const datepickerId = useRandomId('eds-datepicker');\n\n const datepickerRef = useRef<ReactDatePicker>(null);\n const inputRef = React.useRef<HTMLInputElement>(null);\n const calendarButton = document.getElementById(datepickerId + '-button');\n\n const [showValidation, setShowValidation] = useState(false);\n const [\n shouldFocusOnCalendarButtonAfterSelect,\n setShouldFocusOnCalendarButtonAfterSelect,\n ] = useState(false);\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n React.useEffect(() => validateInput(), [selectedDate]);\n\n const handleOnChange = (\n date: Date | null,\n event: React.SyntheticEvent<any, Event> | undefined,\n ): void => {\n if (shouldFocusOnCalendarButtonAfterSelect && !hideCalendarButton) {\n calendarButton?.focus();\n setShouldFocusOnCalendarButtonAfterSelect(false);\n } else inputRef.current?.focus();\n\n onChange(date, event);\n };\n\n const handleOnKeyDown = (event: KeyboardEvent) => {\n setShowValidation(false);\n\n if (event.key === 'Enter') {\n if (!datePickerGUIIsOpen()) {\n // onBlurInput will validate if calendar is open\n validateInput();\n forceUpdateInputFormat();\n }\n focusAndSelectInputField();\n } else if (event.key === 'Tab' && datePickerGUIIsOpen()) {\n forceUpdateInputFormat();\n } else if (event.key === 'Escape') {\n forceUpdateInputFormat();\n focusAndSelectInputField();\n if (datePickerGUIIsOpen()) toggleCalendarGUI();\n }\n onKeyDown(event);\n };\n\n const handleOnClickOutside = () =>\n setShouldFocusOnCalendarButtonAfterSelect(false);\n\n const handleOnBlurInput = () => {\n if (datePickerGUIIsOpen()) return;\n validateInput();\n forceUpdateInputFormat();\n };\n\n const validateInput = () => {\n setShowValidation(false);\n const inputValue = inputRef.current?.value;\n if (!inputValue) return;\n\n const inputValueParsedWithAllDateFormats = dateFormats.map(format =>\n parse(inputValue, format, new Date(), {\n locale: locale,\n }),\n );\n\n const parsedDateFromInputIsTheSameAsSelectedDate =\n selectedDate &&\n inputValueParsedWithAllDateFormats.some(dateFormat =>\n isSameDay(dateFormat, selectedDate),\n );\n\n if (parsedDateFromInputIsTheSameAsSelectedDate) {\n // valid date inputted\n setShowValidation(false);\n } else {\n // invalid date inputted\n setShowValidation(true);\n }\n };\n\n const getFeedbackAndVariant = (): {\n feedback: string;\n variant: VariantType | undefined;\n } => {\n if (feedback) return { feedback, variant };\n if (!hideValidation && showValidation)\n return { feedback: validationFeedback, variant: validationVariant };\n return { feedback: '', variant: undefined };\n };\n\n const focusAndSelectInputField = () =>\n requestAnimationFrame(() => inputRef.current?.select());\n\n const forceUpdateInputFormat = () =>\n datepickerRef.current?.setState({ inputValue: null });\n\n const toggleCalendarGUI = () =>\n datepickerRef.current?.setOpen(!datePickerGUIIsOpen());\n\n const setFocusToCalendarGUI = () => {\n if (inline || hideCalendar || datePickerGUIIsOpen()) return;\n // 1 frame delay to allow calendar to spawn\n requestAnimationFrame(() => {\n const datepickerGUIWrapper =\n // @ts-expect-error .calendar does actually exist in ReactDatePicker ref\n datepickerRef.current?.calendar.componentNode;\n\n const dateToSetFocusTo = selectedDate\n ? (datepickerGUIWrapper.querySelector(\n '.eds-datepicker__calender__day[tabindex=\"0\"]',\n ) as HTMLElement | null)\n : (datepickerGUIWrapper.querySelector(\n '.eds-datepicker__calender__day[aria-current=\"date\"]',\n ) as HTMLElement | null);\n if (dateToSetFocusTo !== null) {\n datepickerRef.current?.setBlur();\n dateToSetFocusTo.focus({ preventScroll: true });\n }\n });\n setShouldFocusOnCalendarButtonAfterSelect(true);\n setShowValidation(false);\n };\n\n const datePickerGUIIsOpen = () => datepickerRef.current?.isCalendarOpen();\n\n return (\n <>\n <ReactDatepicker\n selected={selectedDate}\n minDate={minDate}\n maxDate={maxDate}\n dateFormat={dateFormats}\n showWeekNumbers\n weekLabel={weekLabel}\n onChange={handleOnChange}\n onClickOutside={handleOnClickOutside}\n id={datepickerId}\n ariaLabelledBy={datepickerId}\n showPopperArrow={false}\n locale={locale}\n inline={inline}\n disabled={disabled}\n preventOpenOnFocus={true}\n chooseDayAriaLabelPrefix={chooseDayAriaLabelPrefix}\n open={hideCalendar ? false : open}\n ref={datepickerRef}\n calendarClassName=\"eds-datepicker__calender\"\n dayClassName={() => 'eds-datepicker__calender__day'}\n weekDayClassName={() => 'eds-datepicker__calender__day-name'}\n className={classNames(className, 'eds-datepicker__input')}\n highlightDates={[\n { 'eds-datepicker__calender__day--today': [new Date()] },\n {\n 'eds-datepicker__calender__day--selected': selectedDate\n ? [selectedDate]\n : [],\n },\n ]}\n renderCustomHeader={({\n date,\n changeYear,\n changeMonth,\n decreaseMonth,\n increaseMonth,\n prevMonthButtonDisabled,\n nextMonthButtonDisabled,\n }) => (\n <DatePickerHeader\n date={date}\n changeYear={changeYear}\n changeMonth={changeMonth}\n increaseMonth={increaseMonth}\n decreaseMonth={decreaseMonth}\n prevMonthButtonDisabled={prevMonthButtonDisabled}\n nextMonthButtonDisabled={nextMonthButtonDisabled}\n previousMonthAriaLabel={previousMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n locale={locale}\n />\n )}\n customInput={\n <DatePickerInput\n style={style}\n label={label}\n inputPlaceholder={placeholder}\n calendarButtonTooltipOpen={calendarButtonTooltipOpen}\n calendarButtonTooltipClose={calendarButtonTooltipClose}\n prepend={prepend}\n feedback={getFeedbackAndVariant().feedback}\n variant={getFeedbackAndVariant().variant}\n inputRef={inputRef}\n calendarButtonId={datepickerId + '-button'}\n forwardRef={ref}\n onKeyDownInput={handleOnKeyDown}\n onBlurInput={handleOnBlurInput}\n onFocus={undefined}\n toggleCalendarGUI={toggleCalendarGUI}\n setFocusToCalendarGUI={setFocusToCalendarGUI}\n setShouldFocusOnCalendarButtonAfterSelect={\n setShouldFocusOnCalendarButtonAfterSelect\n }\n calendarGUIIsOpen={datePickerGUIIsOpen}\n disableLabelAnimation={disableLabelAnimation}\n hideCalendarButton={hideCalendarButton}\n selectedDate={selectedDate}\n />\n }\n {...rest}\n />\n </>\n );\n },\n);\n","import React, { 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\n/**\n * Tar inn et JS Date-objekt og returnerer et av Date- eller TimeValue-objektene fra @internationalized/date-pakken\n * @param {Date} date JS Date-objekt som ønskes konvertert til et Date- eller 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 {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 {Time | CalendarDateTime | ZonedDateTime | CalendarDate} et av Time- eller DateValue-objektene med verdier fra date\n */\nexport const nativeDateToTimeOrDateValue = (\n date: Date,\n noDateOnlyTime = false,\n noTimeOnlyDate = false,\n timeZone?: string,\n offset?: number,\n) => {\n if (timeZone) {\n if (offset) {\n return new ZonedDateTime(\n date.getFullYear(),\n date.getMonth() + 1,\n date.getDate(),\n timeZone,\n offset,\n date.getHours(),\n date.getMinutes(),\n date.getSeconds(),\n );\n }\n return parseAbsolute(date.toISOString(), timeZone);\n }\n if (noDateOnlyTime)\n return new Time(date.getHours(), date.getMinutes(), date.getSeconds(), 0);\n if (noTimeOnlyDate)\n return new CalendarDate(\n date.getFullYear(),\n date.getMonth() + 1,\n date.getDate(),\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 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';\nimport type { CalendarDate } from '@internationalized/date';\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 minValue?: CalendarDate;\n /** Seneste gyldige datovalg. (se minValue) */\n maxValue?: CalendarDate;\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 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: createCalendar,\n value: value === null ? undefined : value,\n hideTimeZone: !showTimeZone,\n granularity: showTime ? 'minute' : granularity,\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};\n\nexport const CalendarCell = ({ state, date, ...rest }: 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 >\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};\n\nexport const CalendarGrid = ({\n state,\n navigationDescription,\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() === 'no-no' || locale.toLowerCase() === 'no')\n return ['ma', 'ti', 'on', 'to', 'fr', 'lø', 'sø'];\n if (weekDays.toString() === 'M,T,W,T,F,S,S')\n return ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];\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 />\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;\n onChange: (SelectedDate: DateValue) => void;\n navigationDescription?: string;\n style?: React.CSSProperties;\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 ...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 />\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, { 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 TimePickerProps as ReactAriaTimePickerProps,\n TimeValue,\n} from '@react-types/datepicker';\n\nimport { BaseFormControl, VariantType } from '@entur/form';\nimport { useRandomId, mergeRefs } from '@entur/utils';\n\nimport { FieldSegment } from '../shared/FieldSegment';\nimport { TimePickerArrowButton } from './TimePickerArrowButton';\n\nimport './TimePicker.scss';\n\nexport type TimePickerProps = {\n /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */\n selectedTime: TimeValue | null;\n /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */\n onChange: (value: TimeValue) => void;\n /** Label til TimePicker */\n label: string;\n /** Minutter som legges til eller trekkes fra ved klikk på pilene i TimePicker\n * @default 30\n */\n minuteIncrementForArrowButtons?: number;\n /** BCP47-språkkoden til locale-en du ønsker å bruke.\n * @default Brukerenhetens selvvalgte locale\n */\n locale?: string;\n /** Viser den gjeldende tidssonen hvis en er valgt\n * @default false\n */\n showTimeZone?: boolean;\n /** 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 /** Ekstra klassenavn */\n className?: string;\n style?: React.CSSProperties;\n} & Omit<\n ReactAriaTimePickerProps<TimeValue>,\n 'onChange' | 'label' | 'hideTimeZone' | 'placeholder'\n>;\n\nexport const TimePicker = React.forwardRef<HTMLDivElement, TimePickerProps>(\n (\n {\n selectedTime,\n onChange,\n disabled,\n className,\n style,\n label,\n labelTooltip,\n feedback,\n variant,\n locale: customLocale,\n showTimeZone,\n minuteIncrementForArrowButtons = 30,\n leftArrowButtonAriaLabel = `Trekk fra ${minuteIncrementForArrowButtons} minutter`,\n rightArrowButtonAriaLabel = `Legg til ${minuteIncrementForArrowButtons} minutter`,\n ...rest\n },\n ref,\n ) => {\n let { locale } = useLocale();\n if (customLocale) locale = customLocale;\n\n const state = useTimeFieldState({\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(\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 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, ref)}\n disabled={disabled}\n disableLabelAnimation\n labelTooltip={labelTooltip}\n {...fieldProps}\n variant={variant}\n feedback={feedback}\n >\n {state.segments.map((segment, i) => (\n <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);\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 './NativeDatePicker';\nexport * from './TimePicker';\nexport * from './shared';\n","import React, { ReactNode, useEffect, useRef } from 'react';\n\nimport { useDatePickerState } from '@react-stately/datepicker';\nimport { useDatePicker } from '@react-aria/datepicker';\nimport { I18nProvider } from '@react-aria/i18n';\nimport { useFloating, offset, flip, shift } from '@floating-ui/react-dom';\nimport FocusLock from 'react-focus-lock';\nimport classNames from 'classnames';\n\nimport type { CalendarDate } from '@internationalized/date';\nimport type {\n DateValue,\n SpectrumDatePickerProps,\n} from '@react-types/datepicker';\n\nimport {\n ConditionalWrapper,\n useOnClickOutside,\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 DatePickerBetaProps = {\n /** Den valgte datoen. Dato i '@internationalized/date'-pakkens format */\n selectedDate: DateValue;\n /** Kalles når tiden endres. Dato i '@internationalized/date'-pakkens format */\n onChange: (date: DateValue) => 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?: CalendarDate;\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?: CalendarDate;\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 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 SpectrumDatePickerProps<DateValue>,\n | 'value'\n | 'onChange'\n | 'label'\n | 'hideTimeZone'\n | 'placeholder'\n | 'minValue'\n | 'maxValue'\n>;\n\nexport const DatePickerBeta = ({\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 ...rest\n}: DatePickerBetaProps) => {\n const CALENDAR_MODAL_MAX_SCREEN_WIDTH = 1000;\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,\n onChange,\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 useEffect(() => {\n const keyDownHandler = (event: KeyboardEvent) => {\n if (event.key === 'Escape') state.setOpen(false);\n };\n calendarRef.current?.addEventListener('keydown', keyDownHandler);\n return () =>\n calendarRef.current?.removeEventListener('keydown', keyDownHandler);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n // calculations for floating-UI popover position\n const { x, y, reference, floating, strategy } = useFloating({\n placement: 'bottom-start',\n middleware: [\n offset(space.extraSmall),\n flip(),\n shift({ padding: space.extraSmall }),\n ],\n });\n\n useOnClickOutside([calendarRef], () => {\n state.setOpen(false);\n });\n\n const handleCalendarButtonOnClick = (calendarIsOpen: boolean) => {\n if (!calendarIsOpen) {\n state.setOpen(true);\n setFocusToRelevantDate();\n } else {\n state.setOpen(false);\n }\n };\n\n const setFocusToRelevantDate = () => {\n const gridCellPrefix = 'eds-datepicker__calendar__grid__cell';\n\n const selectedCell = calendarRef.current?.getElementsByClassName(\n gridCellPrefix + '--selected',\n )[0] as HTMLElement | undefined;\n const todayCell = calendarRef.current?.getElementsByClassName(\n gridCellPrefix + '--today',\n )[0] as HTMLElement | undefined;\n\n if (selectedCell) selectedCell.focus();\n else if (todayCell) todayCell.focus();\n };\n\n const popoverCalendar = (\n <>\n {state.isOpen && (\n <FocusLock disabled={!state.isOpen} returnFocus>\n <Calendar\n {...dialogProps}\n {...calendarProps}\n onChange={(dateValue: DateValue) => {\n onChange(dateValue);\n state.setOpen(false);\n }}\n disabled={calendarProps.isDisabled}\n ref={node => {\n calendarRef.current = node;\n floating(node);\n }}\n navigationDescription={navigationDescription}\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 />\n </FocusLock>\n )}\n </>\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\n {...dialogProps}\n {...calendarProps}\n onChange={(dateValue: DateValue) => {\n onChange(dateValue);\n state.setOpen(false);\n }}\n disabled={calendarProps.isDisabled}\n ref={calendarRef}\n navigationDescription={navigationDescription}\n />\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 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={() => handleCalendarButtonOnClick(state.isOpen)}\n className=\"eds-datepicker__open-calendar-button\"\n >\n <CalendarIcon />\n </CalendarButton>\n )}\n {width > CALENDAR_MODAL_MAX_SCREEN_WIDTH || disableModal\n ? popoverCalendar\n : modalCalendar}\n </div>\n </div>\n </ConditionalWrapper>\n );\n};\n"],"names":["DatePickerHeader","date","decreaseMonth","increaseMonth","prevMonthButtonDisabled","nextMonthButtonDisabled","nextMonthAriaLabel","previousMonthAriaLabel","locale","currentMonthIndex","getMonth","React","className","IconButton","type","onClick","disabled","getMonthName","LeftArrowIcon","Heading3","getFullYear","RightArrowIcon","monthIndex","year","Date","Intl","DateTimeFormat","code","month","format","DatePickerInput","forwardRef","ref","style","label","inputPlaceholder","prepend","feedback","variant","calendarButtonTooltipOpen","calendarButtonTooltipClose","hideCalendarButton","disableLabelAnimation","inputRef","calendarButtonId","toggleCalendarGUI","onKeyDownInput","onBlurInput","selectedDate","setFocusToCalendarGUI","setShouldFocusOnCalendarButtonAfterSelect","calendarGUIIsOpen","rest","handleOnKeyDown","event","handleOnBlur","useEffect","current","addEventListener","handleOnFocus","removeEventListener","requestAnimationFrame","_inputRef$current7","select","TextField","placeholder","mergeRefs","ariaAlertOnFeedback","append","Tooltip","placement","content","disableHoverListener","disableFocusListener","id","tabIndex","_inputRef$current8","value","CalendarIcon","registerLocale","nb","DatePicker","onChange","onKeyDown","dateFormats","minDate","maxDate","inline","validationFeedback","validationVariant","hideCalendar","hideValidation","weekLabel","chooseDayAriaLabelPrefix","open","datepickerId","useRandomId","datepickerRef","useRef","calendarButton","document","getElementById","useState","showValidation","setShowValidation","shouldFocusOnCalendarButtonAfterSelect","validateInput","inputValue","_inputRef$current2","inputValueParsedWithAllDateFormats","map","parse","parsedDateFromInputIsTheSameAsSelectedDate","some","dateFormat","isSameDay","getFeedbackAndVariant","undefined","focusAndSelectInputField","_inputRef$current3","forceUpdateInputFormat","_datepickerRef$curren","setState","_datepickerRef$curren2","setOpen","datePickerGUIIsOpen","_datepickerRef$curren5","isCalendarOpen","ReactDatepicker","selected","showWeekNumbers","focus","onClickOutside","ariaLabelledBy","showPopperArrow","preventOpenOnFocus","calendarClassName","dayClassName","weekDayClassName","classNames","highlightDates","renderCustomHeader","changeYear","changeMonth","customInput","key","onFocus","dateToSetFocusTo","_datepickerRef$curren3","calendar","componentNode","querySelector","setBlur","preventScroll","FieldSegment","segment","state","segmentProps","useDateSegment","is12HourFormatted","segments","text","isPlaceholder","isDisabled","match","padStart","createCalendar","identifier","GregorianCalendar","Error","ariaLabelIfNorwegian","norwegianAriaLabel","propsCollection","toLowerCase","DateField","customLocale","showTimeZone","showTime","granularity","labelTooltip","parentLabelProps","labelProps","useLocale","useDateFieldState","hideTimeZone","dateFieldRef","useDateField","fieldProps","ConditionalWrapper","condition","wrapper","child","I18nProvider","BaseFormControl","labelId","validationState","i","CalendarButton","children","props","useButton","buttonProps","CalendarCell","cellRef","useCalendarCell","isSelected","isOutsideVisibleRange","isUnavailable","formattedDate","cellProps","hidden","isEqualDay","now","timeZone","getLocalTimeZone","CalendarGrid","navigationDescription","calendarGridId","useCalendarGrid","gridProps","headerProps","weekDays","weeksInMonth","getWeeksInMonth","visibleRange","start","weeksArray","Array","from","keys","cellSpacing","toString","day","index","weekIndex","getDatesInWeek","VisuallyHidden","includes","Calendar","useCalendarState","useCalendar","prevButtonProps","nextButtonProps","title","calendarProps","size","NativeDatePicker","DateIcon","nativedatepickerId","isFilled","NativeDatePickerBase","contextVariant","useVariant","currentVariant","useInputGroupContext","isDatepickerFilled","setFiller","setFilled","useOnMount","target","TimePickerArrowButton","direction","ariaLabel","TimePicker","selectedTime","minuteIncrementForArrowButtons","leftArrowButtonAriaLabel","rightArrowButtonAriaLabel","useTimeFieldState","timeFieldRef","useTimeField","handleOnClickArrowButton","minutes","someSegmentIsUndefined","setTimeToNearestMinuteIncrement","addMinutesToSelectedTime","currentTime","roundedMinute","Math","floor","minute","newTime","set","setValue","_state$value","add","NativeTimePicker","nativetimepickerId","NativeTimePickerBase","isTimepickerFilled","warnAboutMissingStyles","disableModal","minValue","maxValue","datePickerRef","calendarRef","width","useWindowDimensions","useDatePickerState","useDatePicker","groupProps","dialogProps","keyDownHandler","_calendarRef$current2","useFloating","middleware","offset","space","extraSmall","flip","shift","padding","x","y","reference","floating","strategy","useOnClickOutside","popoverCalendar","isOpen","FocusLock","returnFocus","dateValue","node","position","top","left","zIndex","zIndexes","popover","modalCalendar","Modal","onDismiss","closeOnClickOutside","onPress","gridCellPrefix","selectedCell","todayCell","_calendarRef$current3","getElementsByClassName","_calendarRef$current4","noDateOnlyTime","noTimeOnlyDate","ZonedDateTime","getDate","getHours","getMinutes","getSeconds","parseAbsolute","toISOString","Time","CalendarDate","CalendarDateTime","timeZoneForCalendarDateTime","setHours","hour","setMinutes","setSeconds","second","toDate"],"mappings":"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"}
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/TimePicker.tsx","../src/TimePicker/NativeTimePicker.tsx","../src/index.tsx","../src/DatePicker/DatePicker.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\n/**\n * Tar inn et JS Date-objekt og returnerer et av Date- eller TimeValue-objektene fra @internationalized/date-pakken\n * @param {Date} date JS Date-objekt som ønskes konvertert til et Date- eller 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 {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 {Time | CalendarDateTime | ZonedDateTime | CalendarDate} et av Time- eller DateValue-objektene med verdier fra date\n */\nexport const nativeDateToTimeOrDateValue = (\n date: Date,\n noDateOnlyTime = false,\n noTimeOnlyDate = false,\n timeZone?: string,\n offset?: number,\n) => {\n if (timeZone) {\n if (offset) {\n return new ZonedDateTime(\n date.getFullYear(),\n date.getMonth() + 1,\n date.getDate(),\n timeZone,\n offset,\n date.getHours(),\n date.getMinutes(),\n date.getSeconds(),\n );\n }\n return parseAbsolute(date.toISOString(), timeZone);\n }\n if (noDateOnlyTime)\n return new Time(date.getHours(), date.getMinutes(), date.getSeconds(), 0);\n if (noTimeOnlyDate)\n return new CalendarDate(\n date.getFullYear(),\n date.getMonth() + 1,\n date.getDate(),\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 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;\n onChange: (SelectedDate: DateValue) => 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, { 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 { TimeValue, AriaTimeFieldProps } 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 = {\n /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */\n selectedTime: TimeValue | null;\n /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */\n onChange: (value: TimeValue) => void;\n /** Label til TimePicker */\n label: string;\n /** Minutter som legges til eller trekkes fra ved klikk på pilene i TimePicker\n * @default 30\n */\n minuteIncrementForArrowButtons?: number;\n /** BCP47-språkkoden til locale-en du ønsker å bruke.\n * @default Brukerenhetens selvvalgte locale\n */\n locale?: string;\n /** Viser den gjeldende tidssonen hvis en er valgt\n * @default false\n */\n showTimeZone?: boolean;\n /** 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 /** Ekstra klassenavn */\n className?: string;\n style?: React.CSSProperties;\n} & Omit<\n AriaTimeFieldProps<TimeValue>,\n 'onChange' | 'label' | 'hideTimeZone' | 'placeholder'\n>;\n\nexport const TimePicker = React.forwardRef<HTMLDivElement, TimePickerProps>(\n (\n {\n selectedTime,\n onChange,\n disabled,\n className,\n style,\n label,\n labelTooltip,\n feedback,\n variant,\n locale: customLocale,\n showTimeZone,\n minuteIncrementForArrowButtons = 30,\n leftArrowButtonAriaLabel = `Trekk fra ${minuteIncrementForArrowButtons} minutter`,\n rightArrowButtonAriaLabel = `Legg til ${minuteIncrementForArrowButtons} minutter`,\n ...rest\n },\n ref,\n ) => {\n let { locale } = useLocale();\n if (customLocale) locale = customLocale;\n\n const state = useTimeFieldState({\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(\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 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, ref)}\n disabled={disabled}\n disableLabelAnimation\n labelTooltip={labelTooltip}\n {...fieldProps}\n variant={variant}\n feedback={feedback}\n >\n {state.segments.map((segment, i) => (\n <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);\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","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 { DateValue, AriaDatePickerProps } 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 = {\n /** Den valgte datoen. Dato i '@internationalized/date'-pakkens format */\n selectedDate: DateValue;\n /** Kalles når tiden endres. Dato i '@internationalized/date'-pakkens format */\n onChange: (date: DateValue) => 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<DateValue>,\n | 'value'\n | 'onChange'\n | 'label'\n | 'hideTimeZone'\n | 'placeholder'\n | 'minValue'\n | 'maxValue'\n>;\n\nexport const DatePicker = ({\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) => {\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,\n onChange,\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 };\n\n const useModal = width <= CALENDAR_MODAL_MAX_SCREEN_WIDTH && !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"],"names":["FieldSegment","segment","state","ref","useRef","segmentProps","useDateSegment","is12HourFormatted","segments","some","text","React","className","classNames","isPlaceholder","tabIndex","isDisabled","match","padStart","createCalendar","identifier","GregorianCalendar","Error","ariaLabelIfNorwegian","norwegianAriaLabel","locale","propsCollection","toLowerCase","DateField","forwardRef","value","selectedDate","label","customLocale","showTimeZone","showTime","granularity","disabled","variant","feedback","validationVariant","validationFeedback","labelTooltip","minValue","minDate","maxValue","maxDate","style","parentLabelProps","labelProps","append","rest","useLocale","useDateFieldState","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","IconButton","buttonProps","CalendarCell","date","onSelectedCellClick","cellRef","useCalendarCell","isSelected","isOutsideVisibleRange","isUnavailable","formattedDate","cellProps","hidden","isEqualDay","now","timeZone","getLocalTimeZone","onClick","e","onKeyDown","CalendarGrid","navigationDescription","calendarGridId","useCalendarGrid","gridProps","headerProps","weekDays","weeksInMonth","getWeeksInMonth","visibleRange","start","weeksArray","Array","from","keys","cellSpacing","includes","day","weekDaysMapped","index","weekIndex","getDatesInWeek","VisuallyHidden","Calendar","onChange","useCalendarState","useCalendar","prevButtonProps","nextButtonProps","title","calendarProps","LeftArrowIcon","size","RightArrowIcon","NativeDatePicker","prepend","DateIcon","inline","nativedatepickerId","isFilled","NativeDatePickerBase","contextVariant","useVariant","currentVariant","useInputGroupContext","isDatepickerFilled","setFiller","setFilled","useOnMount","useEffect","type","event","target","TimePickerArrowButton","direction","ariaLabel","TimePicker","selectedTime","minuteIncrementForArrowButtons","leftArrowButtonAriaLabel","rightArrowButtonAriaLabel","useTimeFieldState","timeFieldRef","useTimeField","handleOnClickArrowButton","minutes","someSegmentIsUndefined","setTimeToNearestMinuteIncrement","addMinutesToSelectedTime","currentTime","roundedMinute","Math","floor","minute","newTime","set","setValue","_state$value","add","NativeTimePicker","nativetimepickerId","NativeTimePickerBase","isTimepickerFilled","warnAboutMissingStyles","disableModal","modalTreshold","CALENDAR_MODAL_MAX_SCREEN_WIDTH","datePickerRef","calendarRef","width","useWindowDimensions","useDatePickerState","useDatePicker","groupProps","dialogProps","useFloating","whileElementsMounted","autoUpdate","placement","middleware","offset","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","noDateOnlyTime","noTimeOnlyDate","ZonedDateTime","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","parseAbsolute","toISOString","Time","CalendarDate","CalendarDateTime","timeZoneForCalendarDateTime","Date","setHours","hour","setMinutes","setSeconds","second","toDate","year","month"],"mappings":"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"}