@dnb/eufemia 10.54.0 → 10.55.0

package/cjs/components/date-picker/hooks/useDates.js

@@ -0,0 +1,182 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useDates;
+exports.pad = pad;
+var _react = require("react");
+var _DatePickerCalc = require("../DatePickerCalc");
+var _isValid = _interopRequireDefault(require("date-fns/isValid"));
+var _format = _interopRequireDefault(require("date-fns/format"));
+var _dateFns = require("date-fns");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function useDates(dateProps, _ref) {
+  let {
+    dateFormat,
+    isRange = false,
+    shouldCorrectDate = false
+  } = _ref;
+  const [previousDates, setPreviousDates] = (0, _react.useState)(dateProps);
+  const [dates, setDates] = (0, _react.useState)(_objectSpread({}, mapDates(dateProps, previousDates, {
+    dateFormat,
+    isRange,
+    shouldCorrectDate
+  })));
+  const hasDatePropChanges = (0, _react.useMemo)(() => Object.keys(dateProps).some(date => {
+    return dateProps[date] !== previousDates[date];
+  }), [dateProps, previousDates]);
+  if (hasDatePropChanges) {
+    setDates(_objectSpread({}, mapDates(_objectSpread(_objectSpread({}, dates), dateProps), previousDates, {
+      dateFormat,
+      isRange,
+      shouldCorrectDate
+    })));
+    setPreviousDates(dateProps);
+  }
+  const hasHadValidDate = (0, _react.useRef)(false);
+  const updateDates = (0, _react.useCallback)((newDates, callback) => {
+    var _newDates$startDate, _newDates$endDate;
+    const correctedDates = shouldCorrectDate ? correctDates({
+      startDate: (_newDates$startDate = newDates.startDate) !== null && _newDates$startDate !== void 0 ? _newDates$startDate : dates.startDate,
+      endDate: (_newDates$endDate = newDates.endDate) !== null && _newDates$endDate !== void 0 ? _newDates$endDate : dates.endDate,
+      minDate: dates.minDate,
+      maxDate: dates.maxDate,
+      isRange
+    }) : {};
+    const months = updateMonths({
+      newDates,
+      currentDates: dates
+    });
+    setDates(currentDates => {
+      return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, currentDates), newDates), months), correctedDates);
+    });
+    callback === null || callback === void 0 ? void 0 : callback(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, dates), newDates), months), correctedDates));
+  }, [dates, shouldCorrectDate, isRange]);
+  (0, _react.useEffect)(() => {
+    const startDates = updateInputDates('start', dates);
+    const endDates = updateInputDates('end', dates);
+    hasHadValidDate.current = (0, _isValid.default)(dates.startDate) || (0, _isValid.default)(dates.endDate);
+    setDates(currentDates => _objectSpread(_objectSpread(_objectSpread({}, currentDates), startDates), endDates));
+  }, [dates.startDate, dates.endDate]);
+  return {
+    dates,
+    updateDates,
+    hasHadValidDate: hasHadValidDate.current,
+    previousDates
+  };
+}
+function updateInputDates(type, dates) {
+  const updatedDates = {};
+  const date = dates[`${type}Date`];
+  if ((0, _isValid.default)(date)) {
+    updatedDates[`__${type}Day`] = pad((0, _format.default)(date, 'dd'), 2);
+    updatedDates[`__${type}Month`] = pad((0, _format.default)(date, 'MM'), 2);
+    updatedDates[`__${type}Year`] = (0, _format.default)(date, 'yyyy');
+  } else if (date === undefined) {
+    updatedDates[`__${type}Day`] = null;
+    updatedDates[`__${type}Month`] = null;
+    updatedDates[`__${type}Year`] = null;
+  }
+  return updatedDates;
+}
+function mapDates(dateProps, previousDates, _ref2) {
+  var _ref3, _convertStringToDate, _convertStringToDate2;
+  let {
+    dateFormat,
+    isRange,
+    shouldCorrectDate
+  } = _ref2;
+  const date = previousDates.date !== dateProps.date ? dateProps.date : previousDates.date;
+  const startDate = typeof (dateProps === null || dateProps === void 0 ? void 0 : dateProps.startDate) !== 'undefined' ? getDate(dateProps.startDate, dateFormat) : typeof date !== 'undefined' ? getDate(date, dateFormat) : undefined;
+  const endDate = !isRange ? startDate : (0, _DatePickerCalc.convertStringToDate)(dateProps === null || dateProps === void 0 ? void 0 : dateProps.endDate, {
+    date_format: dateFormat
+  }) || undefined;
+  const startMonth = (_ref3 = (_convertStringToDate = (0, _DatePickerCalc.convertStringToDate)(dateProps.startMonth, {
+    date_format: dateFormat
+  })) !== null && _convertStringToDate !== void 0 ? _convertStringToDate : startDate) !== null && _ref3 !== void 0 ? _ref3 : new Date();
+  const endMonth = ((_convertStringToDate2 = (0, _DatePickerCalc.convertStringToDate)(dateProps.endMonth, {
+    date_format: dateFormat
+  })) !== null && _convertStringToDate2 !== void 0 ? _convertStringToDate2 : !isRange) ? startMonth : endDate !== null && endDate !== void 0 ? endDate : (0, _dateFns.addMonths)(startMonth, 1);
+  const minDate = (0, _DatePickerCalc.convertStringToDate)(dateProps.minDate, {
+    date_format: dateFormat
+  });
+  const maxDate = (0, _DatePickerCalc.convertStringToDate)(dateProps.maxDate, {
+    date_format: dateFormat
+  });
+  const hasValidStartDate = (0, _isValid.default)(startDate);
+  const hasValidEndDate = (0, _isValid.default)(endDate);
+  const correctedDates = shouldCorrectDate ? correctDates({
+    startDate,
+    endDate,
+    minDate,
+    maxDate,
+    isRange
+  }) : {};
+  const dates = _objectSpread({
+    startDate,
+    endDate,
+    startMonth,
+    endMonth,
+    minDate,
+    maxDate
+  }, correctedDates);
+  return _objectSpread(_objectSpread({}, dates), {}, {
+    __startDay: hasValidStartDate ? pad((0, _format.default)(dates.startDate, 'dd'), 2) : null,
+    __startMonth: hasValidStartDate ? pad((0, _format.default)(dates.startDate, 'MM'), 2) : null,
+    __startYear: hasValidStartDate ? (0, _format.default)(dates.startDate, 'yyyy') : null,
+    __endDay: hasValidEndDate ? pad((0, _format.default)(dates.endDate, 'dd'), 2) : null,
+    __endMonth: hasValidEndDate ? pad((0, _format.default)(dates.endDate, 'MM'), 2) : null,
+    __endYear: hasValidEndDate ? (0, _format.default)(dates.endDate, 'yyyy') : null
+  });
+}
+function correctDates(_ref4) {
+  let {
+    startDate,
+    endDate,
+    minDate,
+    maxDate,
+    isRange
+  } = _ref4;
+  const correctedDates = {};
+  if ((0, _DatePickerCalc.isDisabled)(startDate, minDate, maxDate)) {
+    correctedDates['startDate'] = minDate;
+  }
+  if ((0, _DatePickerCalc.isDisabled)(endDate, minDate, maxDate)) {
+    if (!isRange && !minDate) {
+      correctedDates['startDate'] = maxDate;
+    } else {
+      correctedDates['endDate'] = maxDate;
+    }
+  }
+  return correctedDates;
+}
+function updateMonths(_ref5) {
+  var _ref6, _newDates$startMonth, _ref7, _newDates$endMonth;
+  let {
+    newDates,
+    currentDates
+  } = _ref5;
+  const startMonth = (_ref6 = (_newDates$startMonth = newDates.startMonth) !== null && _newDates$startMonth !== void 0 ? _newDates$startMonth : newDates.startDate) !== null && _ref6 !== void 0 ? _ref6 : currentDates.startMonth;
+  const endMonth = (_ref7 = (_newDates$endMonth = newDates.endMonth) !== null && _newDates$endMonth !== void 0 ? _newDates$endMonth : newDates.endDate) !== null && _ref7 !== void 0 ? _ref7 : currentDates.endMonth;
+  return {
+    startMonth,
+    endMonth
+  };
+}
+function getDate(date, dateFormat) {
+  return date instanceof Date ? date : (0, _DatePickerCalc.convertStringToDate)(date !== null && date !== void 0 ? date : '', {
+    date_format: dateFormat
+  });
+}
+function pad(date, size) {
+  const dateWithPadding = '000000000' + date;
+  return dateWithPadding.substring(dateWithPadding.length - size);
+}
+//# sourceMappingURL=useDates.js.map

package/cjs/components/date-picker/hooks/useDates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDates.js","names":["_react","require","_DatePickerCalc","_isValid","_interopRequireDefault","_format","_dateFns","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","useDates","dateProps","_ref","dateFormat","isRange","shouldCorrectDate","previousDates","setPreviousDates","useState","dates","setDates","mapDates","hasDatePropChanges","useMemo","some","date","hasHadValidDate","useRef","updateDates","useCallback","newDates","callback","_newDates$startDate","_newDates$endDate","correctedDates","correctDates","startDate","endDate","minDate","maxDate","months","updateMonths","currentDates","useEffect","startDates","updateInputDates","endDates","current","isValid","type","updatedDates","pad","format","_ref2","_ref3","_convertStringToDate","_convertStringToDate2","getDate","convertStringToDate","date_format","startMonth","Date","endMonth","addMonths","hasValidStartDate","hasValidEndDate","__startDay","__startMonth","__startYear","__endDay","__endMonth","__endYear","_ref4","isDisabled","_ref5","_ref6","_newDates$startMonth","_ref7","_newDates$endMonth","size","dateWithPadding","substring"],"sources":["../../../../../src/components/date-picker/hooks/useDates.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { convertStringToDate, isDisabled } from '../DatePickerCalc'\nimport isValid from 'date-fns/isValid'\nimport format from 'date-fns/format'\nimport { addMonths } from 'date-fns'\nimport { DateType } from '../DatePickerContext'\n\nexport type DatePickerDateProps = {\n  date?: DateType\n  startDate?: DateType\n  endDate?: DateType\n  startMonth?: DateType\n  endMonth?: DateType\n  minDate?: DateType\n  maxDate?: DateType\n  hoverDate?: DateType | null\n}\n\ntype UseDatesOptions = {\n  dateFormat: string\n  isRange: boolean\n  shouldCorrectDate: boolean\n}\n// TODO: Move to DatePickerInput\nexport type DatePickerInputDates = {\n  __startDay?: string\n  __startMonth?: string\n  __startYear?: string\n  __endDay?: string\n  __endMonth?: string\n  __endYear?: string\n}\n\nexport type DatePickerDates = {\n  date?: DateType\n  startDate?: Date\n  endDate?: Date\n  minDate?: Date\n  maxDate?: Date\n  startMonth?: Date\n  endMonth?: Date\n  partialStartDate?: string\n  partialEndDate?: string\n  hasHadValidDate?: boolean\n  hoverDate?: Date\n} & DatePickerInputDates\n\nexport default function useDates(\n  dateProps: DatePickerDateProps,\n  {\n    dateFormat,\n    isRange = false,\n    shouldCorrectDate = false,\n  }: UseDatesOptions\n) {\n  const [previousDates, setPreviousDates] = useState(dateProps)\n  const [dates, setDates] = useState<DatePickerDates>({\n    ...mapDates(dateProps, previousDates, {\n      dateFormat,\n      isRange,\n      shouldCorrectDate,\n    }),\n  })\n\n  const hasDatePropChanges = useMemo(\n    () =>\n      Object.keys(dateProps).some((date) => {\n        return dateProps[date] !== previousDates[date]\n      }),\n    [dateProps, previousDates]\n  )\n\n  // Update dates on prop change\n  if (hasDatePropChanges) {\n    setDates({\n      ...mapDates({ ...dates, ...dateProps }, previousDates, {\n        dateFormat,\n        isRange,\n        shouldCorrectDate,\n      }),\n    })\n    setPreviousDates(dateProps)\n  }\n\n  const hasHadValidDate = useRef<boolean>(false)\n\n  const updateDates = useCallback(\n    (\n      newDates: DatePickerDates,\n      callback?: (dates: DatePickerDates) => void\n    ) => {\n      // Correct dates based on min and max date\n      const correctedDates = shouldCorrectDate\n        ? correctDates({\n            startDate: newDates.startDate ?? dates.startDate,\n            endDate: newDates.endDate ?? dates.endDate,\n            minDate: dates.minDate,\n            maxDate: dates.maxDate,\n            isRange,\n          })\n        : {}\n\n      // Update months based on month or start/end date changes\n      const months = updateMonths({\n        newDates,\n        currentDates: dates,\n      })\n\n      setDates((currentDates) => {\n        return {\n          ...currentDates,\n          ...newDates,\n          ...months,\n          ...correctedDates,\n        }\n      })\n\n      callback?.({\n        ...dates,\n        ...newDates,\n        ...months,\n        ...correctedDates,\n      })\n    },\n    [dates, shouldCorrectDate, isRange]\n  )\n\n  // Updated input dates based on start and end dates, move to DatePickerInput\n  // TODO: Move to DatePickerInput\n  useEffect(() => {\n    const startDates = updateInputDates('start', dates)\n    const endDates = updateInputDates('end', dates)\n\n    hasHadValidDate.current =\n      isValid(dates.startDate) || isValid(dates.endDate)\n\n    setDates((currentDates) => ({\n      ...currentDates,\n      ...startDates,\n      ...endDates,\n    }))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dates.startDate, dates.endDate])\n\n  return {\n    dates,\n    updateDates,\n    hasHadValidDate: hasHadValidDate.current,\n    previousDates,\n  } as const\n}\n\n// TODO: Move to DatePickerInput\nfunction updateInputDates(type: 'start' | 'end', dates: DatePickerDates) {\n  const updatedDates = {}\n  const date = dates[`${type}Date`]\n\n  if (isValid(date)) {\n    updatedDates[`__${type}Day`] = pad(format(date, 'dd'), 2)\n    updatedDates[`__${type}Month`] = pad(format(date, 'MM'), 2)\n    updatedDates[`__${type}Year`] = format(date, 'yyyy')\n  } else if (date === undefined) {\n    updatedDates[`__${type}Day`] = null\n    updatedDates[`__${type}Month`] = null\n    updatedDates[`__${type}Year`] = null\n  }\n\n  return updatedDates\n}\n\nfunction mapDates(\n  dateProps: DatePickerDateProps,\n  previousDates: DatePickerDateProps,\n  {\n    dateFormat,\n    isRange,\n    shouldCorrectDate,\n  }: Omit<UseDatesOptions, 'isLinked'>\n) {\n  const date =\n    previousDates.date !== dateProps.date\n      ? dateProps.date\n      : previousDates.date\n\n  const startDate =\n    typeof dateProps?.startDate !== 'undefined'\n      ? getDate(dateProps.startDate, dateFormat)\n      : typeof date !== 'undefined'\n      ? getDate(date, dateFormat)\n      : undefined\n\n  const endDate = !isRange\n    ? startDate\n    : convertStringToDate(dateProps?.endDate, {\n        date_format: dateFormat,\n      }) || undefined\n\n  // Ensure that the calendar view displays the correct start and end months, and to prevent date flickering bug\n  const startMonth =\n    convertStringToDate(dateProps.startMonth, {\n      date_format: dateFormat,\n    }) ??\n    startDate ??\n    new Date()\n\n  const endMonth =\n    convertStringToDate(dateProps.endMonth, {\n      date_format: dateFormat,\n    }) ?? !isRange\n      ? startMonth\n      : endDate ?? addMonths(startMonth, 1)\n\n  const minDate = convertStringToDate(dateProps.minDate, {\n    date_format: dateFormat,\n  })\n\n  const maxDate = convertStringToDate(dateProps.maxDate, {\n    date_format: dateFormat,\n  })\n\n  const hasValidStartDate = isValid(startDate)\n  const hasValidEndDate = isValid(endDate)\n\n  const correctedDates = shouldCorrectDate\n    ? correctDates({ startDate, endDate, minDate, maxDate, isRange })\n    : {}\n\n  const dates = {\n    startDate,\n    endDate,\n    startMonth,\n    endMonth,\n    minDate,\n    maxDate,\n    ...correctedDates,\n  }\n\n  return {\n    ...dates,\n    __startDay: hasValidStartDate\n      ? pad(format(dates.startDate, 'dd'), 2)\n      : null,\n    __startMonth: hasValidStartDate\n      ? pad(format(dates.startDate, 'MM'), 2)\n      : null,\n    __startYear: hasValidStartDate\n      ? format(dates.startDate, 'yyyy')\n      : null,\n    __endDay: hasValidEndDate ? pad(format(dates.endDate, 'dd'), 2) : null,\n    __endMonth: hasValidEndDate\n      ? pad(format(dates.endDate, 'MM'), 2)\n      : null,\n    __endYear: hasValidEndDate ? format(dates.endDate, 'yyyy') : null,\n  }\n}\n\nfunction correctDates({\n  startDate,\n  endDate,\n  minDate,\n  maxDate,\n  isRange,\n}: {\n  startDate: Date\n  endDate: Date\n  minDate: Date\n  maxDate: Date\n  isRange: boolean\n}) {\n  const correctedDates = {}\n\n  if (isDisabled(startDate, minDate, maxDate)) {\n    correctedDates['startDate'] = minDate\n  }\n  if (isDisabled(endDate, minDate, maxDate)) {\n    // state.endDate is only used by the input if range is set to true.\n    // this is done to make max_date correction work if the input is not a range and only max_date is defined.\n    if (!isRange && !minDate) {\n      correctedDates['startDate'] = maxDate\n    } else {\n      correctedDates['endDate'] = maxDate\n    }\n  }\n\n  return correctedDates\n}\n\nfunction updateMonths({\n  newDates,\n  currentDates,\n}: {\n  newDates: DatePickerDates\n  currentDates: DatePickerDates\n}) {\n  const startMonth =\n    newDates.startMonth ?? newDates.startDate ?? currentDates.startMonth\n  const endMonth =\n    newDates.endMonth ?? newDates.endDate ?? currentDates.endMonth\n\n  return {\n    startMonth,\n    endMonth,\n  }\n}\n\nfunction getDate(date: DateType, dateFormat: string) {\n  return date instanceof Date\n    ? date\n    : convertStringToDate(date ?? '', {\n        date_format: dateFormat,\n      })\n}\n\nexport function pad(date: string, size: number) {\n  const dateWithPadding = '000000000' + date\n\n  return dateWithPadding.substring(dateWithPadding.length - size)\n}\n"],"mappings":"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"}

package/cjs/components/date-picker/hooks/useLastEventCallCache.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { DatePickerDates } from './useDates';
+export type LastEventCallCache = {
+    startDate?: DatePickerDates['startDate'];
+    endDate?: DatePickerDates['startDate'];
+};
+type uncachedDates = LastEventCallCache;
+export default function useLastEventCallCache(uncachedDates: uncachedDates): readonly [LastEventCallCache, import("react").Dispatch<import("react").SetStateAction<LastEventCallCache>>];
+export {};

package/cjs/components/date-picker/hooks/useLastEventCallCache.js

@@ -0,0 +1,16 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useLastEventCallCache;
+var _react = require("react");
+function useLastEventCallCache(uncachedDates) {
+  const [cache, setCache] = (0, _react.useState)(undefined);
+  if (cache && (cache.startDate !== uncachedDates.startDate || cache.endDate !== uncachedDates.endDate)) {
+    setCache(undefined);
+  }
+  return [cache, setCache];
+}
+//# sourceMappingURL=useLastEventCallCache.js.map

package/cjs/components/date-picker/hooks/useLastEventCallCache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLastEventCallCache.js","names":["_react","require","useLastEventCallCache","uncachedDates","cache","setCache","useState","undefined","startDate","endDate"],"sources":["../../../../../src/components/date-picker/hooks/useLastEventCallCache.ts"],"sourcesContent":["import { useState } from 'react'\nimport { DatePickerDates } from './useDates'\n\nexport type LastEventCallCache = {\n  startDate?: DatePickerDates['startDate']\n  endDate?: DatePickerDates['startDate']\n}\n\ntype uncachedDates = LastEventCallCache\n\nexport default function useLastEventCallCache(\n  uncachedDates: uncachedDates\n) {\n  const [cache, setCache] = useState<LastEventCallCache>(undefined)\n\n  if (\n    cache &&\n    (cache.startDate !== uncachedDates.startDate ||\n      cache.endDate !== uncachedDates.endDate)\n  ) {\n    setCache(undefined)\n  }\n\n  return [cache, setCache] as const\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAUe,SAASC,qBAAqBA,CAC3CC,aAA4B,EAC5B;EACA,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAqBC,SAAS,CAAC;EAEjE,IACEH,KAAK,KACJA,KAAK,CAACI,SAAS,KAAKL,aAAa,CAACK,SAAS,IAC1CJ,KAAK,CAACK,OAAO,KAAKN,aAAa,CAACM,OAAO,CAAC,EAC1C;IACAJ,QAAQ,CAACE,SAAS,CAAC;EACrB;EAEA,OAAO,CAACH,KAAK,EAAEC,QAAQ,CAAC;AAC1B"}

package/cjs/components/date-picker/hooks/useViews.d.ts

@@ -0,0 +1,20 @@
+import { DatePickerDates } from './useDates';
+export type CalendarView = {
+    nr: number;
+    month?: Date;
+};
+export type ViewDates = {
+    startMonth?: DatePickerDates['startMonth'];
+    endMonth?: DatePickerDates['endMonth'];
+};
+export type UseViewsParams = ViewDates & {
+    isRange?: boolean;
+};
+export default function useViews({ isRange, ...dates }: UseViewsParams): {
+    readonly views: CalendarView[];
+    readonly setViews: (views: Array<CalendarView>, cb?: (...args: unknown[]) => void) => void;
+    readonly forceViewMonthChange: () => void;
+};
+export declare function getViews({ views, isRange, ...dates }: ViewDates & UseViewsParams & {
+    views?: CalendarView | Array<CalendarView>;
+}): Array<CalendarView>;

package/cjs/components/date-picker/hooks/useViews.js

@@ -0,0 +1,84 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useViews;
+exports.getViews = getViews;
+var _addMonths = _interopRequireDefault(require("date-fns/addMonths"));
+var _react = require("react");
+const _excluded = ["isRange"],
+  _excluded2 = ["views", "isRange"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function useViews(_ref) {
+  let {
+      isRange
+    } = _ref,
+    dates = _objectWithoutProperties(_ref, _excluded);
+  const [previousDates, setPreviousDates] = (0, _react.useState)(dates);
+  const [views, setViews] = (0, _react.useState)(getViews(_objectSpread(_objectSpread({
+    views: undefined
+  }, dates), {}, {
+    isRange
+  })));
+  const forceViewChange = (0, _react.useRef)(false);
+  const hasDateChanges = (0, _react.useMemo)(() => Object.keys(dates).some(date => previousDates[date] !== dates[date]), [dates, previousDates]);
+  if (hasDateChanges) {
+    const currentViews = Array.isArray(views) ? views.length > 1 ? views : views[0] : views;
+    if (forceViewChange.current || !isRange) {
+      setViews(getViews(_objectSpread(_objectSpread({}, dates), {}, {
+        views: currentViews,
+        isRange
+      })));
+      forceViewChange.current = false;
+    }
+    setPreviousDates(dates);
+  }
+  function updateViews(views) {
+    let cb = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    setViews(views);
+    cb === null || cb === void 0 ? void 0 : cb();
+  }
+  function forceViewMonthChange() {
+    forceViewChange.current = true;
+  }
+  return {
+    views,
+    setViews: updateViews,
+    forceViewMonthChange
+  };
+}
+function getViews(_ref2) {
+  let {
+      views,
+      isRange
+    } = _ref2,
+    dates = _objectWithoutProperties(_ref2, _excluded2);
+  return (Array.isArray(views) ? views : Array(isRange ? 2 : views).fill(1)).map((view, nr) => ({
+    month: getMonthView(_objectSpread({}, dates), nr),
+    nr
+  }));
+}
+function getMonthView(_ref3, nr) {
+  let {
+    startMonth,
+    endMonth
+  } = _ref3;
+  if (startMonth && nr === 0) {
+    return startMonth;
+  }
+  if (endMonth && nr === 1) {
+    return endMonth;
+  }
+  const fallbackMonth = startMonth || new Date();
+  return (0, _addMonths.default)(fallbackMonth, nr);
+}
+//# sourceMappingURL=useViews.js.map

package/cjs/components/date-picker/hooks/useViews.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useViews.js","names":["_addMonths","_interopRequireDefault","require","_react","_excluded","_excluded2","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","prototype","propertyIsEnumerable","sourceKeys","useViews","_ref","isRange","dates","previousDates","setPreviousDates","useState","views","setViews","getViews","forceViewChange","useRef","hasDateChanges","useMemo","some","date","currentViews","Array","isArray","current","updateViews","cb","forceViewMonthChange","_ref2","fill","map","view","nr","month","getMonthView","_ref3","startMonth","endMonth","fallbackMonth","Date","addMonths"],"sources":["../../../../../src/components/date-picker/hooks/useViews.ts"],"sourcesContent":["import addMonths from 'date-fns/addMonths'\nimport { useMemo, useRef, useState } from 'react'\nimport { DatePickerDates } from './useDates'\n\nexport type CalendarView = { nr: number; month?: Date }\n\nexport type ViewDates = {\n  startMonth?: DatePickerDates['startMonth']\n  endMonth?: DatePickerDates['endMonth']\n}\n\nexport type UseViewsParams = ViewDates & {\n  isRange?: boolean\n}\n\nexport default function useViews({ isRange, ...dates }: UseViewsParams) {\n  const [previousDates, setPreviousDates] = useState(dates)\n  const [views, setViews] = useState<Array<CalendarView>>(\n    getViews({ views: undefined, ...dates, isRange })\n  )\n\n  const forceViewChange = useRef(false)\n\n  const hasDateChanges = useMemo(\n    () =>\n      Object.keys(dates).some(\n        (date) => previousDates[date] !== dates[date]\n      ),\n    [dates, previousDates]\n  )\n\n  if (hasDateChanges) {\n    const currentViews = Array.isArray(views)\n      ? views.length > 1\n        ? views\n        : views[0]\n      : views\n\n    // Maintain range views unless forced to change by shortcut or keyboard navigation\n    if (forceViewChange.current || !isRange) {\n      setViews(getViews({ ...dates, views: currentViews, isRange }))\n      forceViewChange.current = false\n    }\n\n    setPreviousDates(dates)\n  }\n\n  function updateViews(\n    views: Array<CalendarView>,\n    cb: (...args: unknown[]) => void = null\n  ) {\n    setViews(views)\n    cb?.()\n  }\n\n  function forceViewMonthChange() {\n    forceViewChange.current = true\n  }\n\n  return {\n    views,\n    setViews: updateViews,\n    forceViewMonthChange,\n  } as const\n}\n\nexport function getViews({\n  views,\n  isRange,\n  ...dates\n}: ViewDates &\n  UseViewsParams & {\n    views?: CalendarView | Array<CalendarView>\n  }): Array<CalendarView> {\n  // fill the views with the calendar data getMonth()\n  return (\n    Array.isArray(views)\n      ? views\n      : Array(\n          isRange\n            ? 2 // set default range calendars\n            : views\n        ).fill(1)\n  ).map((view, nr) => ({\n    month: getMonthView({ ...dates }, nr),\n    nr,\n  }))\n}\n\nfunction getMonthView(\n  { startMonth, endMonth }: ViewDates,\n  nr: CalendarView['nr']\n) {\n  if (startMonth && nr === 0) {\n    return startMonth\n  }\n\n  if (endMonth && nr === 1) {\n    return endMonth\n  }\n\n  // Here we add that default offset to every new calendar added,\n  // the first will get 0, the next one 1, and so forth\n  const fallbackMonth = startMonth || new Date()\n  return addMonths(fallbackMonth, nr)\n}\n"],"mappings":"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"}

package/cjs/components/date-picker/style/dnb-date-picker.css

@@ -408,10 +408,21 @@ html[data-whatinput=keyboard] .dnb-date-picker table.dnb-no-focus:focus {
   visibility: hidden;
 }
 .dnb-date-picker__fieldset, .dnb-core-style .dnb-date-picker__fieldset {
-  margin: 0;
   padding: 0;
   border: none;
 }
+.dnb-date-picker__fieldset:not([class*=space__top]), .dnb-core-style .dnb-date-picker__fieldset:not([class*=space__top]) {
+  margin-top: 0;
+}
+.dnb-date-picker__fieldset:not([class*=space__right]), .dnb-core-style .dnb-date-picker__fieldset:not([class*=space__right]) {
+  margin-right: 0;
+}
+.dnb-date-picker__fieldset:not([class*=space__bottom]), .dnb-core-style .dnb-date-picker__fieldset:not([class*=space__bottom]) {
+  margin-bottom: 0;
+}
+.dnb-date-picker__fieldset:not([class*=space__left]), .dnb-core-style .dnb-date-picker__fieldset:not([class*=space__left]) {
+  margin-left: 0;
+}
 
 @keyframes date-picker-slide-down {
   from {

package/cjs/components/date-picker/style/dnb-date-picker.min.css

@@ -1 +1 @@
-.dnb-date-picker{--date-picker-input-height:2rem;--date-picker-day-width:2rem;--date-picker-day-horizontal-spacing:4px;align-items:center;display:inline-flex;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-date-picker__inner{display:inline-flex;flex-direction:column;line-height:var(--date-picker-input-height)}.dnb-date-picker__row{display:inline-flex}.dnb-date-picker__shell{display:inline-flex;flex-direction:column;position:relative;top:0}.dnb-date-picker__input__wrapper{display:inline-flex;height:inherit;white-space:nowrap}.dnb-date-picker__container{display:block;left:-1rem;position:absolute;top:var(--date-picker-input-height);z-index:3}.dnb-date-picker--small .dnb-date-picker__container{top:1.5rem}.dnb-date-picker--medium .dnb-date-picker__container{top:2.5rem}.dnb-date-picker--large .dnb-date-picker__container{top:3rem}.dnb-date-picker--show-input .dnb-date-picker__container{left:0}.dnb-date-picker--right .dnb-date-picker__container{left:auto;right:-1rem}.dnb-date-picker--show-input.dnb-date-picker--right .dnb-date-picker__container{left:auto;right:0}.dnb-date-picker--opened .dnb-date-picker__container{z-index:100}.dnb-date-picker--opened .dnb-date-picker__container:not(.dnb-date-picker--opened .dnb-date-picker__container--no-animation){animation:date-picker-slide-down .2s ease-out 1 forwards}.dnb-date-picker--opened .dnb-date-picker__container--no-animation,html[data-visual-test] .dnb-date-picker--opened .dnb-date-picker__container{animation:date-picker-slide-down 1ms ease-out 1 forwards}.dnb-date-picker--hidden .dnb-date-picker__container{display:none}.dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container:not(.dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container--no-animation){animation:date-picker-slide-up .15s ease-out 1 forwards}.dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container--no-animation,html[data-visual-test] .dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container{animation:date-picker-slide-up 1ms ease-out 1 forwards}.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{background:transparent;border:none;display:inline-block;font-family:var(--font-family-monospace);margin:0;outline:none;overflow:visible;padding:0 .125rem;text-align:center;transform:translateY(0);white-space:nowrap;width:auto}@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee)) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -4px}}@supports (-ms-ime-align:auto){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -5px}}@supports (-webkit-touch-callout:none){.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0}}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0 -4px}.dnb-core-style .dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker__input:first-of-type:not(:root){margin-left:.8rem}.dnb-core-style .dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker__input:last-of-type:not(:root){margin-right:2.2rem}}.dnb-core-style .dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-core-style .dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small.dnb-date-picker__input--small,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small.dnb-date-picker__input--small,.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-date-picker__input--small.dnb-date-picker__input--small{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--small:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small:last-of-type:not(:root),.dnb-date-picker__input--small:last-of-type:not(:root){margin-right:2.2rem}.dnb-core-style .dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-core-style .dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium.dnb-date-picker__input--medium,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium.dnb-date-picker__input--medium,.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-date-picker__input--medium.dnb-date-picker__input--medium{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--medium:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium:last-of-type:not(:root),.dnb-date-picker__input--medium:last-of-type:not(:root){margin-right:3.2rem}.dnb-core-style .dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-core-style .dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large.dnb-date-picker__input--large,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large.dnb-date-picker__input--large,.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-date-picker__input--large.dnb-date-picker__input--large{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--large:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large:last-of-type:not(:root),.dnb-date-picker__input--large:last-of-type:not(:root){margin-right:4rem}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type,.dnb-date-picker__input:first-of-type{margin-left:.8rem}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type,.dnb-date-picker__input:last-of-type{margin-right:2.2rem}.dnb-date-picker .dnb-input__shell{display:none}.dnb-date-picker--show-input .dnb-input__shell{display:flex}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__status--error .dnb-input__shell{box-shadow:none}.dnb-input__submit-button button:focus~.dnb-date-picker__input__wrapper{display:block}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-element,.dnb-input__submit-element>.dnb-date-picker .dnb-input__submit-element{margin-left:0}.dnb-date-picker__views{display:flex;user-select:none;-webkit-user-select:none}@media screen and (max-width:60em){.dnb-date-picker__views{flex-direction:column}}.dnb-date-picker__calendar{padding:1rem;position:relative}.dnb-date-picker__calendar:after{bottom:0;content:"";height:1px;position:absolute;width:calc(100% - 2rem)}.dnb-date-picker:not(.dnb-date-picker--show-footer) .dnb-date-picker__calendar:after{content:none}.dnb-date-picker__header{height:2.5rem;line-height:var(--line-height-basis)}.dnb-date-picker__addon,.dnb-date-picker__header{display:flex;justify-content:space-between;padding-bottom:1rem;position:relative}.dnb-date-picker__addon:after,.dnb-date-picker__header:after{bottom:0;content:"";height:1px;position:absolute;width:100%}.dnb-date-picker__addon{display:flex;flex-flow:row wrap;gap:1rem;justify-content:flex-start;padding:1rem}.dnb-date-picker__addon:after{left:1rem;width:calc(100% - 2rem)}.dnb-date-picker__footer{display:flex;justify-content:space-between;padding:1rem;position:relative}.dnb-date-picker__labels__day{padding-bottom:.5rem;padding-top:1.5rem}.dnb-date-picker__days,.dnb-date-picker__labels{display:flex;flex-wrap:wrap;list-style:none;margin:0;max-width:18rem;min-width:18rem;padding:0}.dnb-date-picker table{margin:0;position:relative;z-index:1}.dnb-date-picker table.dnb-no-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-date-picker table.dnb-no-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-date-picker__day,.dnb-date-picker__labels__day{display:flex;flex-basis:14.2857142857%;justify-content:center}.dnb-date-picker__day{margin:var(--date-picker-day-horizontal-spacing) 0;position:relative}.dnb-date-picker__day,.dnb-date-picker__day .dnb-button{height:var(--date-picker-day-width);width:var(--date-picker-day-width)}.dnb-date-picker__day .dnb-button{box-shadow:none;position:absolute;top:0;white-space:nowrap}.dnb-date-picker__day .dnb-button__bounding{border-radius:0;transform:scale(1.28)}.dnb-date-picker__day .dnb-button__text{transform:translateY(0)}.dnb-date-picker__day--selectable:hover{z-index:2}.dnb-date-picker__day--end-date .dnb-button,.dnb-date-picker__day--start-date .dnb-button{z-index:1}.dnb-date-picker__day--end-date,.dnb-date-picker__day--start-date{position:relative}.dnb-date-picker__day--end-date:after,.dnb-date-picker__day--start-date:after{content:"";height:100%;position:absolute;top:0;width:calc(var(--date-picker-day-width)/2)}.dnb-date-picker__day--start-date:after{left:auto;right:0}.dnb-date-picker__day--end-date:after{left:0;right:auto}.dnb-date-picker__day--start-date.dnb-date-picker__day--end-date:after{content:none}.dnb-date-picker__triangle{margin:0 1.5rem;overflow:hidden;pointer-events:none;right:auto;top:calc(2px - var(--date-picker-input-height)/2)}.dnb-date-picker__triangle,.dnb-date-picker__triangle:before{height:calc(var(--date-picker-input-height)/2);left:0;position:absolute;width:calc(var(--date-picker-input-height)/2)}.dnb-date-picker__triangle:before{background-color:var(--color-white);border:1px solid var(--color-black-border);content:"";top:0;transform:translateY(60%) rotate(45deg)}.dnb-date-picker--right .dnb-date-picker__triangle{left:auto;right:0}.dnb-date-picker .rtl{direction:rtl}.dnb-date-picker .rtl .dnb-date-picker__next:before,.dnb-date-picker .rtl .dnb-date-picker__prev:before{transform:scaleX(-1)}.dnb-date-picker__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-date-picker--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-date-picker>.dnb-form-label{line-height:var(--line-height-basis)}@media screen and (max-width:40em){.dnb-date-picker{flex-wrap:wrap}.dnb-date-picker>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-date-picker--stretch{display:flex;flex-grow:1}.dnb-date-picker--stretch .dnb-date-picker__inner,.dnb-date-picker--stretch .dnb-date-picker__shell,.dnb-form-row--horizontal .dnb-date-picker--stretch{width:100%}.dnb-date-picker:not(.dnb-date-picker--vertical)[class*=__status]{align-items:flex-start}.dnb-date-picker:not(.dnb-date-picker--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-button .dnb-button{border-radius:50%}@media screen and (max-width:40em){.dnb-responsive-component .dnb-date-picker{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker>.dnb-form-label{margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker__helper{display:none}}.dnb-date-picker .dnb-input__submit-button .dnb-button.dnb-skeleton{visibility:hidden}.dnb-core-style .dnb-date-picker__fieldset,.dnb-date-picker__fieldset{border:none;margin:0;padding:0}@keyframes date-picker-slide-down{0%{opacity:0}to{opacity:1}}@keyframes date-picker-slide-up{0%{opacity:1}to{opacity:0}}
+.dnb-date-picker{--date-picker-input-height:2rem;--date-picker-day-width:2rem;--date-picker-day-horizontal-spacing:4px;align-items:center;display:inline-flex;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-date-picker__inner{display:inline-flex;flex-direction:column;line-height:var(--date-picker-input-height)}.dnb-date-picker__row{display:inline-flex}.dnb-date-picker__shell{display:inline-flex;flex-direction:column;position:relative;top:0}.dnb-date-picker__input__wrapper{display:inline-flex;height:inherit;white-space:nowrap}.dnb-date-picker__container{display:block;left:-1rem;position:absolute;top:var(--date-picker-input-height);z-index:3}.dnb-date-picker--small .dnb-date-picker__container{top:1.5rem}.dnb-date-picker--medium .dnb-date-picker__container{top:2.5rem}.dnb-date-picker--large .dnb-date-picker__container{top:3rem}.dnb-date-picker--show-input .dnb-date-picker__container{left:0}.dnb-date-picker--right .dnb-date-picker__container{left:auto;right:-1rem}.dnb-date-picker--show-input.dnb-date-picker--right .dnb-date-picker__container{left:auto;right:0}.dnb-date-picker--opened .dnb-date-picker__container{z-index:100}.dnb-date-picker--opened .dnb-date-picker__container:not(.dnb-date-picker--opened .dnb-date-picker__container--no-animation){animation:date-picker-slide-down .2s ease-out 1 forwards}.dnb-date-picker--opened .dnb-date-picker__container--no-animation,html[data-visual-test] .dnb-date-picker--opened .dnb-date-picker__container{animation:date-picker-slide-down 1ms ease-out 1 forwards}.dnb-date-picker--hidden .dnb-date-picker__container{display:none}.dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container:not(.dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container--no-animation){animation:date-picker-slide-up .15s ease-out 1 forwards}.dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container--no-animation,html[data-visual-test] .dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container{animation:date-picker-slide-up 1ms ease-out 1 forwards}.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{background:transparent;border:none;display:inline-block;font-family:var(--font-family-monospace);margin:0;outline:none;overflow:visible;padding:0 .125rem;text-align:center;transform:translateY(0);white-space:nowrap;width:auto}@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee)) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -4px}}@supports (-ms-ime-align:auto){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -5px}}@supports (-webkit-touch-callout:none){.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0}}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0 -4px}.dnb-core-style .dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker__input:first-of-type:not(:root){margin-left:.8rem}.dnb-core-style .dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker__input:last-of-type:not(:root){margin-right:2.2rem}}.dnb-core-style .dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-core-style .dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small.dnb-date-picker__input--small,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small.dnb-date-picker__input--small,.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-date-picker__input--small.dnb-date-picker__input--small{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--small:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small:last-of-type:not(:root),.dnb-date-picker__input--small:last-of-type:not(:root){margin-right:2.2rem}.dnb-core-style .dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-core-style .dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium.dnb-date-picker__input--medium,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium.dnb-date-picker__input--medium,.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-date-picker__input--medium.dnb-date-picker__input--medium{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--medium:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium:last-of-type:not(:root),.dnb-date-picker__input--medium:last-of-type:not(:root){margin-right:3.2rem}.dnb-core-style .dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-core-style .dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large.dnb-date-picker__input--large,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large.dnb-date-picker__input--large,.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-date-picker__input--large.dnb-date-picker__input--large{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--large:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large:last-of-type:not(:root),.dnb-date-picker__input--large:last-of-type:not(:root){margin-right:4rem}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type,.dnb-date-picker__input:first-of-type{margin-left:.8rem}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type,.dnb-date-picker__input:last-of-type{margin-right:2.2rem}.dnb-date-picker .dnb-input__shell{display:none}.dnb-date-picker--show-input .dnb-input__shell{display:flex}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__status--error .dnb-input__shell{box-shadow:none}.dnb-input__submit-button button:focus~.dnb-date-picker__input__wrapper{display:block}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-element,.dnb-input__submit-element>.dnb-date-picker .dnb-input__submit-element{margin-left:0}.dnb-date-picker__views{display:flex;user-select:none;-webkit-user-select:none}@media screen and (max-width:60em){.dnb-date-picker__views{flex-direction:column}}.dnb-date-picker__calendar{padding:1rem;position:relative}.dnb-date-picker__calendar:after{bottom:0;content:"";height:1px;position:absolute;width:calc(100% - 2rem)}.dnb-date-picker:not(.dnb-date-picker--show-footer) .dnb-date-picker__calendar:after{content:none}.dnb-date-picker__header{height:2.5rem;line-height:var(--line-height-basis)}.dnb-date-picker__addon,.dnb-date-picker__header{display:flex;justify-content:space-between;padding-bottom:1rem;position:relative}.dnb-date-picker__addon:after,.dnb-date-picker__header:after{bottom:0;content:"";height:1px;position:absolute;width:100%}.dnb-date-picker__addon{display:flex;flex-flow:row wrap;gap:1rem;justify-content:flex-start;padding:1rem}.dnb-date-picker__addon:after{left:1rem;width:calc(100% - 2rem)}.dnb-date-picker__footer{display:flex;justify-content:space-between;padding:1rem;position:relative}.dnb-date-picker__labels__day{padding-bottom:.5rem;padding-top:1.5rem}.dnb-date-picker__days,.dnb-date-picker__labels{display:flex;flex-wrap:wrap;list-style:none;margin:0;max-width:18rem;min-width:18rem;padding:0}.dnb-date-picker table{margin:0;position:relative;z-index:1}.dnb-date-picker table.dnb-no-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-date-picker table.dnb-no-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-date-picker__day,.dnb-date-picker__labels__day{display:flex;flex-basis:14.2857142857%;justify-content:center}.dnb-date-picker__day{margin:var(--date-picker-day-horizontal-spacing) 0;position:relative}.dnb-date-picker__day,.dnb-date-picker__day .dnb-button{height:var(--date-picker-day-width);width:var(--date-picker-day-width)}.dnb-date-picker__day .dnb-button{box-shadow:none;position:absolute;top:0;white-space:nowrap}.dnb-date-picker__day .dnb-button__bounding{border-radius:0;transform:scale(1.28)}.dnb-date-picker__day .dnb-button__text{transform:translateY(0)}.dnb-date-picker__day--selectable:hover{z-index:2}.dnb-date-picker__day--end-date .dnb-button,.dnb-date-picker__day--start-date .dnb-button{z-index:1}.dnb-date-picker__day--end-date,.dnb-date-picker__day--start-date{position:relative}.dnb-date-picker__day--end-date:after,.dnb-date-picker__day--start-date:after{content:"";height:100%;position:absolute;top:0;width:calc(var(--date-picker-day-width)/2)}.dnb-date-picker__day--start-date:after{left:auto;right:0}.dnb-date-picker__day--end-date:after{left:0;right:auto}.dnb-date-picker__day--start-date.dnb-date-picker__day--end-date:after{content:none}.dnb-date-picker__triangle{margin:0 1.5rem;overflow:hidden;pointer-events:none;right:auto;top:calc(2px - var(--date-picker-input-height)/2)}.dnb-date-picker__triangle,.dnb-date-picker__triangle:before{height:calc(var(--date-picker-input-height)/2);left:0;position:absolute;width:calc(var(--date-picker-input-height)/2)}.dnb-date-picker__triangle:before{background-color:var(--color-white);border:1px solid var(--color-black-border);content:"";top:0;transform:translateY(60%) rotate(45deg)}.dnb-date-picker--right .dnb-date-picker__triangle{left:auto;right:0}.dnb-date-picker .rtl{direction:rtl}.dnb-date-picker .rtl .dnb-date-picker__next:before,.dnb-date-picker .rtl .dnb-date-picker__prev:before{transform:scaleX(-1)}.dnb-date-picker__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-date-picker--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-date-picker>.dnb-form-label{line-height:var(--line-height-basis)}@media screen and (max-width:40em){.dnb-date-picker{flex-wrap:wrap}.dnb-date-picker>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-date-picker--stretch{display:flex;flex-grow:1}.dnb-date-picker--stretch .dnb-date-picker__inner,.dnb-date-picker--stretch .dnb-date-picker__shell,.dnb-form-row--horizontal .dnb-date-picker--stretch{width:100%}.dnb-date-picker:not(.dnb-date-picker--vertical)[class*=__status]{align-items:flex-start}.dnb-date-picker:not(.dnb-date-picker--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-button .dnb-button{border-radius:50%}@media screen and (max-width:40em){.dnb-responsive-component .dnb-date-picker{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker>.dnb-form-label{margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker__helper{display:none}}.dnb-date-picker .dnb-input__submit-button .dnb-button.dnb-skeleton{visibility:hidden}.dnb-core-style .dnb-date-picker__fieldset,.dnb-date-picker__fieldset{border:none;padding:0}.dnb-core-style .dnb-date-picker__fieldset:not([class*=space__top]),.dnb-date-picker__fieldset:not([class*=space__top]){margin-top:0}.dnb-core-style .dnb-date-picker__fieldset:not([class*=space__right]),.dnb-date-picker__fieldset:not([class*=space__right]){margin-right:0}.dnb-core-style .dnb-date-picker__fieldset:not([class*=space__bottom]),.dnb-date-picker__fieldset:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style .dnb-date-picker__fieldset:not([class*=space__left]),.dnb-date-picker__fieldset:not([class*=space__left]){margin-left:0}@keyframes date-picker-slide-down{0%{opacity:0}to{opacity:1}}@keyframes date-picker-slide-up{0%{opacity:1}to{opacity:0}}

package/cjs/components/dropdown/Dropdown.js

@@ -403,10 +403,10 @@ class DropdownInstance extends _react.default.PureComponent {
       ref: this._ref
     }, mainParams), label && _react.default.createElement(_FormLabel.default, {
       id: id + '-label',
-      for_id: id,
+      forId: id,
       text: label,
-      label_direction: label_direction,
-      sr_only: label_sr_only,
+      labelDirection: label_direction,
+      srOnly: label_sr_only,
       disabled: disabled,
       skeleton: skeleton,
       onClick: this.onClickHandler