@entur/datepicker 0.11.2 → 0.11.5

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.tsx","../src/NativeDatePicker.tsx","../src/TimePicker.tsx","../src/NativeTimePicker.tsx","../src/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n default as ReactDatepicker,\n ReactDatePickerProps,\n registerLocale,\n} from 'react-datepicker';\nimport classNames from 'classnames';\nimport {\n BaseFormControl,\n useInputGroupContext,\n VariantType,\n} from '@entur/form';\nimport { CalendarIcon } from '@entur/icons';\nimport { parse, isValid } from 'date-fns';\nimport { nb } from 'date-fns/locale';\nimport './DatePicker.scss';\nimport { Tooltip } from '@entur/tooltip';\nimport { useOnMount, useRandomId } from '@entur/utils';\nimport * as Popper from '@popperjs/core';\n\nregisterLocale('nb', nb);\n\nexport type DatePickerProps = {\n /** Hva som er den valgte datoen */\n selectedDate?: Date;\n /** Kalles når datoen/tiden endres */\n onChange: (\n date: Date | null,\n event: React.SyntheticEvent<any, Event>,\n ) => void;\n /** Placeholder om ingen dato er valgt\n * @default \"dd.mm.yyyy\"\n */\n placeholder?: string;\n /** Ekstra klassenavn */\n className?: string;\n /** Label over DatePicker */\n label: string;\n /** Varselmelding, som vil komme under DatePicker\n * @default \"Ugyldig dato\"\n */\n feedback?: string;\n /** Valideringsvariant\n * @default \"error\"\n */\n variant?: VariantType;\n style?: React.CSSProperties;\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n /** Tekst eller ikon som kommer før inputfelter\n * @default <DateIcon />\n */\n prepend?: React.ReactNode;\n /** Skjuler knapp for åpning av kalender\n * @default false\n */\n hideCalendarButton?: boolean;\n /** Skjuler tilbakemeldingsteksten ved feil dato-input\n * @default false\n */\n hideFeedback?: boolean;\n /** Skjuler kalender-GUI-et\n * @default false\n */\n hideCalendar?: boolean;\n // For testing\n 'data-cy'?: any;\n} & Omit<ReactDatePickerProps, 'selected' | 'customInput'>;\nconst POPPER_MODIFIERS: Popper.StrictModifiers[] = [\n {\n name: 'offset',\n enabled: true,\n options: {\n offset: [0, 0],\n },\n },\n];\n\nexport const DatePicker = React.forwardRef<HTMLInputElement, DatePickerProps>(\n (\n {\n selectedDate = null,\n onChange,\n placeholder = 'dd.mm.yyyy',\n className,\n style,\n readOnly,\n disableLabelAnimation = false,\n locale = 'nb',\n prepend,\n disabled,\n variant = 'error',\n feedback = 'Ugyldig dato',\n label,\n hideCalendarButton = false,\n hideCalendar = false,\n hideFeedback = false,\n id,\n ...rest\n },\n ref,\n ) => {\n const [showFeedback, setShowFeedback] = useState(false);\n const [currentValue, setCurrentValue] = useState('');\n const [lastValidValue, setLastValidValue] = useState('');\n\n const datepickerId = useRandomId('eds-datepicker');\n const { isFilled: isDatepickerFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n if (selectedDate) {\n setFiller && !isDatepickerFilled && setFiller(true);\n handleChange(selectedDate, undefined);\n }\n });\n\n React.useEffect(() => {\n if (selectedDate) {\n setFiller && !isDatepickerFilled && setFiller(true);\n } else {\n setFiller && isDatepickerFilled && setFiller(false);\n }\n }, [selectedDate, setFiller, isDatepickerFilled]);\n\n const handleChange = (\n date: any,\n event: React.SyntheticEvent<any> | undefined,\n ) => {\n if (date) {\n setFiller && !isDatepickerFilled && setFiller(true);\n } else {\n setFiller && isDatepickerFilled && setFiller(false);\n }\n if (onChange) {\n onChange(date, event);\n const dateString = date?.toLocaleDateString('no-NO', {\n day: '2-digit',\n month: '2-digit',\n year: 'numeric',\n });\n setCurrentValue(dateString ?? '');\n setLastValidValue(dateString ?? '');\n }\n };\n\n const handleChangeRaw = (event: React.FocusEvent<HTMLInputElement>) => {\n setShowFeedback(false);\n setCurrentValue(event.target.value);\n };\n\n const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n if (showFeedback) {\n setShowFeedback(false);\n } else {\n const inputValue = event.target.value;\n if (inputValue) validateInput(inputValue);\n }\n };\n\n const handleKeyDownInput = (\n event: React.KeyboardEvent<HTMLInputElement>,\n ) => {\n if (event.key === 'Enter') validateInput(currentValue);\n };\n\n const validateInput = (inputValue: string) => {\n const parsedDate = parse(inputValue, 'dd.MM.yyyy', new Date(), {\n locale: nb,\n });\n\n const yearIsFourCharacters =\n currentValue.slice(currentValue.lastIndexOf('.') + 1).length === 4;\n const isValidDate = isValid(parsedDate) && yearIsFourCharacters;\n\n if (!isValidDate) {\n setShowFeedback(true);\n setCurrentValue(lastValidValue);\n } else {\n setShowFeedback(false);\n setLastValidValue(currentValue);\n }\n };\n\n return (\n <ReactDatepicker\n className={classNames(className)}\n calendarClassName=\"eds-datepicker__calender\"\n selected={selectedDate}\n onChange={handleChange}\n showWeekNumbers={true}\n dateFormat={['dd.MM.yyyy', 'ddMMyyyy', 'dd/MM/yyyy']}\n showPopperArrow={false}\n placeholderText={placeholder}\n readOnly={readOnly}\n id={datepickerId}\n ariaLabelledBy={datepickerId}\n disabled={disabled}\n locale={locale}\n popperModifiers={POPPER_MODIFIERS}\n onBlur={handleBlur}\n onChangeRaw={handleChangeRaw}\n onCalendarOpen={() => setShowFeedback(false)}\n value={currentValue}\n open={hideCalendar === true ? false : rest.open}\n {...rest}\n customInput={\n <DatePickerInput\n style={style}\n readOnly={readOnly}\n variant={!hideFeedback && showFeedback ? variant : ''}\n feedback={!hideFeedback && showFeedback ? feedback : ''}\n label={label}\n disabled={disabled}\n ref={ref}\n data-cy={rest['data-cy']}\n disableLabelAnimation={disableLabelAnimation}\n prepend={prepend}\n hideCalendarButton={hideCalendarButton}\n inputId={id}\n onKeyDownInput={handleKeyDownInput}\n onBlurInput={handleBlur}\n />\n }\n />\n );\n },\n);\n\ntype DatePickerInputProps = {\n onClick?: any;\n value?: any;\n disableLabelAnimation?: boolean;\n className?: string;\n hideCalendarButton?: boolean;\n feedback?: string;\n inputId?: string;\n [key: string]: any;\n};\n// Props fra customInput i react-datepicker\n// value: inputValue,\n// onBlur: this.handleBlur,\n// onChange: this.handleChange,\n// onClick: this.onInputClick,\n// onFocus: this.handleFocus,\n// onKeyDown: this.onInputKeyDown,\n// id: this.props.id,\n// name: this.props.name,\n// autoFocus: this.props.autoFocus,\n// placeholder: this.props.placeholderText,\n// disabled: this.props.disabled,\n// autoComplete: this.props.autoComplete,\n// className: classnames(customInput.props.className, className),\n// title: this.props.title,\n// readOnly: this.props.readOnly,\n// required: this.props.required,\n// tabIndex: this.props.tabIndex,\n// \"aria-describedby\": this.props.ariaDescribedBy,\n// \"aria-invalid\": this.props.ariaInvalid,\n// \"aria-labelledby\": this.props.ariaLabelledBy,\n// \"aria-required\": this.props.ariaRequired,\n\nconst DatePickerInput = React.forwardRef<\n HTMLInputElement,\n DatePickerInputProps\n>(\n (\n {\n value,\n onClick,\n // Capture onFocus prop from react-datepicker, but doesn't use it\n // eslint-disable-next-line\n onFocus,\n onKeyDown,\n variant,\n feedback,\n style,\n disableLabelAnimation,\n disabled,\n label,\n readOnly,\n id,\n prepend,\n className,\n hideCalendarButton,\n inputId,\n onKeyDownInput,\n onBlurInput,\n ...rest\n },\n ref,\n ) => {\n return (\n <span className={className} onBlur={onBlurInput}>\n <BaseFormControl\n style={style}\n className=\"eds-datepicker__form-control\"\n readOnly={readOnly}\n label={label}\n labelId={id}\n feedback={feedback}\n variant={variant}\n disabled={disabled}\n disableLabelAnimation={disableLabelAnimation}\n isFilled={value ? true : false}\n prepend={prepend}\n >\n <input\n value={value}\n onClick={onClick}\n readOnly={readOnly}\n disabled={disabled}\n ref={ref}\n // aria-labelledby={id}\n className=\"eds-form-control\"\n id={inputId}\n onKeyDown={onKeyDownInput}\n {...rest}\n />\n {!hideCalendarButton && (\n <Tooltip\n placement=\"top\"\n content=\"Åpne kalender\"\n disableHoverListener={disabled}\n disableFocusListener={disabled}\n >\n <button\n className={classNames('eds-datepicker__calendar-button', {\n 'eds-datepicker__calendar-button--open': true,\n 'eds-datepicker__calendar-button--disabled': disabled,\n })}\n onKeyDown={onKeyDown}\n onClick={onClick}\n disabled={disabled}\n type=\"button\"\n >\n <CalendarIcon />\n </button>\n </Tooltip>\n )}\n </BaseFormControl>\n </span>\n );\n },\n);\n","import React from 'react';\nimport {\n BaseFormControl,\n isFilled,\n useInputGroupContext,\n useVariant,\n VariantType,\n} from '@entur/form';\nimport { DateIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nexport type NativeDatePickerProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Label over NativeDatePicker */\n label: string;\n /** Varselmelding, som vil komme under NativeDatePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n /** Tekst eller ikon som kommer før inputfelter\n * @default <DateIcon />\n */\n prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeDatePicker = React.forwardRef<\n HTMLInputElement,\n NativeDatePickerProps\n>(\n (\n {\n className,\n style,\n label,\n onChange,\n feedback,\n variant,\n disableLabelAnimation,\n prepend = <DateIcon inline />,\n ...rest\n },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const nativedatepickerId = useRandomId('eds-nativetimepicker');\n return (\n <BaseFormControl\n style={style}\n className={className}\n prepend={prepend}\n label={label}\n feedback={feedback}\n variant={variant}\n labelId={nativedatepickerId}\n disableLabelAnimation={disableLabelAnimation}\n isFilled\n >\n <NativeDatePickerBase\n onChange={onChange}\n aria-labelledby={nativedatepickerId}\n ref={ref}\n variant={variant}\n {...rest}\n />\n </BaseFormControl>\n );\n },\n);\n\ntype NativeDatePickerBaseProps = {\n onChange?: any;\n variant?: VariantType;\n} & React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n>;\n\nconst NativeDatePickerBase = React.forwardRef<\n HTMLInputElement,\n NativeDatePickerBaseProps\n>(({ onChange, variant, value, ...rest }, ref) => {\n const contextVariant = useVariant();\n const currentVariant = variant || contextVariant;\n const { isFilled: isDatepickerFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n setFiller && !isDatepickerFilled && setFiller(true);\n });\n\n React.useEffect(() => {\n if (value) {\n setFiller && !isDatepickerFilled && setFiller(true);\n } else {\n setFiller && isDatepickerFilled && setFiller(false);\n }\n }, [value, setFiller, isDatepickerFilled]);\n\n const handleChange = (event: any) => {\n if (isFilled(event.target)) {\n setFiller && !isDatepickerFilled && setFiller(true);\n } else {\n setFiller && isDatepickerFilled && setFiller(false);\n }\n if (onChange) {\n onChange(event);\n }\n };\n return (\n <input\n ref={ref}\n aria-invalid={currentVariant === 'error'}\n type=\"date\"\n className=\"eds-form-control eds-native-date-picker\"\n onChange={handleChange}\n value={value}\n {...rest}\n />\n );\n});\n","import React from 'react';\nimport {\n default as ReactDatepicker,\n ReactDatePickerProps,\n registerLocale,\n} from 'react-datepicker';\nimport classNames from 'classnames';\nimport {\n BaseFormControl,\n useInputGroupContext,\n VariantType,\n} from '@entur/form';\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\nimport { nb } from 'date-fns/locale';\nimport { add, sub } from 'date-fns';\nimport * as Popper from '@popperjs/core';\nimport './TimePicker.scss';\nregisterLocale('nb', nb);\n\nexport type TimePickerProps = {\n /** Hva som er den valgte datoen */\n selectedTime?: Date;\n /** Kalles når datoen/tiden endres */\n onChange: (\n date: Date | null,\n event: React.SyntheticEvent<any, Event>,\n ) => void;\n /** Placeholder om ingen dato er valgt\n * @default \"Velg tid\"\n */\n placeholder?: string;\n /** Ekstra klassenavn */\n className?: string;\n /** Label over TimePicker */\n label: string;\n /** Varselmelding, som vil komme under TimePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n style?: React.CSSProperties;\n labelTooltip?: React.ReactNode;\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n /** Kalles ved klikk på pil venstre i TimePicker\n * @default Trekker fra 30 minutter av den valgte tiden\n */\n onLeftArrowClick?: (selectedTime?: Date | null, e?: React.MouseEvent) => void;\n /** Kalles ved klikk på pil høyre i TimePicker\n * @default Legger til 30 minutter av den valgte tiden\n */\n onRightArrowClick?: (\n selectedTime?: Date | null,\n e?: React.MouseEvent,\n ) => void;\n} & ReactDatePickerProps;\n\nexport const TimePicker = React.forwardRef<HTMLDivElement, TimePickerProps>(\n (\n {\n selectedTime = null,\n onChange,\n placeholder = 'Velg tid',\n disabled,\n className,\n style,\n label,\n labelTooltip,\n feedback,\n variant,\n disableLabelAnimation,\n locale = 'nb',\n onLeftArrowClick = (selectedTime, event) =>\n selectedTime && onChange(sub(selectedTime, { minutes: 30 }), event),\n onRightArrowClick = (selectedTime, event) =>\n selectedTime && onChange(add(selectedTime, { minutes: 30 }), event),\n ...rest\n },\n ref,\n ) => {\n const timepickerId = useRandomId('eds-timepicker');\n return (\n <BaseFormControl\n style={style}\n ref={ref}\n label={label}\n labelId={timepickerId}\n labelTooltip={labelTooltip}\n variant={variant}\n feedback={feedback}\n disableLabelAnimation={disableLabelAnimation}\n className=\"eds-timepicker-form-control\"\n disabled={disabled}\n prepend={\n <TimePickerArrowButton\n direction=\"left\"\n tabIndex={-1}\n onClick={(e: React.MouseEvent) => onLeftArrowClick(selectedTime, e)}\n disabled={disabled}\n />\n }\n >\n <TimePickerBase\n selectedTime={selectedTime}\n onChange={onChange}\n placeholder={placeholder}\n className={className}\n locale={locale}\n ariaLabelledBy={timepickerId}\n disabled={disabled}\n {...rest}\n />\n <TimePickerArrowButton\n direction=\"right\"\n tabIndex={-1}\n onClick={(e: React.MouseEvent) => onRightArrowClick(selectedTime, e)}\n disabled={disabled}\n />\n </BaseFormControl>\n );\n },\n);\n\ntype TimePickerBaseProps = {\n /** Hva som er den valgte datoen */\n selectedTime?: Date | null;\n /** Kalles når datoen/tiden endres */\n onChange: (\n date: Date | null,\n event: React.SyntheticEvent<any, Event>,\n ) => void;\n /** Placeholder om ingen dato er valgt\n * @default \"Velg tid\"\n */\n placeholder?: string;\n /** Ekstra klassenavn */\n className?: string;\n [key: string]: any;\n} & ReactDatePickerProps;\n\nconst POPPER_MODIFIERS: Popper.StrictModifiers[] = [\n {\n name: 'offset',\n enabled: true,\n options: {\n offset: [0, 0],\n },\n },\n];\nconst TimePickerBase: React.FC<TimePickerBaseProps> = ({\n className,\n onChange,\n selectedTime,\n placeholder,\n timeFormat = 'HH:mm',\n dateFormat = ['HH:mm', 'HHmm'],\n ...rest\n}) => {\n const { isFilled: isTimepickerFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n if (selectedTime) {\n setFiller && !isTimepickerFilled && setFiller(true);\n }\n });\n\n React.useEffect(() => {\n if (selectedTime) {\n setFiller && !isTimepickerFilled && setFiller(true);\n } else {\n setFiller && isTimepickerFilled && setFiller(false);\n }\n }, [selectedTime, setFiller, isTimepickerFilled]);\n\n const handleChange = (date: any, event: any) => {\n if (date) {\n setFiller && !isTimepickerFilled && setFiller(true);\n } else {\n setFiller && isTimepickerFilled && setFiller(false);\n }\n if (onChange) {\n onChange(date, event);\n }\n };\n return (\n <ReactDatepicker\n className={classNames(\n 'eds-form-control',\n 'eds-timepicker__input',\n className,\n )}\n calendarClassName=\"eds-timepicker\"\n selected={selectedTime}\n onChange={handleChange}\n dateFormat={dateFormat}\n timeFormat={timeFormat}\n showTimeSelect\n showTimeInput={true}\n showTimeSelectOnly\n showPopperArrow={false}\n placeholderText={placeholder}\n popperClassName=\"eds-datepicker__popper\"\n popperModifiers={POPPER_MODIFIERS}\n open={false}\n {...rest}\n />\n );\n};\n\ntype TimePickerArrowButtonProps = {\n direction: 'left' | 'right';\n} & React.DetailedHTMLProps<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n>;\n\nconst TimePickerArrowButton: React.FC<TimePickerArrowButtonProps> = ({\n direction,\n ...rest\n}) => {\n return (\n <button\n className={classNames(\n 'eds-timepicker__arrowbutton',\n `eds-timepicker__arrowbutton--${direction}`,\n )}\n type=\"button\"\n {...rest}\n >\n {direction === 'left' ? <LeftArrowIcon /> : <RightArrowIcon />}\n </button>\n );\n};\n","import React from 'react';\nimport {\n BaseFormControl,\n isFilled,\n useInputGroupContext,\n useVariant,\n VariantType,\n} from '@entur/form';\nimport { ClockIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nexport type NativeTimePickerProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Label over NativeTimePicker */\n label: string;\n /** Varselmelding, som vil komme under NativeTimePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n /** Tekst eller ikon som kommer før inputfelter\n * @default <ClockIcon />\n */\n prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeTimePicker = React.forwardRef<\n HTMLInputElement,\n NativeTimePickerProps\n>(\n (\n {\n className,\n style,\n onChange,\n label,\n feedback,\n variant,\n disableLabelAnimation,\n prepend = <ClockIcon />,\n ...rest\n },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const nativetimepickerId = useRandomId('eds-nativetimepicker');\n return (\n <BaseFormControl\n style={style}\n className={className}\n prepend={prepend}\n label={label}\n feedback={feedback}\n variant={variant}\n labelId={nativetimepickerId}\n disableLabelAnimation={disableLabelAnimation}\n >\n <NativeTimePickerBase\n onChange={onChange}\n aria-labelledby={nativetimepickerId}\n ref={ref}\n {...rest}\n />\n </BaseFormControl>\n );\n },\n);\n\ntype NativeTimePickerBaseProps = {\n variant?: VariantType;\n} & React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n>;\n\nconst NativeTimePickerBase = React.forwardRef<\n HTMLInputElement,\n NativeTimePickerBaseProps\n>(({ onChange, value, ...rest }, ref) => {\n const contextVariant = useVariant();\n const currentVariant = rest.variant || contextVariant;\n const { isFilled: isTimepickerFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n setFiller && !isTimepickerFilled && setFiller(true);\n });\n\n React.useEffect(() => {\n if (value) {\n setFiller && !isTimepickerFilled && setFiller(true);\n } else {\n setFiller && isTimepickerFilled && setFiller(false);\n }\n }, [value, setFiller, isTimepickerFilled]);\n\n const handleChange = (event: any) => {\n if (isFilled(event.target)) {\n setFiller && !isTimepickerFilled && setFiller(true);\n } else {\n setFiller && isTimepickerFilled && setFiller(false);\n }\n if (onChange) {\n onChange(event);\n }\n };\n return (\n <input\n ref={ref}\n aria-invalid={currentVariant === 'error'}\n type=\"time\"\n className=\"eds-form-control eds-native-date-picker\"\n onChange={handleChange}\n value={value}\n {...rest}\n />\n );\n});\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nimport './react-datepicker.scss';\n\nwarnAboutMissingStyles('datepicker', 'form', 'icons');\n\nexport * from './DatePicker';\nexport * from './NativeDatePicker';\nexport * from './TimePicker';\nexport * from './NativeTimePicker';\n"],"names":["registerLocale","nb","POPPER_MODIFIERS","name","enabled","options","offset","DatePicker","React","forwardRef","ref","selectedDate","onChange","placeholder","className","style","readOnly","disableLabelAnimation","locale","prepend","disabled","variant","feedback","label","hideCalendarButton","hideCalendar","hideFeedback","id","rest","useState","showFeedback","setShowFeedback","currentValue","setCurrentValue","lastValidValue","setLastValidValue","datepickerId","useRandomId","useInputGroupContext","isDatepickerFilled","isFilled","setFiller","setFilled","useOnMount","handleChange","undefined","useEffect","date","event","dateString","toLocaleDateString","day","month","year","handleBlur","inputValue","target","value","validateInput","parsedDate","parse","Date","yearIsFourCharacters","slice","lastIndexOf","length","isValid","ReactDatepicker","classNames","calendarClassName","selected","showWeekNumbers","dateFormat","showPopperArrow","placeholderText","ariaLabelledBy","popperModifiers","onBlur","onChangeRaw","onCalendarOpen","open","customInput","DatePickerInput","inputId","onKeyDownInput","key","onBlurInput","onClick","onKeyDown","BaseFormControl","labelId","Tooltip","placement","content","disableHoverListener","disableFocusListener","type","CalendarIcon","NativeDatePicker","DateIcon","inline","nativedatepickerId","NativeDatePickerBase","contextVariant","useVariant","currentVariant","TimePicker","selectedTime","labelTooltip","onLeftArrowClick","sub","minutes","onRightArrowClick","add","timepickerId","TimePickerArrowButton","direction","tabIndex","e","TimePickerBase","timeFormat","isTimepickerFilled","showTimeSelect","showTimeInput","showTimeSelectOnly","popperClassName","LeftArrowIcon","RightArrowIcon","NativeTimePicker","ClockIcon","nativetimepickerId","NativeTimePickerBase","warnAboutMissingStyles"],"mappings":"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"}
1
+ {"version":3,"file":"datepicker.cjs.production.min.js","sources":["../src/DatePicker.tsx","../src/NativeDatePicker.tsx","../src/TimePicker.tsx","../src/NativeTimePicker.tsx","../src/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n default as ReactDatepicker,\n ReactDatePickerProps,\n registerLocale,\n} from 'react-datepicker';\nimport classNames from 'classnames';\nimport {\n BaseFormControl,\n useInputGroupContext,\n VariantType,\n} from '@entur/form';\nimport { CalendarIcon } from '@entur/icons';\nimport { parse, isValid } from 'date-fns';\nimport { nb } from 'date-fns/locale';\nimport './DatePicker.scss';\nimport { Tooltip } from '@entur/tooltip';\nimport { useRandomId } from '@entur/utils';\nimport * as Popper from '@popperjs/core';\n\nregisterLocale('nb', nb);\n\nexport type DatePickerProps = {\n /** Hva som er den valgte datoen */\n selectedDate?: Date;\n /** Kalles når datoen/tiden endres */\n onChange: (\n date: Date | null,\n event: React.SyntheticEvent<any, Event>,\n ) => void;\n /**\n * Kalles når innholdet i inputfeltet endres\n */\n onChangeInput?: (value: string) => void;\n /** Placeholder om ingen dato er valgt\n * @default \"dd.mm.yyyy\"\n */\n placeholder?: string;\n /** Ekstra klassenavn */\n className?: string;\n /** Label over DatePicker */\n label: string;\n /**\n * Varselmelding, som vil komme under DatePicker\n */\n feedback?: string;\n /** Valideringsvariant\n */\n variant?: VariantType;\n /** Varselmelding for når datoen er på feil format\n * @default \"Ugyldig dato\"\n */\n validationFeedback?: string;\n /** Valideringsvariant for melding om feil datoformat\n * @default \"error\"\n */\n validationVariant?: VariantType;\n style?: React.CSSProperties;\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n /** Tekst eller ikon som kommer før inputfelter\n * @default <DateIcon />\n */\n prepend?: React.ReactNode;\n /** Skjuler knapp for åpning av kalender\n * @default false\n */\n hideCalendarButton?: boolean;\n /** Skjuler tilbakemeldingsteksten ved feil dato-input\n * @default false\n */\n hideValidationFeedback?: boolean;\n /** Skjuler kalender-GUI-et\n * @default false\n */\n hideCalendar?: boolean;\n // For testing\n 'data-cy'?: any;\n} & Omit<ReactDatePickerProps, 'selected' | 'customInput' | 'onChangeRaw'>;\nconst POPPER_MODIFIERS: Popper.StrictModifiers[] = [\n {\n name: 'offset',\n enabled: true,\n options: {\n offset: [0, 0],\n },\n },\n];\n\nexport const DatePicker = React.forwardRef<HTMLInputElement, DatePickerProps>(\n (\n {\n selectedDate = null,\n onChange,\n onChangeInput,\n placeholder = 'dd.mm.yyyy',\n className,\n style,\n readOnly,\n disableLabelAnimation = false,\n locale = 'nb',\n prepend,\n disabled,\n variant,\n validationVariant = 'error',\n feedback,\n validationFeedback = 'Ugyldig dato',\n label,\n hideCalendarButton = false,\n hideCalendar = false,\n hideValidationFeedback = false,\n id,\n ...rest\n },\n ref,\n ) => {\n const [showValidationFeedback, setShowValidationFeedback] = useState(false);\n const [currentValue, setCurrentValue] = useState('');\n const [lastValidValue, setLastValidValue] = useState('');\n\n const datepickerId = useRandomId('eds-datepicker');\n const { isFilled: isDatepickerFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n React.useEffect(() => {\n if (selectedDate) {\n setFiller && !isDatepickerFilled && setFiller(true);\n } else {\n setFiller && isDatepickerFilled && setFiller(false);\n }\n handleChange(selectedDate, undefined);\n }, [selectedDate, setFiller, isDatepickerFilled]);\n\n const handleChange = (\n date: any,\n event: React.SyntheticEvent<any> | undefined,\n ) => {\n if (date) {\n setFiller && !isDatepickerFilled && setFiller(true);\n } else {\n setFiller && isDatepickerFilled && setFiller(false);\n }\n if (onChange) {\n onChange(date, event);\n const dateString = date?.toLocaleDateString('no-NO', {\n day: '2-digit',\n month: '2-digit',\n year: 'numeric',\n });\n setCurrentValue(dateString ?? '');\n setLastValidValue(dateString ?? '');\n }\n };\n\n const handleChangeRaw = (event: React.FocusEvent<HTMLInputElement>) => {\n setShowValidationFeedback(false);\n setCurrentValue(event.target.value);\n if (onChangeInput) onChangeInput(event.target.value);\n };\n\n const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n if (showValidationFeedback) {\n setShowValidationFeedback(false);\n } else {\n const inputValue = event.target.value;\n if (inputValue) validateInput(inputValue);\n }\n };\n\n const handleKeyDownInput = (\n event: React.KeyboardEvent<HTMLInputElement>,\n ) => {\n const inputValue = event.currentTarget.value;\n if (event.key === 'Enter') {\n if (inputValue) validateInput(currentValue);\n else setShowValidationFeedback(false);\n }\n };\n\n const validateInput = (inputValue: string) => {\n const parsedDate = parse(inputValue, 'dd.MM.yyyy', new Date(), {\n locale: nb,\n });\n\n const yearIsFourCharacters =\n currentValue.slice(currentValue.lastIndexOf('.') + 1).length === 4;\n const isValidDate = isValid(parsedDate) && yearIsFourCharacters;\n\n if (isValidDate) {\n setShowValidationFeedback(false);\n setLastValidValue(currentValue);\n } else {\n setShowValidationFeedback(true);\n setCurrentValue(lastValidValue);\n }\n };\n\n const displayedFeedback = (): string => {\n if (feedback) return feedback;\n if (!hideValidationFeedback && showValidationFeedback)\n return validationFeedback;\n return '';\n };\n\n const displayedVariant = (): string | undefined => {\n if (feedback && variant) return variant;\n if (!hideValidationFeedback && showValidationFeedback)\n return validationVariant;\n return undefined;\n };\n\n return (\n <ReactDatepicker\n className={classNames(className)}\n calendarClassName=\"eds-datepicker__calender\"\n selected={selectedDate}\n onChange={handleChange}\n showWeekNumbers={true}\n dateFormat={['dd.MM.yyyy', 'ddMMyyyy', 'dd/MM/yyyy']}\n showPopperArrow={false}\n placeholderText={placeholder}\n readOnly={readOnly}\n id={datepickerId}\n ariaLabelledBy={datepickerId}\n disabled={disabled}\n locale={locale}\n popperModifiers={POPPER_MODIFIERS}\n onBlur={handleBlur}\n onChangeRaw={handleChangeRaw}\n onCalendarOpen={() => setShowValidationFeedback(false)}\n value={currentValue}\n open={hideCalendar === true ? false : rest.open}\n {...rest}\n customInput={\n <DatePickerInput\n style={style}\n readOnly={readOnly}\n variant={displayedVariant()}\n feedback={displayedFeedback()}\n label={label}\n disabled={disabled}\n ref={ref}\n data-cy={rest['data-cy']}\n disableLabelAnimation={disableLabelAnimation}\n prepend={prepend}\n hideCalendarButton={hideCalendarButton}\n inputId={id}\n onKeyDownInput={handleKeyDownInput}\n onBlurInput={handleBlur}\n onChangeInput={onChangeInput}\n />\n }\n />\n );\n },\n);\n\ntype DatePickerInputProps = {\n onClick?: any;\n value?: any;\n disableLabelAnimation?: boolean;\n className?: string;\n hideCalendarButton?: boolean;\n feedback?: string;\n inputId?: string;\n [key: string]: any;\n};\n// Props fra customInput i react-datepicker\n// value: inputValue,\n// onBlur: this.handleBlur,\n// onChange: this.handleChange,\n// onClick: this.onInputClick,\n// onFocus: this.handleFocus,\n// onKeyDown: this.onInputKeyDown,\n// id: this.props.id,\n// name: this.props.name,\n// autoFocus: this.props.autoFocus,\n// placeholder: this.props.placeholderText,\n// disabled: this.props.disabled,\n// autoComplete: this.props.autoComplete,\n// className: classnames(customInput.props.className, className),\n// title: this.props.title,\n// readOnly: this.props.readOnly,\n// required: this.props.required,\n// tabIndex: this.props.tabIndex,\n// \"aria-describedby\": this.props.ariaDescribedBy,\n// \"aria-invalid\": this.props.ariaInvalid,\n// \"aria-labelledby\": this.props.ariaLabelledBy,\n// \"aria-required\": this.props.ariaRequired,\n\nconst DatePickerInput = React.forwardRef<\n HTMLInputElement,\n DatePickerInputProps\n>(\n (\n {\n value,\n onClick,\n // Capture onFocus prop from react-datepicker, but doesn't use it\n // eslint-disable-next-line\n onFocus,\n onKeyDown,\n variant,\n feedback,\n style,\n disableLabelAnimation,\n disabled,\n label,\n readOnly,\n id,\n prepend,\n className,\n hideCalendarButton,\n inputId,\n onChangeInput,\n onKeyDownInput,\n onBlurInput,\n ...rest\n },\n ref,\n ) => {\n return (\n <span className={className} onBlur={onBlurInput}>\n <BaseFormControl\n style={style}\n className=\"eds-datepicker__form-control\"\n readOnly={readOnly}\n label={label}\n labelId={id}\n feedback={feedback}\n variant={variant}\n disabled={disabled}\n disableLabelAnimation={disableLabelAnimation}\n isFilled={value ? true : false}\n prepend={prepend}\n >\n <input\n value={value}\n onClick={onClick}\n readOnly={readOnly}\n disabled={disabled}\n ref={ref}\n // aria-labelledby={id}\n className=\"eds-form-control\"\n id={inputId}\n onKeyDown={onKeyDownInput}\n onChange={onChangeInput}\n {...rest}\n />\n {!hideCalendarButton && (\n <Tooltip\n placement=\"top\"\n content=\"Åpne kalender\"\n disableHoverListener={disabled}\n disableFocusListener={disabled}\n >\n <button\n className={classNames('eds-datepicker__calendar-button', {\n 'eds-datepicker__calendar-button--open': true,\n 'eds-datepicker__calendar-button--disabled': disabled,\n })}\n onKeyDown={onKeyDown}\n onClick={onClick}\n disabled={disabled}\n type=\"button\"\n >\n <CalendarIcon />\n </button>\n </Tooltip>\n )}\n </BaseFormControl>\n </span>\n );\n },\n);\n","import React from 'react';\nimport {\n BaseFormControl,\n isFilled,\n useInputGroupContext,\n useVariant,\n VariantType,\n} from '@entur/form';\nimport { DateIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nexport type NativeDatePickerProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Label over NativeDatePicker */\n label: string;\n /** Varselmelding, som vil komme under NativeDatePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n /** Tekst eller ikon som kommer før inputfelter\n * @default <DateIcon />\n */\n prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeDatePicker = React.forwardRef<\n HTMLInputElement,\n NativeDatePickerProps\n>(\n (\n {\n className,\n style,\n label,\n onChange,\n feedback,\n variant,\n disableLabelAnimation,\n prepend = <DateIcon inline />,\n ...rest\n },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const nativedatepickerId = useRandomId('eds-nativetimepicker');\n return (\n <BaseFormControl\n style={style}\n className={className}\n prepend={prepend}\n label={label}\n feedback={feedback}\n variant={variant}\n labelId={nativedatepickerId}\n disableLabelAnimation={disableLabelAnimation}\n isFilled\n >\n <NativeDatePickerBase\n onChange={onChange}\n aria-labelledby={nativedatepickerId}\n ref={ref}\n variant={variant}\n {...rest}\n />\n </BaseFormControl>\n );\n },\n);\n\ntype NativeDatePickerBaseProps = {\n onChange?: any;\n variant?: VariantType;\n} & React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n>;\n\nconst NativeDatePickerBase = React.forwardRef<\n HTMLInputElement,\n NativeDatePickerBaseProps\n>(({ onChange, variant, value, ...rest }, ref) => {\n const contextVariant = useVariant();\n const currentVariant = variant || contextVariant;\n const { isFilled: isDatepickerFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n setFiller && !isDatepickerFilled && setFiller(true);\n });\n\n React.useEffect(() => {\n if (value) {\n setFiller && !isDatepickerFilled && setFiller(true);\n } else {\n setFiller && isDatepickerFilled && setFiller(false);\n }\n }, [value, setFiller, isDatepickerFilled]);\n\n const handleChange = (event: any) => {\n if (isFilled(event.target)) {\n setFiller && !isDatepickerFilled && setFiller(true);\n } else {\n setFiller && isDatepickerFilled && setFiller(false);\n }\n if (onChange) {\n onChange(event);\n }\n };\n return (\n <input\n ref={ref}\n aria-invalid={currentVariant === 'error'}\n type=\"date\"\n className=\"eds-form-control eds-native-date-picker\"\n onChange={handleChange}\n value={value}\n {...rest}\n />\n );\n});\n","import React from 'react';\nimport {\n default as ReactDatepicker,\n ReactDatePickerProps,\n registerLocale,\n} from 'react-datepicker';\nimport classNames from 'classnames';\nimport {\n BaseFormControl,\n useInputGroupContext,\n VariantType,\n} from '@entur/form';\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\nimport { nb } from 'date-fns/locale';\nimport { add, sub } from 'date-fns';\nimport * as Popper from '@popperjs/core';\nimport './TimePicker.scss';\nregisterLocale('nb', nb);\n\nexport type TimePickerProps = {\n /** Hva som er den valgte datoen */\n selectedTime?: Date;\n /** Kalles når datoen/tiden endres */\n onChange: (\n date: Date | null,\n event: React.SyntheticEvent<any, Event>,\n ) => void;\n /** Placeholder om ingen dato er valgt\n * @default \"Velg tid\"\n */\n placeholder?: string;\n /** Ekstra klassenavn */\n className?: string;\n /** Label over TimePicker */\n label: string;\n /** Varselmelding, som vil komme under TimePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n style?: React.CSSProperties;\n labelTooltip?: React.ReactNode;\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n /** Kalles ved klikk på pil venstre i TimePicker\n * @default Trekker fra 30 minutter av den valgte tiden\n */\n onLeftArrowClick?: (selectedTime?: Date | null, e?: React.MouseEvent) => void;\n /** Kalles ved klikk på pil høyre i TimePicker\n * @default Legger til 30 minutter av den valgte tiden\n */\n onRightArrowClick?: (\n selectedTime?: Date | null,\n e?: React.MouseEvent,\n ) => void;\n} & ReactDatePickerProps;\n\nexport const TimePicker = React.forwardRef<HTMLDivElement, TimePickerProps>(\n (\n {\n selectedTime = null,\n onChange,\n placeholder = 'Velg tid',\n disabled,\n className,\n style,\n label,\n labelTooltip,\n feedback,\n variant,\n disableLabelAnimation,\n locale = 'nb',\n onLeftArrowClick = (selectedTime, event) =>\n selectedTime && onChange(sub(selectedTime, { minutes: 30 }), event),\n onRightArrowClick = (selectedTime, event) =>\n selectedTime && onChange(add(selectedTime, { minutes: 30 }), event),\n ...rest\n },\n ref,\n ) => {\n const timepickerId = useRandomId('eds-timepicker');\n return (\n <BaseFormControl\n style={style}\n ref={ref}\n label={label}\n labelId={timepickerId}\n labelTooltip={labelTooltip}\n variant={variant}\n feedback={feedback}\n disableLabelAnimation={disableLabelAnimation}\n className=\"eds-timepicker-form-control\"\n disabled={disabled}\n prepend={\n <TimePickerArrowButton\n direction=\"left\"\n tabIndex={-1}\n onClick={(e: React.MouseEvent) => onLeftArrowClick(selectedTime, e)}\n disabled={disabled}\n />\n }\n >\n <TimePickerBase\n selectedTime={selectedTime}\n onChange={onChange}\n placeholder={placeholder}\n className={className}\n locale={locale}\n ariaLabelledBy={timepickerId}\n disabled={disabled}\n {...rest}\n />\n <TimePickerArrowButton\n direction=\"right\"\n tabIndex={-1}\n onClick={(e: React.MouseEvent) => onRightArrowClick(selectedTime, e)}\n disabled={disabled}\n />\n </BaseFormControl>\n );\n },\n);\n\ntype TimePickerBaseProps = {\n /** Hva som er den valgte datoen */\n selectedTime?: Date | null;\n /** Kalles når datoen/tiden endres */\n onChange: (\n date: Date | null,\n event: React.SyntheticEvent<any, Event>,\n ) => void;\n /** Placeholder om ingen dato er valgt\n * @default \"Velg tid\"\n */\n placeholder?: string;\n /** Ekstra klassenavn */\n className?: string;\n [key: string]: any;\n} & ReactDatePickerProps;\n\nconst POPPER_MODIFIERS: Popper.StrictModifiers[] = [\n {\n name: 'offset',\n enabled: true,\n options: {\n offset: [0, 0],\n },\n },\n];\nconst TimePickerBase: React.FC<TimePickerBaseProps> = ({\n className,\n onChange,\n selectedTime,\n placeholder,\n timeFormat = 'HH:mm',\n dateFormat = ['HH:mm', 'HHmm'],\n ...rest\n}) => {\n const { isFilled: isTimepickerFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n if (selectedTime) {\n setFiller && !isTimepickerFilled && setFiller(true);\n }\n });\n\n React.useEffect(() => {\n if (selectedTime) {\n setFiller && !isTimepickerFilled && setFiller(true);\n } else {\n setFiller && isTimepickerFilled && setFiller(false);\n }\n }, [selectedTime, setFiller, isTimepickerFilled]);\n\n const handleChange = (date: any, event: any) => {\n if (date) {\n setFiller && !isTimepickerFilled && setFiller(true);\n } else {\n setFiller && isTimepickerFilled && setFiller(false);\n }\n if (onChange) {\n onChange(date, event);\n }\n };\n return (\n <ReactDatepicker\n className={classNames(\n 'eds-form-control',\n 'eds-timepicker__input',\n className,\n )}\n calendarClassName=\"eds-timepicker\"\n selected={selectedTime}\n onChange={handleChange}\n dateFormat={dateFormat}\n timeFormat={timeFormat}\n showTimeSelect\n showTimeInput={true}\n showTimeSelectOnly\n showPopperArrow={false}\n placeholderText={placeholder}\n popperClassName=\"eds-datepicker__popper\"\n popperModifiers={POPPER_MODIFIERS}\n open={false}\n {...rest}\n />\n );\n};\n\ntype TimePickerArrowButtonProps = {\n direction: 'left' | 'right';\n} & React.DetailedHTMLProps<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n>;\n\nconst TimePickerArrowButton: React.FC<TimePickerArrowButtonProps> = ({\n direction,\n ...rest\n}) => {\n return (\n <button\n className={classNames(\n 'eds-timepicker__arrowbutton',\n `eds-timepicker__arrowbutton--${direction}`,\n )}\n type=\"button\"\n {...rest}\n >\n {direction === 'left' ? <LeftArrowIcon /> : <RightArrowIcon />}\n </button>\n );\n};\n","import React from 'react';\nimport {\n BaseFormControl,\n isFilled,\n useInputGroupContext,\n useVariant,\n VariantType,\n} from '@entur/form';\nimport { ClockIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nexport type NativeTimePickerProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Label over NativeTimePicker */\n label: string;\n /** Varselmelding, som vil komme under NativeTimePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n /** Tekst eller ikon som kommer før inputfelter\n * @default <ClockIcon />\n */\n prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeTimePicker = React.forwardRef<\n HTMLInputElement,\n NativeTimePickerProps\n>(\n (\n {\n className,\n style,\n onChange,\n label,\n feedback,\n variant,\n disableLabelAnimation,\n prepend = <ClockIcon />,\n ...rest\n },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const nativetimepickerId = useRandomId('eds-nativetimepicker');\n return (\n <BaseFormControl\n style={style}\n className={className}\n prepend={prepend}\n label={label}\n feedback={feedback}\n variant={variant}\n labelId={nativetimepickerId}\n disableLabelAnimation={disableLabelAnimation}\n >\n <NativeTimePickerBase\n onChange={onChange}\n aria-labelledby={nativetimepickerId}\n ref={ref}\n {...rest}\n />\n </BaseFormControl>\n );\n },\n);\n\ntype NativeTimePickerBaseProps = {\n variant?: VariantType;\n} & React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n>;\n\nconst NativeTimePickerBase = React.forwardRef<\n HTMLInputElement,\n NativeTimePickerBaseProps\n>(({ onChange, value, ...rest }, ref) => {\n const contextVariant = useVariant();\n const currentVariant = rest.variant || contextVariant;\n const { isFilled: isTimepickerFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n setFiller && !isTimepickerFilled && setFiller(true);\n });\n\n React.useEffect(() => {\n if (value) {\n setFiller && !isTimepickerFilled && setFiller(true);\n } else {\n setFiller && isTimepickerFilled && setFiller(false);\n }\n }, [value, setFiller, isTimepickerFilled]);\n\n const handleChange = (event: any) => {\n if (isFilled(event.target)) {\n setFiller && !isTimepickerFilled && setFiller(true);\n } else {\n setFiller && isTimepickerFilled && setFiller(false);\n }\n if (onChange) {\n onChange(event);\n }\n };\n return (\n <input\n ref={ref}\n aria-invalid={currentVariant === 'error'}\n type=\"time\"\n className=\"eds-form-control eds-native-date-picker\"\n onChange={handleChange}\n value={value}\n {...rest}\n />\n );\n});\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nimport './react-datepicker.scss';\n\nwarnAboutMissingStyles('datepicker', 'form', 'icons');\n\nexport * from './DatePicker';\nexport * from './NativeDatePicker';\nexport * from './TimePicker';\nexport * from './NativeTimePicker';\n"],"names":["registerLocale","nb","POPPER_MODIFIERS","name","enabled","options","offset","DatePicker","React","forwardRef","ref","selectedDate","onChange","onChangeInput","placeholder","className","style","readOnly","disableLabelAnimation","locale","prepend","disabled","variant","validationVariant","feedback","validationFeedback","label","hideCalendarButton","hideCalendar","hideValidationFeedback","id","rest","useState","showValidationFeedback","setShowValidationFeedback","currentValue","setCurrentValue","lastValidValue","setLastValidValue","datepickerId","useRandomId","useInputGroupContext","isDatepickerFilled","isFilled","setFiller","setFilled","useEffect","handleChange","undefined","date","event","dateString","toLocaleDateString","day","month","year","handleBlur","inputValue","target","value","validateInput","parsedDate","parse","Date","yearIsFourCharacters","slice","lastIndexOf","length","isValid","ReactDatepicker","classNames","calendarClassName","selected","showWeekNumbers","dateFormat","showPopperArrow","placeholderText","ariaLabelledBy","popperModifiers","onBlur","onChangeRaw","onCalendarOpen","open","customInput","DatePickerInput","inputId","onKeyDownInput","key","currentTarget","onBlurInput","onClick","onKeyDown","BaseFormControl","labelId","Tooltip","placement","content","disableHoverListener","disableFocusListener","type","CalendarIcon","NativeDatePicker","DateIcon","inline","nativedatepickerId","NativeDatePickerBase","contextVariant","useVariant","currentVariant","useOnMount","TimePicker","selectedTime","labelTooltip","onLeftArrowClick","sub","minutes","onRightArrowClick","add","timepickerId","TimePickerArrowButton","direction","tabIndex","e","TimePickerBase","timeFormat","isTimepickerFilled","showTimeSelect","showTimeInput","showTimeSelectOnly","popperClassName","LeftArrowIcon","RightArrowIcon","NativeTimePicker","ClockIcon","nativetimepickerId","NativeTimePickerBase","warnAboutMissingStyles"],"mappings":"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"}
@@ -41,8 +41,8 @@ function _objectWithoutPropertiesLoose(source, excluded) {
41
41
  return target;
42
42
  }
43
43
 
44
- var _excluded$3 = ["selectedDate", "onChange", "placeholder", "className", "style", "readOnly", "disableLabelAnimation", "locale", "prepend", "disabled", "variant", "feedback", "label", "hideCalendarButton", "hideCalendar", "hideFeedback", "id"],
45
- _excluded2$3 = ["value", "onClick", "onFocus", "onKeyDown", "variant", "feedback", "style", "disableLabelAnimation", "disabled", "label", "readOnly", "id", "prepend", "className", "hideCalendarButton", "inputId", "onKeyDownInput", "onBlurInput"];
44
+ var _excluded$3 = ["selectedDate", "onChange", "onChangeInput", "placeholder", "className", "style", "readOnly", "disableLabelAnimation", "locale", "prepend", "disabled", "variant", "validationVariant", "feedback", "validationFeedback", "label", "hideCalendarButton", "hideCalendar", "hideValidationFeedback", "id"],
45
+ _excluded2$3 = ["value", "onClick", "onFocus", "onKeyDown", "variant", "feedback", "style", "disableLabelAnimation", "disabled", "label", "readOnly", "id", "prepend", "className", "hideCalendarButton", "inputId", "onChangeInput", "onKeyDownInput", "onBlurInput"];
46
46
  registerLocale('nb', nb);
47
47
  var POPPER_MODIFIERS$1 = [{
48
48
  name: 'offset',
@@ -55,6 +55,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
55
55
  var _ref$selectedDate = _ref.selectedDate,
56
56
  selectedDate = _ref$selectedDate === void 0 ? null : _ref$selectedDate,
57
57
  onChange = _ref.onChange,
58
+ onChangeInput = _ref.onChangeInput,
58
59
  _ref$placeholder = _ref.placeholder,
59
60
  placeholder = _ref$placeholder === void 0 ? 'dd.mm.yyyy' : _ref$placeholder,
60
61
  className = _ref.className,
@@ -66,23 +67,25 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
66
67
  locale = _ref$locale === void 0 ? 'nb' : _ref$locale,
67
68
  prepend = _ref.prepend,
68
69
  disabled = _ref.disabled,
69
- _ref$variant = _ref.variant,
70
- variant = _ref$variant === void 0 ? 'error' : _ref$variant,
71
- _ref$feedback = _ref.feedback,
72
- feedback = _ref$feedback === void 0 ? 'Ugyldig dato' : _ref$feedback,
70
+ variant = _ref.variant,
71
+ _ref$validationVarian = _ref.validationVariant,
72
+ validationVariant = _ref$validationVarian === void 0 ? 'error' : _ref$validationVarian,
73
+ feedback = _ref.feedback,
74
+ _ref$validationFeedba = _ref.validationFeedback,
75
+ validationFeedback = _ref$validationFeedba === void 0 ? 'Ugyldig dato' : _ref$validationFeedba,
73
76
  label = _ref.label,
74
77
  _ref$hideCalendarButt = _ref.hideCalendarButton,
75
78
  hideCalendarButton = _ref$hideCalendarButt === void 0 ? false : _ref$hideCalendarButt,
76
79
  _ref$hideCalendar = _ref.hideCalendar,
77
80
  hideCalendar = _ref$hideCalendar === void 0 ? false : _ref$hideCalendar,
78
- _ref$hideFeedback = _ref.hideFeedback,
79
- hideFeedback = _ref$hideFeedback === void 0 ? false : _ref$hideFeedback,
81
+ _ref$hideValidationFe = _ref.hideValidationFeedback,
82
+ hideValidationFeedback = _ref$hideValidationFe === void 0 ? false : _ref$hideValidationFe,
80
83
  id = _ref.id,
81
84
  rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
82
85
 
83
86
  var _useState = useState(false),
84
- showFeedback = _useState[0],
85
- setShowFeedback = _useState[1];
87
+ showValidationFeedback = _useState[0],
88
+ setShowValidationFeedback = _useState[1];
86
89
 
87
90
  var _useState2 = useState(''),
88
91
  currentValue = _useState2[0],
@@ -98,18 +101,14 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
98
101
  isDatepickerFilled = _useInputGroupContext.isFilled,
99
102
  setFiller = _useInputGroupContext.setFilled;
100
103
 
101
- useOnMount(function () {
102
- if (selectedDate) {
103
- setFiller && !isDatepickerFilled && setFiller(true);
104
- handleChange(selectedDate, undefined);
105
- }
106
- });
107
104
  React.useEffect(function () {
108
105
  if (selectedDate) {
109
106
  setFiller && !isDatepickerFilled && setFiller(true);
110
107
  } else {
111
108
  setFiller && isDatepickerFilled && setFiller(false);
112
109
  }
110
+
111
+ handleChange(selectedDate, undefined);
113
112
  }, [selectedDate, setFiller, isDatepickerFilled]);
114
113
 
115
114
  var handleChange = function handleChange(date, event) {
@@ -132,13 +131,14 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
132
131
  };
133
132
 
134
133
  var handleChangeRaw = function handleChangeRaw(event) {
135
- setShowFeedback(false);
134
+ setShowValidationFeedback(false);
136
135
  setCurrentValue(event.target.value);
136
+ if (onChangeInput) onChangeInput(event.target.value);
137
137
  };
138
138
 
139
139
  var handleBlur = function handleBlur(event) {
140
- if (showFeedback) {
141
- setShowFeedback(false);
140
+ if (showValidationFeedback) {
141
+ setShowValidationFeedback(false);
142
142
  } else {
143
143
  var inputValue = event.target.value;
144
144
  if (inputValue) validateInput(inputValue);
@@ -146,7 +146,11 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
146
146
  };
147
147
 
148
148
  var handleKeyDownInput = function handleKeyDownInput(event) {
149
- if (event.key === 'Enter') validateInput(currentValue);
149
+ var inputValue = event.currentTarget.value;
150
+
151
+ if (event.key === 'Enter') {
152
+ if (inputValue) validateInput(currentValue);else setShowValidationFeedback(false);
153
+ }
150
154
  };
151
155
 
152
156
  var validateInput = function validateInput(inputValue) {
@@ -156,15 +160,27 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
156
160
  var yearIsFourCharacters = currentValue.slice(currentValue.lastIndexOf('.') + 1).length === 4;
157
161
  var isValidDate = isValid(parsedDate) && yearIsFourCharacters;
158
162
 
159
- if (!isValidDate) {
160
- setShowFeedback(true);
161
- setCurrentValue(lastValidValue);
162
- } else {
163
- setShowFeedback(false);
163
+ if (isValidDate) {
164
+ setShowValidationFeedback(false);
164
165
  setLastValidValue(currentValue);
166
+ } else {
167
+ setShowValidationFeedback(true);
168
+ setCurrentValue(lastValidValue);
165
169
  }
166
170
  };
167
171
 
172
+ var displayedFeedback = function displayedFeedback() {
173
+ if (feedback) return feedback;
174
+ if (!hideValidationFeedback && showValidationFeedback) return validationFeedback;
175
+ return '';
176
+ };
177
+
178
+ var displayedVariant = function displayedVariant() {
179
+ if (feedback && variant) return variant;
180
+ if (!hideValidationFeedback && showValidationFeedback) return validationVariant;
181
+ return undefined;
182
+ };
183
+
168
184
  return React.createElement(ReactDatepicker, _extends({
169
185
  className: classNames(className),
170
186
  calendarClassName: "eds-datepicker__calender",
@@ -183,7 +199,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
183
199
  onBlur: handleBlur,
184
200
  onChangeRaw: handleChangeRaw,
185
201
  onCalendarOpen: function onCalendarOpen() {
186
- return setShowFeedback(false);
202
+ return setShowValidationFeedback(false);
187
203
  },
188
204
  value: currentValue,
189
205
  open: hideCalendar === true ? false : rest.open
@@ -191,8 +207,8 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
191
207
  customInput: React.createElement(DatePickerInput, {
192
208
  style: style,
193
209
  readOnly: readOnly,
194
- variant: !hideFeedback && showFeedback ? variant : '',
195
- feedback: !hideFeedback && showFeedback ? feedback : '',
210
+ variant: displayedVariant(),
211
+ feedback: displayedFeedback(),
196
212
  label: label,
197
213
  disabled: disabled,
198
214
  ref: ref,
@@ -202,7 +218,8 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
202
218
  hideCalendarButton: hideCalendarButton,
203
219
  inputId: id,
204
220
  onKeyDownInput: handleKeyDownInput,
205
- onBlurInput: handleBlur
221
+ onBlurInput: handleBlur,
222
+ onChangeInput: onChangeInput
206
223
  })
207
224
  }));
208
225
  }); // Props fra customInput i react-datepicker
@@ -244,6 +261,7 @@ var DatePickerInput = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
244
261
  className = _ref2.className,
245
262
  hideCalendarButton = _ref2.hideCalendarButton,
246
263
  inputId = _ref2.inputId,
264
+ onChangeInput = _ref2.onChangeInput,
247
265
  onKeyDownInput = _ref2.onKeyDownInput,
248
266
  onBlurInput = _ref2.onBlurInput,
249
267
  rest = _objectWithoutPropertiesLoose(_ref2, _excluded2$3);
@@ -272,7 +290,8 @@ var DatePickerInput = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
272
290
  // aria-labelledby={id}
273
291
  className: "eds-form-control",
274
292
  id: inputId,
275
- onKeyDown: onKeyDownInput
293
+ onKeyDown: onKeyDownInput,
294
+ onChange: onChangeInput
276
295
  }, rest)), !hideCalendarButton && React.createElement(Tooltip, {
277
296
  placement: "top",
278
297
  content: "\xC5pne kalender",
@@ -1 +1 @@
1
- {"version":3,"file":"datepicker.esm.js","sources":["../src/DatePicker.tsx","../src/NativeDatePicker.tsx","../src/TimePicker.tsx","../src/NativeTimePicker.tsx","../src/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n default as ReactDatepicker,\n ReactDatePickerProps,\n registerLocale,\n} from 'react-datepicker';\nimport classNames from 'classnames';\nimport {\n BaseFormControl,\n useInputGroupContext,\n VariantType,\n} from '@entur/form';\nimport { CalendarIcon } from '@entur/icons';\nimport { parse, isValid } from 'date-fns';\nimport { nb } from 'date-fns/locale';\nimport './DatePicker.scss';\nimport { Tooltip } from '@entur/tooltip';\nimport { useOnMount, useRandomId } from '@entur/utils';\nimport * as Popper from '@popperjs/core';\n\nregisterLocale('nb', nb);\n\nexport type DatePickerProps = {\n /** Hva som er den valgte datoen */\n selectedDate?: Date;\n /** Kalles når datoen/tiden endres */\n onChange: (\n date: Date | null,\n event: React.SyntheticEvent<any, Event>,\n ) => void;\n /** Placeholder om ingen dato er valgt\n * @default \"dd.mm.yyyy\"\n */\n placeholder?: string;\n /** Ekstra klassenavn */\n className?: string;\n /** Label over DatePicker */\n label: string;\n /** Varselmelding, som vil komme under DatePicker\n * @default \"Ugyldig dato\"\n */\n feedback?: string;\n /** Valideringsvariant\n * @default \"error\"\n */\n variant?: VariantType;\n style?: React.CSSProperties;\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n /** Tekst eller ikon som kommer før inputfelter\n * @default <DateIcon />\n */\n prepend?: React.ReactNode;\n /** Skjuler knapp for åpning av kalender\n * @default false\n */\n hideCalendarButton?: boolean;\n /** Skjuler tilbakemeldingsteksten ved feil dato-input\n * @default false\n */\n hideFeedback?: boolean;\n /** Skjuler kalender-GUI-et\n * @default false\n */\n hideCalendar?: boolean;\n // For testing\n 'data-cy'?: any;\n} & Omit<ReactDatePickerProps, 'selected' | 'customInput'>;\nconst POPPER_MODIFIERS: Popper.StrictModifiers[] = [\n {\n name: 'offset',\n enabled: true,\n options: {\n offset: [0, 0],\n },\n },\n];\n\nexport const DatePicker = React.forwardRef<HTMLInputElement, DatePickerProps>(\n (\n {\n selectedDate = null,\n onChange,\n placeholder = 'dd.mm.yyyy',\n className,\n style,\n readOnly,\n disableLabelAnimation = false,\n locale = 'nb',\n prepend,\n disabled,\n variant = 'error',\n feedback = 'Ugyldig dato',\n label,\n hideCalendarButton = false,\n hideCalendar = false,\n hideFeedback = false,\n id,\n ...rest\n },\n ref,\n ) => {\n const [showFeedback, setShowFeedback] = useState(false);\n const [currentValue, setCurrentValue] = useState('');\n const [lastValidValue, setLastValidValue] = useState('');\n\n const datepickerId = useRandomId('eds-datepicker');\n const { isFilled: isDatepickerFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n if (selectedDate) {\n setFiller && !isDatepickerFilled && setFiller(true);\n handleChange(selectedDate, undefined);\n }\n });\n\n React.useEffect(() => {\n if (selectedDate) {\n setFiller && !isDatepickerFilled && setFiller(true);\n } else {\n setFiller && isDatepickerFilled && setFiller(false);\n }\n }, [selectedDate, setFiller, isDatepickerFilled]);\n\n const handleChange = (\n date: any,\n event: React.SyntheticEvent<any> | undefined,\n ) => {\n if (date) {\n setFiller && !isDatepickerFilled && setFiller(true);\n } else {\n setFiller && isDatepickerFilled && setFiller(false);\n }\n if (onChange) {\n onChange(date, event);\n const dateString = date?.toLocaleDateString('no-NO', {\n day: '2-digit',\n month: '2-digit',\n year: 'numeric',\n });\n setCurrentValue(dateString ?? '');\n setLastValidValue(dateString ?? '');\n }\n };\n\n const handleChangeRaw = (event: React.FocusEvent<HTMLInputElement>) => {\n setShowFeedback(false);\n setCurrentValue(event.target.value);\n };\n\n const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n if (showFeedback) {\n setShowFeedback(false);\n } else {\n const inputValue = event.target.value;\n if (inputValue) validateInput(inputValue);\n }\n };\n\n const handleKeyDownInput = (\n event: React.KeyboardEvent<HTMLInputElement>,\n ) => {\n if (event.key === 'Enter') validateInput(currentValue);\n };\n\n const validateInput = (inputValue: string) => {\n const parsedDate = parse(inputValue, 'dd.MM.yyyy', new Date(), {\n locale: nb,\n });\n\n const yearIsFourCharacters =\n currentValue.slice(currentValue.lastIndexOf('.') + 1).length === 4;\n const isValidDate = isValid(parsedDate) && yearIsFourCharacters;\n\n if (!isValidDate) {\n setShowFeedback(true);\n setCurrentValue(lastValidValue);\n } else {\n setShowFeedback(false);\n setLastValidValue(currentValue);\n }\n };\n\n return (\n <ReactDatepicker\n className={classNames(className)}\n calendarClassName=\"eds-datepicker__calender\"\n selected={selectedDate}\n onChange={handleChange}\n showWeekNumbers={true}\n dateFormat={['dd.MM.yyyy', 'ddMMyyyy', 'dd/MM/yyyy']}\n showPopperArrow={false}\n placeholderText={placeholder}\n readOnly={readOnly}\n id={datepickerId}\n ariaLabelledBy={datepickerId}\n disabled={disabled}\n locale={locale}\n popperModifiers={POPPER_MODIFIERS}\n onBlur={handleBlur}\n onChangeRaw={handleChangeRaw}\n onCalendarOpen={() => setShowFeedback(false)}\n value={currentValue}\n open={hideCalendar === true ? false : rest.open}\n {...rest}\n customInput={\n <DatePickerInput\n style={style}\n readOnly={readOnly}\n variant={!hideFeedback && showFeedback ? variant : ''}\n feedback={!hideFeedback && showFeedback ? feedback : ''}\n label={label}\n disabled={disabled}\n ref={ref}\n data-cy={rest['data-cy']}\n disableLabelAnimation={disableLabelAnimation}\n prepend={prepend}\n hideCalendarButton={hideCalendarButton}\n inputId={id}\n onKeyDownInput={handleKeyDownInput}\n onBlurInput={handleBlur}\n />\n }\n />\n );\n },\n);\n\ntype DatePickerInputProps = {\n onClick?: any;\n value?: any;\n disableLabelAnimation?: boolean;\n className?: string;\n hideCalendarButton?: boolean;\n feedback?: string;\n inputId?: string;\n [key: string]: any;\n};\n// Props fra customInput i react-datepicker\n// value: inputValue,\n// onBlur: this.handleBlur,\n// onChange: this.handleChange,\n// onClick: this.onInputClick,\n// onFocus: this.handleFocus,\n// onKeyDown: this.onInputKeyDown,\n// id: this.props.id,\n// name: this.props.name,\n// autoFocus: this.props.autoFocus,\n// placeholder: this.props.placeholderText,\n// disabled: this.props.disabled,\n// autoComplete: this.props.autoComplete,\n// className: classnames(customInput.props.className, className),\n// title: this.props.title,\n// readOnly: this.props.readOnly,\n// required: this.props.required,\n// tabIndex: this.props.tabIndex,\n// \"aria-describedby\": this.props.ariaDescribedBy,\n// \"aria-invalid\": this.props.ariaInvalid,\n// \"aria-labelledby\": this.props.ariaLabelledBy,\n// \"aria-required\": this.props.ariaRequired,\n\nconst DatePickerInput = React.forwardRef<\n HTMLInputElement,\n DatePickerInputProps\n>(\n (\n {\n value,\n onClick,\n // Capture onFocus prop from react-datepicker, but doesn't use it\n // eslint-disable-next-line\n onFocus,\n onKeyDown,\n variant,\n feedback,\n style,\n disableLabelAnimation,\n disabled,\n label,\n readOnly,\n id,\n prepend,\n className,\n hideCalendarButton,\n inputId,\n onKeyDownInput,\n onBlurInput,\n ...rest\n },\n ref,\n ) => {\n return (\n <span className={className} onBlur={onBlurInput}>\n <BaseFormControl\n style={style}\n className=\"eds-datepicker__form-control\"\n readOnly={readOnly}\n label={label}\n labelId={id}\n feedback={feedback}\n variant={variant}\n disabled={disabled}\n disableLabelAnimation={disableLabelAnimation}\n isFilled={value ? true : false}\n prepend={prepend}\n >\n <input\n value={value}\n onClick={onClick}\n readOnly={readOnly}\n disabled={disabled}\n ref={ref}\n // aria-labelledby={id}\n className=\"eds-form-control\"\n id={inputId}\n onKeyDown={onKeyDownInput}\n {...rest}\n />\n {!hideCalendarButton && (\n <Tooltip\n placement=\"top\"\n content=\"Åpne kalender\"\n disableHoverListener={disabled}\n disableFocusListener={disabled}\n >\n <button\n className={classNames('eds-datepicker__calendar-button', {\n 'eds-datepicker__calendar-button--open': true,\n 'eds-datepicker__calendar-button--disabled': disabled,\n })}\n onKeyDown={onKeyDown}\n onClick={onClick}\n disabled={disabled}\n type=\"button\"\n >\n <CalendarIcon />\n </button>\n </Tooltip>\n )}\n </BaseFormControl>\n </span>\n );\n },\n);\n","import React from 'react';\nimport {\n BaseFormControl,\n isFilled,\n useInputGroupContext,\n useVariant,\n VariantType,\n} from '@entur/form';\nimport { DateIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nexport type NativeDatePickerProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Label over NativeDatePicker */\n label: string;\n /** Varselmelding, som vil komme under NativeDatePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n /** Tekst eller ikon som kommer før inputfelter\n * @default <DateIcon />\n */\n prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeDatePicker = React.forwardRef<\n HTMLInputElement,\n NativeDatePickerProps\n>(\n (\n {\n className,\n style,\n label,\n onChange,\n feedback,\n variant,\n disableLabelAnimation,\n prepend = <DateIcon inline />,\n ...rest\n },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const nativedatepickerId = useRandomId('eds-nativetimepicker');\n return (\n <BaseFormControl\n style={style}\n className={className}\n prepend={prepend}\n label={label}\n feedback={feedback}\n variant={variant}\n labelId={nativedatepickerId}\n disableLabelAnimation={disableLabelAnimation}\n isFilled\n >\n <NativeDatePickerBase\n onChange={onChange}\n aria-labelledby={nativedatepickerId}\n ref={ref}\n variant={variant}\n {...rest}\n />\n </BaseFormControl>\n );\n },\n);\n\ntype NativeDatePickerBaseProps = {\n onChange?: any;\n variant?: VariantType;\n} & React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n>;\n\nconst NativeDatePickerBase = React.forwardRef<\n HTMLInputElement,\n NativeDatePickerBaseProps\n>(({ onChange, variant, value, ...rest }, ref) => {\n const contextVariant = useVariant();\n const currentVariant = variant || contextVariant;\n const { isFilled: isDatepickerFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n setFiller && !isDatepickerFilled && setFiller(true);\n });\n\n React.useEffect(() => {\n if (value) {\n setFiller && !isDatepickerFilled && setFiller(true);\n } else {\n setFiller && isDatepickerFilled && setFiller(false);\n }\n }, [value, setFiller, isDatepickerFilled]);\n\n const handleChange = (event: any) => {\n if (isFilled(event.target)) {\n setFiller && !isDatepickerFilled && setFiller(true);\n } else {\n setFiller && isDatepickerFilled && setFiller(false);\n }\n if (onChange) {\n onChange(event);\n }\n };\n return (\n <input\n ref={ref}\n aria-invalid={currentVariant === 'error'}\n type=\"date\"\n className=\"eds-form-control eds-native-date-picker\"\n onChange={handleChange}\n value={value}\n {...rest}\n />\n );\n});\n","import React from 'react';\nimport {\n default as ReactDatepicker,\n ReactDatePickerProps,\n registerLocale,\n} from 'react-datepicker';\nimport classNames from 'classnames';\nimport {\n BaseFormControl,\n useInputGroupContext,\n VariantType,\n} from '@entur/form';\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\nimport { nb } from 'date-fns/locale';\nimport { add, sub } from 'date-fns';\nimport * as Popper from '@popperjs/core';\nimport './TimePicker.scss';\nregisterLocale('nb', nb);\n\nexport type TimePickerProps = {\n /** Hva som er den valgte datoen */\n selectedTime?: Date;\n /** Kalles når datoen/tiden endres */\n onChange: (\n date: Date | null,\n event: React.SyntheticEvent<any, Event>,\n ) => void;\n /** Placeholder om ingen dato er valgt\n * @default \"Velg tid\"\n */\n placeholder?: string;\n /** Ekstra klassenavn */\n className?: string;\n /** Label over TimePicker */\n label: string;\n /** Varselmelding, som vil komme under TimePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n style?: React.CSSProperties;\n labelTooltip?: React.ReactNode;\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n /** Kalles ved klikk på pil venstre i TimePicker\n * @default Trekker fra 30 minutter av den valgte tiden\n */\n onLeftArrowClick?: (selectedTime?: Date | null, e?: React.MouseEvent) => void;\n /** Kalles ved klikk på pil høyre i TimePicker\n * @default Legger til 30 minutter av den valgte tiden\n */\n onRightArrowClick?: (\n selectedTime?: Date | null,\n e?: React.MouseEvent,\n ) => void;\n} & ReactDatePickerProps;\n\nexport const TimePicker = React.forwardRef<HTMLDivElement, TimePickerProps>(\n (\n {\n selectedTime = null,\n onChange,\n placeholder = 'Velg tid',\n disabled,\n className,\n style,\n label,\n labelTooltip,\n feedback,\n variant,\n disableLabelAnimation,\n locale = 'nb',\n onLeftArrowClick = (selectedTime, event) =>\n selectedTime && onChange(sub(selectedTime, { minutes: 30 }), event),\n onRightArrowClick = (selectedTime, event) =>\n selectedTime && onChange(add(selectedTime, { minutes: 30 }), event),\n ...rest\n },\n ref,\n ) => {\n const timepickerId = useRandomId('eds-timepicker');\n return (\n <BaseFormControl\n style={style}\n ref={ref}\n label={label}\n labelId={timepickerId}\n labelTooltip={labelTooltip}\n variant={variant}\n feedback={feedback}\n disableLabelAnimation={disableLabelAnimation}\n className=\"eds-timepicker-form-control\"\n disabled={disabled}\n prepend={\n <TimePickerArrowButton\n direction=\"left\"\n tabIndex={-1}\n onClick={(e: React.MouseEvent) => onLeftArrowClick(selectedTime, e)}\n disabled={disabled}\n />\n }\n >\n <TimePickerBase\n selectedTime={selectedTime}\n onChange={onChange}\n placeholder={placeholder}\n className={className}\n locale={locale}\n ariaLabelledBy={timepickerId}\n disabled={disabled}\n {...rest}\n />\n <TimePickerArrowButton\n direction=\"right\"\n tabIndex={-1}\n onClick={(e: React.MouseEvent) => onRightArrowClick(selectedTime, e)}\n disabled={disabled}\n />\n </BaseFormControl>\n );\n },\n);\n\ntype TimePickerBaseProps = {\n /** Hva som er den valgte datoen */\n selectedTime?: Date | null;\n /** Kalles når datoen/tiden endres */\n onChange: (\n date: Date | null,\n event: React.SyntheticEvent<any, Event>,\n ) => void;\n /** Placeholder om ingen dato er valgt\n * @default \"Velg tid\"\n */\n placeholder?: string;\n /** Ekstra klassenavn */\n className?: string;\n [key: string]: any;\n} & ReactDatePickerProps;\n\nconst POPPER_MODIFIERS: Popper.StrictModifiers[] = [\n {\n name: 'offset',\n enabled: true,\n options: {\n offset: [0, 0],\n },\n },\n];\nconst TimePickerBase: React.FC<TimePickerBaseProps> = ({\n className,\n onChange,\n selectedTime,\n placeholder,\n timeFormat = 'HH:mm',\n dateFormat = ['HH:mm', 'HHmm'],\n ...rest\n}) => {\n const { isFilled: isTimepickerFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n if (selectedTime) {\n setFiller && !isTimepickerFilled && setFiller(true);\n }\n });\n\n React.useEffect(() => {\n if (selectedTime) {\n setFiller && !isTimepickerFilled && setFiller(true);\n } else {\n setFiller && isTimepickerFilled && setFiller(false);\n }\n }, [selectedTime, setFiller, isTimepickerFilled]);\n\n const handleChange = (date: any, event: any) => {\n if (date) {\n setFiller && !isTimepickerFilled && setFiller(true);\n } else {\n setFiller && isTimepickerFilled && setFiller(false);\n }\n if (onChange) {\n onChange(date, event);\n }\n };\n return (\n <ReactDatepicker\n className={classNames(\n 'eds-form-control',\n 'eds-timepicker__input',\n className,\n )}\n calendarClassName=\"eds-timepicker\"\n selected={selectedTime}\n onChange={handleChange}\n dateFormat={dateFormat}\n timeFormat={timeFormat}\n showTimeSelect\n showTimeInput={true}\n showTimeSelectOnly\n showPopperArrow={false}\n placeholderText={placeholder}\n popperClassName=\"eds-datepicker__popper\"\n popperModifiers={POPPER_MODIFIERS}\n open={false}\n {...rest}\n />\n );\n};\n\ntype TimePickerArrowButtonProps = {\n direction: 'left' | 'right';\n} & React.DetailedHTMLProps<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n>;\n\nconst TimePickerArrowButton: React.FC<TimePickerArrowButtonProps> = ({\n direction,\n ...rest\n}) => {\n return (\n <button\n className={classNames(\n 'eds-timepicker__arrowbutton',\n `eds-timepicker__arrowbutton--${direction}`,\n )}\n type=\"button\"\n {...rest}\n >\n {direction === 'left' ? <LeftArrowIcon /> : <RightArrowIcon />}\n </button>\n );\n};\n","import React from 'react';\nimport {\n BaseFormControl,\n isFilled,\n useInputGroupContext,\n useVariant,\n VariantType,\n} from '@entur/form';\nimport { ClockIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nexport type NativeTimePickerProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Label over NativeTimePicker */\n label: string;\n /** Varselmelding, som vil komme under NativeTimePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n /** Tekst eller ikon som kommer før inputfelter\n * @default <ClockIcon />\n */\n prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeTimePicker = React.forwardRef<\n HTMLInputElement,\n NativeTimePickerProps\n>(\n (\n {\n className,\n style,\n onChange,\n label,\n feedback,\n variant,\n disableLabelAnimation,\n prepend = <ClockIcon />,\n ...rest\n },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const nativetimepickerId = useRandomId('eds-nativetimepicker');\n return (\n <BaseFormControl\n style={style}\n className={className}\n prepend={prepend}\n label={label}\n feedback={feedback}\n variant={variant}\n labelId={nativetimepickerId}\n disableLabelAnimation={disableLabelAnimation}\n >\n <NativeTimePickerBase\n onChange={onChange}\n aria-labelledby={nativetimepickerId}\n ref={ref}\n {...rest}\n />\n </BaseFormControl>\n );\n },\n);\n\ntype NativeTimePickerBaseProps = {\n variant?: VariantType;\n} & React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n>;\n\nconst NativeTimePickerBase = React.forwardRef<\n HTMLInputElement,\n NativeTimePickerBaseProps\n>(({ onChange, value, ...rest }, ref) => {\n const contextVariant = useVariant();\n const currentVariant = rest.variant || contextVariant;\n const { isFilled: isTimepickerFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n setFiller && !isTimepickerFilled && setFiller(true);\n });\n\n React.useEffect(() => {\n if (value) {\n setFiller && !isTimepickerFilled && setFiller(true);\n } else {\n setFiller && isTimepickerFilled && setFiller(false);\n }\n }, [value, setFiller, isTimepickerFilled]);\n\n const handleChange = (event: any) => {\n if (isFilled(event.target)) {\n setFiller && !isTimepickerFilled && setFiller(true);\n } else {\n setFiller && isTimepickerFilled && setFiller(false);\n }\n if (onChange) {\n onChange(event);\n }\n };\n return (\n <input\n ref={ref}\n aria-invalid={currentVariant === 'error'}\n type=\"time\"\n className=\"eds-form-control eds-native-date-picker\"\n onChange={handleChange}\n value={value}\n {...rest}\n />\n );\n});\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nimport './react-datepicker.scss';\n\nwarnAboutMissingStyles('datepicker', 'form', 'icons');\n\nexport * from './DatePicker';\nexport * from './NativeDatePicker';\nexport * from './TimePicker';\nexport * from './NativeTimePicker';\n"],"names":["registerLocale","nb","POPPER_MODIFIERS","name","enabled","options","offset","DatePicker","React","forwardRef","ref","selectedDate","onChange","placeholder","className","style","readOnly","disableLabelAnimation","locale","prepend","disabled","variant","feedback","label","hideCalendarButton","hideCalendar","hideFeedback","id","rest","useState","showFeedback","setShowFeedback","currentValue","setCurrentValue","lastValidValue","setLastValidValue","datepickerId","useRandomId","useInputGroupContext","isDatepickerFilled","isFilled","setFiller","setFilled","useOnMount","handleChange","undefined","useEffect","date","event","dateString","toLocaleDateString","day","month","year","handleChangeRaw","target","value","handleBlur","inputValue","validateInput","handleKeyDownInput","key","parsedDate","parse","Date","yearIsFourCharacters","slice","lastIndexOf","length","isValidDate","isValid","ReactDatepicker","classNames","calendarClassName","selected","showWeekNumbers","dateFormat","showPopperArrow","placeholderText","ariaLabelledBy","popperModifiers","onBlur","onChangeRaw","onCalendarOpen","open","customInput","DatePickerInput","inputId","onKeyDownInput","onBlurInput","onClick","onKeyDown","BaseFormControl","labelId","Tooltip","placement","content","disableHoverListener","disableFocusListener","type","CalendarIcon","NativeDatePicker","DateIcon","inline","nativedatepickerId","NativeDatePickerBase","contextVariant","useVariant","currentVariant","TimePicker","selectedTime","labelTooltip","onLeftArrowClick","sub","minutes","onRightArrowClick","add","timepickerId","TimePickerArrowButton","direction","tabIndex","e","TimePickerBase","timeFormat","isTimepickerFilled","showTimeSelect","showTimeInput","showTimeSelectOnly","popperClassName","LeftArrowIcon","RightArrowIcon","NativeTimePicker","ClockIcon","nativetimepickerId","NativeTimePickerBase","warnAboutMissingStyles"],"mappings":"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"}
1
+ {"version":3,"file":"datepicker.esm.js","sources":["../src/DatePicker.tsx","../src/NativeDatePicker.tsx","../src/TimePicker.tsx","../src/NativeTimePicker.tsx","../src/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n default as ReactDatepicker,\n ReactDatePickerProps,\n registerLocale,\n} from 'react-datepicker';\nimport classNames from 'classnames';\nimport {\n BaseFormControl,\n useInputGroupContext,\n VariantType,\n} from '@entur/form';\nimport { CalendarIcon } from '@entur/icons';\nimport { parse, isValid } from 'date-fns';\nimport { nb } from 'date-fns/locale';\nimport './DatePicker.scss';\nimport { Tooltip } from '@entur/tooltip';\nimport { useRandomId } from '@entur/utils';\nimport * as Popper from '@popperjs/core';\n\nregisterLocale('nb', nb);\n\nexport type DatePickerProps = {\n /** Hva som er den valgte datoen */\n selectedDate?: Date;\n /** Kalles når datoen/tiden endres */\n onChange: (\n date: Date | null,\n event: React.SyntheticEvent<any, Event>,\n ) => void;\n /**\n * Kalles når innholdet i inputfeltet endres\n */\n onChangeInput?: (value: string) => void;\n /** Placeholder om ingen dato er valgt\n * @default \"dd.mm.yyyy\"\n */\n placeholder?: string;\n /** Ekstra klassenavn */\n className?: string;\n /** Label over DatePicker */\n label: string;\n /**\n * Varselmelding, som vil komme under DatePicker\n */\n feedback?: string;\n /** Valideringsvariant\n */\n variant?: VariantType;\n /** Varselmelding for når datoen er på feil format\n * @default \"Ugyldig dato\"\n */\n validationFeedback?: string;\n /** Valideringsvariant for melding om feil datoformat\n * @default \"error\"\n */\n validationVariant?: VariantType;\n style?: React.CSSProperties;\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n /** Tekst eller ikon som kommer før inputfelter\n * @default <DateIcon />\n */\n prepend?: React.ReactNode;\n /** Skjuler knapp for åpning av kalender\n * @default false\n */\n hideCalendarButton?: boolean;\n /** Skjuler tilbakemeldingsteksten ved feil dato-input\n * @default false\n */\n hideValidationFeedback?: boolean;\n /** Skjuler kalender-GUI-et\n * @default false\n */\n hideCalendar?: boolean;\n // For testing\n 'data-cy'?: any;\n} & Omit<ReactDatePickerProps, 'selected' | 'customInput' | 'onChangeRaw'>;\nconst POPPER_MODIFIERS: Popper.StrictModifiers[] = [\n {\n name: 'offset',\n enabled: true,\n options: {\n offset: [0, 0],\n },\n },\n];\n\nexport const DatePicker = React.forwardRef<HTMLInputElement, DatePickerProps>(\n (\n {\n selectedDate = null,\n onChange,\n onChangeInput,\n placeholder = 'dd.mm.yyyy',\n className,\n style,\n readOnly,\n disableLabelAnimation = false,\n locale = 'nb',\n prepend,\n disabled,\n variant,\n validationVariant = 'error',\n feedback,\n validationFeedback = 'Ugyldig dato',\n label,\n hideCalendarButton = false,\n hideCalendar = false,\n hideValidationFeedback = false,\n id,\n ...rest\n },\n ref,\n ) => {\n const [showValidationFeedback, setShowValidationFeedback] = useState(false);\n const [currentValue, setCurrentValue] = useState('');\n const [lastValidValue, setLastValidValue] = useState('');\n\n const datepickerId = useRandomId('eds-datepicker');\n const { isFilled: isDatepickerFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n React.useEffect(() => {\n if (selectedDate) {\n setFiller && !isDatepickerFilled && setFiller(true);\n } else {\n setFiller && isDatepickerFilled && setFiller(false);\n }\n handleChange(selectedDate, undefined);\n }, [selectedDate, setFiller, isDatepickerFilled]);\n\n const handleChange = (\n date: any,\n event: React.SyntheticEvent<any> | undefined,\n ) => {\n if (date) {\n setFiller && !isDatepickerFilled && setFiller(true);\n } else {\n setFiller && isDatepickerFilled && setFiller(false);\n }\n if (onChange) {\n onChange(date, event);\n const dateString = date?.toLocaleDateString('no-NO', {\n day: '2-digit',\n month: '2-digit',\n year: 'numeric',\n });\n setCurrentValue(dateString ?? '');\n setLastValidValue(dateString ?? '');\n }\n };\n\n const handleChangeRaw = (event: React.FocusEvent<HTMLInputElement>) => {\n setShowValidationFeedback(false);\n setCurrentValue(event.target.value);\n if (onChangeInput) onChangeInput(event.target.value);\n };\n\n const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n if (showValidationFeedback) {\n setShowValidationFeedback(false);\n } else {\n const inputValue = event.target.value;\n if (inputValue) validateInput(inputValue);\n }\n };\n\n const handleKeyDownInput = (\n event: React.KeyboardEvent<HTMLInputElement>,\n ) => {\n const inputValue = event.currentTarget.value;\n if (event.key === 'Enter') {\n if (inputValue) validateInput(currentValue);\n else setShowValidationFeedback(false);\n }\n };\n\n const validateInput = (inputValue: string) => {\n const parsedDate = parse(inputValue, 'dd.MM.yyyy', new Date(), {\n locale: nb,\n });\n\n const yearIsFourCharacters =\n currentValue.slice(currentValue.lastIndexOf('.') + 1).length === 4;\n const isValidDate = isValid(parsedDate) && yearIsFourCharacters;\n\n if (isValidDate) {\n setShowValidationFeedback(false);\n setLastValidValue(currentValue);\n } else {\n setShowValidationFeedback(true);\n setCurrentValue(lastValidValue);\n }\n };\n\n const displayedFeedback = (): string => {\n if (feedback) return feedback;\n if (!hideValidationFeedback && showValidationFeedback)\n return validationFeedback;\n return '';\n };\n\n const displayedVariant = (): string | undefined => {\n if (feedback && variant) return variant;\n if (!hideValidationFeedback && showValidationFeedback)\n return validationVariant;\n return undefined;\n };\n\n return (\n <ReactDatepicker\n className={classNames(className)}\n calendarClassName=\"eds-datepicker__calender\"\n selected={selectedDate}\n onChange={handleChange}\n showWeekNumbers={true}\n dateFormat={['dd.MM.yyyy', 'ddMMyyyy', 'dd/MM/yyyy']}\n showPopperArrow={false}\n placeholderText={placeholder}\n readOnly={readOnly}\n id={datepickerId}\n ariaLabelledBy={datepickerId}\n disabled={disabled}\n locale={locale}\n popperModifiers={POPPER_MODIFIERS}\n onBlur={handleBlur}\n onChangeRaw={handleChangeRaw}\n onCalendarOpen={() => setShowValidationFeedback(false)}\n value={currentValue}\n open={hideCalendar === true ? false : rest.open}\n {...rest}\n customInput={\n <DatePickerInput\n style={style}\n readOnly={readOnly}\n variant={displayedVariant()}\n feedback={displayedFeedback()}\n label={label}\n disabled={disabled}\n ref={ref}\n data-cy={rest['data-cy']}\n disableLabelAnimation={disableLabelAnimation}\n prepend={prepend}\n hideCalendarButton={hideCalendarButton}\n inputId={id}\n onKeyDownInput={handleKeyDownInput}\n onBlurInput={handleBlur}\n onChangeInput={onChangeInput}\n />\n }\n />\n );\n },\n);\n\ntype DatePickerInputProps = {\n onClick?: any;\n value?: any;\n disableLabelAnimation?: boolean;\n className?: string;\n hideCalendarButton?: boolean;\n feedback?: string;\n inputId?: string;\n [key: string]: any;\n};\n// Props fra customInput i react-datepicker\n// value: inputValue,\n// onBlur: this.handleBlur,\n// onChange: this.handleChange,\n// onClick: this.onInputClick,\n// onFocus: this.handleFocus,\n// onKeyDown: this.onInputKeyDown,\n// id: this.props.id,\n// name: this.props.name,\n// autoFocus: this.props.autoFocus,\n// placeholder: this.props.placeholderText,\n// disabled: this.props.disabled,\n// autoComplete: this.props.autoComplete,\n// className: classnames(customInput.props.className, className),\n// title: this.props.title,\n// readOnly: this.props.readOnly,\n// required: this.props.required,\n// tabIndex: this.props.tabIndex,\n// \"aria-describedby\": this.props.ariaDescribedBy,\n// \"aria-invalid\": this.props.ariaInvalid,\n// \"aria-labelledby\": this.props.ariaLabelledBy,\n// \"aria-required\": this.props.ariaRequired,\n\nconst DatePickerInput = React.forwardRef<\n HTMLInputElement,\n DatePickerInputProps\n>(\n (\n {\n value,\n onClick,\n // Capture onFocus prop from react-datepicker, but doesn't use it\n // eslint-disable-next-line\n onFocus,\n onKeyDown,\n variant,\n feedback,\n style,\n disableLabelAnimation,\n disabled,\n label,\n readOnly,\n id,\n prepend,\n className,\n hideCalendarButton,\n inputId,\n onChangeInput,\n onKeyDownInput,\n onBlurInput,\n ...rest\n },\n ref,\n ) => {\n return (\n <span className={className} onBlur={onBlurInput}>\n <BaseFormControl\n style={style}\n className=\"eds-datepicker__form-control\"\n readOnly={readOnly}\n label={label}\n labelId={id}\n feedback={feedback}\n variant={variant}\n disabled={disabled}\n disableLabelAnimation={disableLabelAnimation}\n isFilled={value ? true : false}\n prepend={prepend}\n >\n <input\n value={value}\n onClick={onClick}\n readOnly={readOnly}\n disabled={disabled}\n ref={ref}\n // aria-labelledby={id}\n className=\"eds-form-control\"\n id={inputId}\n onKeyDown={onKeyDownInput}\n onChange={onChangeInput}\n {...rest}\n />\n {!hideCalendarButton && (\n <Tooltip\n placement=\"top\"\n content=\"Åpne kalender\"\n disableHoverListener={disabled}\n disableFocusListener={disabled}\n >\n <button\n className={classNames('eds-datepicker__calendar-button', {\n 'eds-datepicker__calendar-button--open': true,\n 'eds-datepicker__calendar-button--disabled': disabled,\n })}\n onKeyDown={onKeyDown}\n onClick={onClick}\n disabled={disabled}\n type=\"button\"\n >\n <CalendarIcon />\n </button>\n </Tooltip>\n )}\n </BaseFormControl>\n </span>\n );\n },\n);\n","import React from 'react';\nimport {\n BaseFormControl,\n isFilled,\n useInputGroupContext,\n useVariant,\n VariantType,\n} from '@entur/form';\nimport { DateIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nexport type NativeDatePickerProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Label over NativeDatePicker */\n label: string;\n /** Varselmelding, som vil komme under NativeDatePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n /** Tekst eller ikon som kommer før inputfelter\n * @default <DateIcon />\n */\n prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeDatePicker = React.forwardRef<\n HTMLInputElement,\n NativeDatePickerProps\n>(\n (\n {\n className,\n style,\n label,\n onChange,\n feedback,\n variant,\n disableLabelAnimation,\n prepend = <DateIcon inline />,\n ...rest\n },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const nativedatepickerId = useRandomId('eds-nativetimepicker');\n return (\n <BaseFormControl\n style={style}\n className={className}\n prepend={prepend}\n label={label}\n feedback={feedback}\n variant={variant}\n labelId={nativedatepickerId}\n disableLabelAnimation={disableLabelAnimation}\n isFilled\n >\n <NativeDatePickerBase\n onChange={onChange}\n aria-labelledby={nativedatepickerId}\n ref={ref}\n variant={variant}\n {...rest}\n />\n </BaseFormControl>\n );\n },\n);\n\ntype NativeDatePickerBaseProps = {\n onChange?: any;\n variant?: VariantType;\n} & React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n>;\n\nconst NativeDatePickerBase = React.forwardRef<\n HTMLInputElement,\n NativeDatePickerBaseProps\n>(({ onChange, variant, value, ...rest }, ref) => {\n const contextVariant = useVariant();\n const currentVariant = variant || contextVariant;\n const { isFilled: isDatepickerFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n setFiller && !isDatepickerFilled && setFiller(true);\n });\n\n React.useEffect(() => {\n if (value) {\n setFiller && !isDatepickerFilled && setFiller(true);\n } else {\n setFiller && isDatepickerFilled && setFiller(false);\n }\n }, [value, setFiller, isDatepickerFilled]);\n\n const handleChange = (event: any) => {\n if (isFilled(event.target)) {\n setFiller && !isDatepickerFilled && setFiller(true);\n } else {\n setFiller && isDatepickerFilled && setFiller(false);\n }\n if (onChange) {\n onChange(event);\n }\n };\n return (\n <input\n ref={ref}\n aria-invalid={currentVariant === 'error'}\n type=\"date\"\n className=\"eds-form-control eds-native-date-picker\"\n onChange={handleChange}\n value={value}\n {...rest}\n />\n );\n});\n","import React from 'react';\nimport {\n default as ReactDatepicker,\n ReactDatePickerProps,\n registerLocale,\n} from 'react-datepicker';\nimport classNames from 'classnames';\nimport {\n BaseFormControl,\n useInputGroupContext,\n VariantType,\n} from '@entur/form';\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\nimport { nb } from 'date-fns/locale';\nimport { add, sub } from 'date-fns';\nimport * as Popper from '@popperjs/core';\nimport './TimePicker.scss';\nregisterLocale('nb', nb);\n\nexport type TimePickerProps = {\n /** Hva som er den valgte datoen */\n selectedTime?: Date;\n /** Kalles når datoen/tiden endres */\n onChange: (\n date: Date | null,\n event: React.SyntheticEvent<any, Event>,\n ) => void;\n /** Placeholder om ingen dato er valgt\n * @default \"Velg tid\"\n */\n placeholder?: string;\n /** Ekstra klassenavn */\n className?: string;\n /** Label over TimePicker */\n label: string;\n /** Varselmelding, som vil komme under TimePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n style?: React.CSSProperties;\n labelTooltip?: React.ReactNode;\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n /** Kalles ved klikk på pil venstre i TimePicker\n * @default Trekker fra 30 minutter av den valgte tiden\n */\n onLeftArrowClick?: (selectedTime?: Date | null, e?: React.MouseEvent) => void;\n /** Kalles ved klikk på pil høyre i TimePicker\n * @default Legger til 30 minutter av den valgte tiden\n */\n onRightArrowClick?: (\n selectedTime?: Date | null,\n e?: React.MouseEvent,\n ) => void;\n} & ReactDatePickerProps;\n\nexport const TimePicker = React.forwardRef<HTMLDivElement, TimePickerProps>(\n (\n {\n selectedTime = null,\n onChange,\n placeholder = 'Velg tid',\n disabled,\n className,\n style,\n label,\n labelTooltip,\n feedback,\n variant,\n disableLabelAnimation,\n locale = 'nb',\n onLeftArrowClick = (selectedTime, event) =>\n selectedTime && onChange(sub(selectedTime, { minutes: 30 }), event),\n onRightArrowClick = (selectedTime, event) =>\n selectedTime && onChange(add(selectedTime, { minutes: 30 }), event),\n ...rest\n },\n ref,\n ) => {\n const timepickerId = useRandomId('eds-timepicker');\n return (\n <BaseFormControl\n style={style}\n ref={ref}\n label={label}\n labelId={timepickerId}\n labelTooltip={labelTooltip}\n variant={variant}\n feedback={feedback}\n disableLabelAnimation={disableLabelAnimation}\n className=\"eds-timepicker-form-control\"\n disabled={disabled}\n prepend={\n <TimePickerArrowButton\n direction=\"left\"\n tabIndex={-1}\n onClick={(e: React.MouseEvent) => onLeftArrowClick(selectedTime, e)}\n disabled={disabled}\n />\n }\n >\n <TimePickerBase\n selectedTime={selectedTime}\n onChange={onChange}\n placeholder={placeholder}\n className={className}\n locale={locale}\n ariaLabelledBy={timepickerId}\n disabled={disabled}\n {...rest}\n />\n <TimePickerArrowButton\n direction=\"right\"\n tabIndex={-1}\n onClick={(e: React.MouseEvent) => onRightArrowClick(selectedTime, e)}\n disabled={disabled}\n />\n </BaseFormControl>\n );\n },\n);\n\ntype TimePickerBaseProps = {\n /** Hva som er den valgte datoen */\n selectedTime?: Date | null;\n /** Kalles når datoen/tiden endres */\n onChange: (\n date: Date | null,\n event: React.SyntheticEvent<any, Event>,\n ) => void;\n /** Placeholder om ingen dato er valgt\n * @default \"Velg tid\"\n */\n placeholder?: string;\n /** Ekstra klassenavn */\n className?: string;\n [key: string]: any;\n} & ReactDatePickerProps;\n\nconst POPPER_MODIFIERS: Popper.StrictModifiers[] = [\n {\n name: 'offset',\n enabled: true,\n options: {\n offset: [0, 0],\n },\n },\n];\nconst TimePickerBase: React.FC<TimePickerBaseProps> = ({\n className,\n onChange,\n selectedTime,\n placeholder,\n timeFormat = 'HH:mm',\n dateFormat = ['HH:mm', 'HHmm'],\n ...rest\n}) => {\n const { isFilled: isTimepickerFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n if (selectedTime) {\n setFiller && !isTimepickerFilled && setFiller(true);\n }\n });\n\n React.useEffect(() => {\n if (selectedTime) {\n setFiller && !isTimepickerFilled && setFiller(true);\n } else {\n setFiller && isTimepickerFilled && setFiller(false);\n }\n }, [selectedTime, setFiller, isTimepickerFilled]);\n\n const handleChange = (date: any, event: any) => {\n if (date) {\n setFiller && !isTimepickerFilled && setFiller(true);\n } else {\n setFiller && isTimepickerFilled && setFiller(false);\n }\n if (onChange) {\n onChange(date, event);\n }\n };\n return (\n <ReactDatepicker\n className={classNames(\n 'eds-form-control',\n 'eds-timepicker__input',\n className,\n )}\n calendarClassName=\"eds-timepicker\"\n selected={selectedTime}\n onChange={handleChange}\n dateFormat={dateFormat}\n timeFormat={timeFormat}\n showTimeSelect\n showTimeInput={true}\n showTimeSelectOnly\n showPopperArrow={false}\n placeholderText={placeholder}\n popperClassName=\"eds-datepicker__popper\"\n popperModifiers={POPPER_MODIFIERS}\n open={false}\n {...rest}\n />\n );\n};\n\ntype TimePickerArrowButtonProps = {\n direction: 'left' | 'right';\n} & React.DetailedHTMLProps<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n>;\n\nconst TimePickerArrowButton: React.FC<TimePickerArrowButtonProps> = ({\n direction,\n ...rest\n}) => {\n return (\n <button\n className={classNames(\n 'eds-timepicker__arrowbutton',\n `eds-timepicker__arrowbutton--${direction}`,\n )}\n type=\"button\"\n {...rest}\n >\n {direction === 'left' ? <LeftArrowIcon /> : <RightArrowIcon />}\n </button>\n );\n};\n","import React from 'react';\nimport {\n BaseFormControl,\n isFilled,\n useInputGroupContext,\n useVariant,\n VariantType,\n} from '@entur/form';\nimport { ClockIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nexport type NativeTimePickerProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Label over NativeTimePicker */\n label: string;\n /** Varselmelding, som vil komme under NativeTimePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n /** Tekst eller ikon som kommer før inputfelter\n * @default <ClockIcon />\n */\n prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeTimePicker = React.forwardRef<\n HTMLInputElement,\n NativeTimePickerProps\n>(\n (\n {\n className,\n style,\n onChange,\n label,\n feedback,\n variant,\n disableLabelAnimation,\n prepend = <ClockIcon />,\n ...rest\n },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const nativetimepickerId = useRandomId('eds-nativetimepicker');\n return (\n <BaseFormControl\n style={style}\n className={className}\n prepend={prepend}\n label={label}\n feedback={feedback}\n variant={variant}\n labelId={nativetimepickerId}\n disableLabelAnimation={disableLabelAnimation}\n >\n <NativeTimePickerBase\n onChange={onChange}\n aria-labelledby={nativetimepickerId}\n ref={ref}\n {...rest}\n />\n </BaseFormControl>\n );\n },\n);\n\ntype NativeTimePickerBaseProps = {\n variant?: VariantType;\n} & React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n>;\n\nconst NativeTimePickerBase = React.forwardRef<\n HTMLInputElement,\n NativeTimePickerBaseProps\n>(({ onChange, value, ...rest }, ref) => {\n const contextVariant = useVariant();\n const currentVariant = rest.variant || contextVariant;\n const { isFilled: isTimepickerFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n setFiller && !isTimepickerFilled && setFiller(true);\n });\n\n React.useEffect(() => {\n if (value) {\n setFiller && !isTimepickerFilled && setFiller(true);\n } else {\n setFiller && isTimepickerFilled && setFiller(false);\n }\n }, [value, setFiller, isTimepickerFilled]);\n\n const handleChange = (event: any) => {\n if (isFilled(event.target)) {\n setFiller && !isTimepickerFilled && setFiller(true);\n } else {\n setFiller && isTimepickerFilled && setFiller(false);\n }\n if (onChange) {\n onChange(event);\n }\n };\n return (\n <input\n ref={ref}\n aria-invalid={currentVariant === 'error'}\n type=\"time\"\n className=\"eds-form-control eds-native-date-picker\"\n onChange={handleChange}\n value={value}\n {...rest}\n />\n );\n});\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nimport './react-datepicker.scss';\n\nwarnAboutMissingStyles('datepicker', 'form', 'icons');\n\nexport * from './DatePicker';\nexport * from './NativeDatePicker';\nexport * from './TimePicker';\nexport * from './NativeTimePicker';\n"],"names":["registerLocale","nb","POPPER_MODIFIERS","name","enabled","options","offset","DatePicker","React","forwardRef","ref","selectedDate","onChange","onChangeInput","placeholder","className","style","readOnly","disableLabelAnimation","locale","prepend","disabled","variant","validationVariant","feedback","validationFeedback","label","hideCalendarButton","hideCalendar","hideValidationFeedback","id","rest","useState","showValidationFeedback","setShowValidationFeedback","currentValue","setCurrentValue","lastValidValue","setLastValidValue","datepickerId","useRandomId","useInputGroupContext","isDatepickerFilled","isFilled","setFiller","setFilled","useEffect","handleChange","undefined","date","event","dateString","toLocaleDateString","day","month","year","handleChangeRaw","target","value","handleBlur","inputValue","validateInput","handleKeyDownInput","currentTarget","key","parsedDate","parse","Date","yearIsFourCharacters","slice","lastIndexOf","length","isValidDate","isValid","displayedFeedback","displayedVariant","ReactDatepicker","classNames","calendarClassName","selected","showWeekNumbers","dateFormat","showPopperArrow","placeholderText","ariaLabelledBy","popperModifiers","onBlur","onChangeRaw","onCalendarOpen","open","customInput","DatePickerInput","inputId","onKeyDownInput","onBlurInput","onClick","onKeyDown","BaseFormControl","labelId","Tooltip","placement","content","disableHoverListener","disableFocusListener","type","CalendarIcon","NativeDatePicker","DateIcon","inline","nativedatepickerId","NativeDatePickerBase","contextVariant","useVariant","currentVariant","useOnMount","TimePicker","selectedTime","labelTooltip","onLeftArrowClick","sub","minutes","onRightArrowClick","add","timepickerId","TimePickerArrowButton","direction","tabIndex","e","TimePickerBase","timeFormat","isTimepickerFilled","showTimeSelect","showTimeInput","showTimeSelectOnly","popperClassName","LeftArrowIcon","RightArrowIcon","NativeTimePicker","ClockIcon","nativetimepickerId","NativeTimePickerBase","warnAboutMissingStyles"],"mappings":"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"}