@dnb/eufemia/components/date-picker/DatePickerRange.js

DNB Eufemia Design System UI Library

"use client";

import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
import React, { useCallback, useContext } from 'react';
import DatePickerCalendar from "./DatePickerCalendar.js";
import DatePickerContext from "./DatePickerContext.js";
function DatePickerRange({
  onPickerChange,
  ...props
}) {
  const {
    views,
    callOnChangeHandler
  } = useContext(DatePickerContext);
  const onSelect = useCallback(event => {
    callOnChangeHandler(event);
    onPickerChange === null || onPickerChange === void 0 || onPickerChange({
      startDate: event.startDate,
      endDate: event.endDate,
      ...event
    });
  }, [onPickerChange, callOnChangeHandler]);
  return React.createElement("div", {
    className: "dnb-date-picker__views"
  }, views.map((calendar, i) => React.createElement(DatePickerCalendar, _extends({
    key: calendar.nr
  }, calendar, props, {
    id: `${props.id}-${i}-`,
    onSelect: onSelect
  }))));
}
export default DatePickerRange;
//# sourceMappingURL=DatePickerRange.js.map