@entur/datepicker 9.2.0-beta.0 → 9.2.0

package/dist/DatePicker/Calendar.d.ts

@@ -6,6 +6,8 @@ export type CalendarProps = {
     onChange: (SelectedDate: DateValue | null) => void;
     navigationDescription?: string;
     style?: React.CSSProperties;
+    /** Ekstra klassenavn */
+    className?: string;
     onSelectedCellClick?: () => void;
     /** Tidligste gyldige datovalg.
      * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone.

package/dist/datepicker.cjs.development.js

@@ -295,7 +295,7 @@ var CalendarButton = function CalendarButton(_ref) {
 
 var _excluded$8 = ["state", "date", "onSelectedCellClick", "classNameForDate", "ariaLabelForDate"];
 var CalendarCell = function CalendarCell(_ref) {
-  var _ariaLabelForDate, _classNameForDate, _state$timeZone;
+  var _ariaLabelForDate, _classNameForDate, _state$timeZone, _classNames;
   var state = _ref.state,
     date$1 = _ref.date,
     _ref$onSelectedCellCl = _ref.onSelectedCellClick,
@@ -323,12 +323,7 @@ var CalendarCell = function CalendarCell(_ref) {
     "aria-label": ariaLabel,
     ref: cellRef,
     hidden: isOutsideVisibleRange,
-    className: classNames('eds-datepicker__calendar__grid__cell', [(_classNameForDate = classNameForDate == null ? void 0 : classNameForDate(date$1)) != null ? _classNameForDate : ''], {
-      'eds-datepicker__calendar__grid__cell--selected': isSelected,
-      'eds-datepicker__calendar__grid__cell--disabled': isDisabled || isUnavailable,
-      'eds-datepicker__calendar__grid__cell--outside-month': isOutsideVisibleRange,
-      'eds-datepicker__calendar__grid__cell--today': date.isEqualDay(date$1, date.now((_state$timeZone = state.timeZone) != null ? _state$timeZone : date.getLocalTimeZone()))
-    })
+    className: classNames('eds-datepicker__calendar__grid__cell', (_classNames = {}, _classNames[(_classNameForDate = classNameForDate == null ? void 0 : classNameForDate(date$1)) != null ? _classNameForDate : ''] = !isOutsideVisibleRange, _classNames['eds-datepicker__calendar__grid__cell--selected'] = isSelected, _classNames['eds-datepicker__calendar__grid__cell--disabled'] = isDisabled || isUnavailable, _classNames['eds-datepicker__calendar__grid__cell--outside-month'] = isOutsideVisibleRange, _classNames['eds-datepicker__calendar__grid__cell--today'] = date.isEqualDay(date$1, date.now((_state$timeZone = state.timeZone) != null ? _state$timeZone : date.getLocalTimeZone())), _classNames))
   }, rest, {
     onClick: function onClick(e) {
       buttonProps.onClick && buttonProps.onClick(e);
@@ -404,7 +399,7 @@ var CalendarGrid = function CalendarGrid(_ref) {
   }, getNavigationDescription()));
 };
 
-var _excluded$6 = ["selectedDate", "onChange", "locale", "minDate", "maxDate", "style", "children", "navigationDescription", "onSelectedCellClick", "classNameForDate", "ariaLabelForDate"];
+var _excluded$6 = ["selectedDate", "onChange", "locale", "minDate", "maxDate", "style", "className", "children", "navigationDescription", "onSelectedCellClick", "classNameForDate", "ariaLabelForDate"];
 var Calendar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var selectedDate = _ref.selectedDate,
     onChange = _ref.onChange,
@@ -412,6 +407,7 @@ var Calendar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     minDate = _ref.minDate,
     maxDate = _ref.maxDate,
     style = _ref.style,
+    className = _ref.className,
     navigationDescription = _ref.navigationDescription,
     _ref$onSelectedCellCl = _ref.onSelectedCellClick,
     onSelectedCellClick = _ref$onSelectedCellCl === void 0 ? function () {
@@ -445,7 +441,7 @@ var Calendar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
   }, React.createElement("div", _extends({}, calendarProps, {
     ref: ref,
-    className: "eds-datepicker__calendar",
+    className: classNames('eds-datepicker__calendar', className),
     style: style
   }), React.createElement("div", {
     className: "eds-datepicker__calendar__header"