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

DNB Eufemia Design System UI Library

"use strict";
"use client";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = require("react");
var _DatePickerCalendar = _interopRequireDefault(require("./DatePickerCalendar.js"));
var _DatePickerContext = _interopRequireDefault(require("./DatePickerContext.js"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function DatePickerRange({
  onPickerChange,
  ...props
}) {
  const {
    views,
    callOnChangeHandler
  } = (0, _react.useContext)(_DatePickerContext.default);
  const onSelect = (0, _react.useCallback)(event => {
    callOnChangeHandler(event);
    onPickerChange === null || onPickerChange === void 0 || onPickerChange({
      startDate: event.startDate,
      endDate: event.endDate,
      ...event
    });
  }, [onPickerChange, callOnChangeHandler]);
  return (0, _jsxRuntime.jsx)("div", {
    className: "dnb-date-picker__views",
    children: views.map((calendar, i) => (0, _jsxRuntime.jsx)(_DatePickerCalendar.default, {
      ...calendar,
      ...props,
      id: `${props.id}-${i}-`,
      onSelect: onSelect
    }, calendar.nr))
  });
}
var _default = exports.default = DatePickerRange;
//# sourceMappingURL=DatePickerRange.js.map