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

DNB Eufemia Design System UI Library

"use client";

import React, { useCallback, useContext } from 'react';
import DatePickerCalendar from "./DatePickerCalendar.js";
import DatePickerContext from "./DatePickerContext.js";
import { jsx as _jsx } from "react/jsx-runtime";
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 _jsx("div", {
    className: "dnb-date-picker__views",
    children: views.map((calendar, i) => _jsx(DatePickerCalendar, {
      ...calendar,
      ...props,
      id: `${props.id}-${i}-`,
      onSelect: onSelect
    }, calendar.nr))
  });
}
export default DatePickerRange;
//# sourceMappingURL=DatePickerRange.js.map