@sb1/ffe-datepicker-react 100.5.1 → 100.6.0

package/es/calendar/Calendar.js

@@ -63,7 +63,7 @@ var Calendar = /** @class */ (function (_super) {
             }
         };
         _this.state = {
-            calendar: new SimpleCalendar(getSimpleDateFromString(props === null || props === void 0 ? void 0 : props.selectedDate), props.minDate, props.maxDate, props.locale),
+            calendar: new SimpleCalendar(getSimpleDateFromString(props === null || props === void 0 ? void 0 : props.selectedDate), props.minDate, props.maxDate, props.disabledDates, props.locale),
             isFocusingHeader: false,
         };
         _this.datepickerId = "ffe-calendar-".concat(uuid());
@@ -81,7 +81,7 @@ var Calendar = /** @class */ (function (_super) {
     Calendar.prototype.componentDidUpdate = function (prevProps) {
         if (prevProps.selectedDate !== this.props.selectedDate) {
             this.setState({
-                calendar: new SimpleCalendar(getSimpleDateFromString(this.props.selectedDate), this.props.minDate, this.props.maxDate, this.props.locale),
+                calendar: new SimpleCalendar(getSimpleDateFromString(this.props.selectedDate), this.props.minDate, this.props.maxDate, this.props.disabledDates, this.props.locale),
             }, this.forceUpdate);
         }
     };
@@ -89,7 +89,7 @@ var Calendar = /** @class */ (function (_super) {
         return nextProps.selectedDate !== this.props.selectedDate;
     };
     Calendar.prototype.keyDown = function (event) {
-        var _a, _b;
+        var _a, _b, _c;
         var calendar = this.state.calendar;
         var scrollableEvents = [
             'PageUp',
@@ -106,14 +106,15 @@ var Calendar = /** @class */ (function (_super) {
         }
         switch (event.key) {
             case 'Enter':
-                if (calendar.isDateWithinDateRange(calendar.focusedDate)) {
+                if (calendar.isDateWithinDateRange(calendar.focusedDate) &&
+                    ((_a = this.props.disabledDates) === null || _a === void 0 ? void 0 : _a.includes(calendar.focusedDate.toString())) === false) {
                     calendar.selectFocusedDate();
                     this.props.onDatePicked(calendar.selected());
                 }
                 event.preventDefault();
                 break;
             case 'Escape':
-                (_b = (_a = this.props).escKeyHandler) === null || _b === void 0 ? void 0 : _b.call(_a, event);
+                (_c = (_b = this.props).escKeyHandler) === null || _c === void 0 ? void 0 : _c.call(_b, event);
                 break;
             case 'Tab':
                 break;
@@ -158,7 +159,8 @@ var Calendar = /** @class */ (function (_super) {
     };
     Calendar.prototype.mouseClick = function (date) {
         var pickedDate = getSimpleDateFromTimestamp(date.timestamp);
-        if (this.state.calendar.isDateWithinDateRange(pickedDate)) {
+        if (this.state.calendar.isDateWithinDateRange(pickedDate) &&
+            date.isEnabled) {
             this.state.calendar.selectTimestamp(date.timestamp);
             this.props.onDatePicked(this.state.calendar.selected());
         }
@@ -218,7 +220,9 @@ var Calendar = /** @class */ (function (_super) {
         /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
         return (React.createElement("div", { role: "dialog", "aria-modal": true, "aria-labelledby": "".concat(this.datepickerId, "-title"), className: "ffe-default-mode" },
             React.createElement("div", { className: this.props.calendarClassName || 'ffe-calendar', role: "application", onKeyDown: this.focusTrap },
-                React.createElement(Header, { datepickerId: this.datepickerId, month: calendar.focusedMonth, nextMonthHandler: this.nextMonth, nextMonthLabel: calendar.nextName, previousMonthHandler: this.previousMonth, previousMonthLabel: calendar.previousName, year: calendar.focusedYear, prevMonthButtonElement: this.prevMonthButtonElementRef, nextMonthButtonElement: this.nextMonthButtonElementRef, monthNumber: calendar.focusedDate.month + 1, locale: this.props.locale, dropdownCaption: this.props.dropdownCaption, onMonthYearChange: function (month, year) { return _this.navigateToMonthYear(month, year); }, minDate: this.props.minDate, maxDate: this.props.maxDate }),
+                React.createElement(Header, { datepickerId: this.datepickerId, month: calendar.focusedMonth, nextMonthHandler: this.nextMonth, nextMonthLabel: calendar.nextName, previousMonthHandler: this.previousMonth, previousMonthLabel: calendar.previousName, year: calendar.focusedYear, prevMonthButtonElement: this.prevMonthButtonElementRef, nextMonthButtonElement: this.nextMonthButtonElementRef, monthNumber: calendar.focusedDate.month + 1, locale: this.props.locale, dropdownCaption: this.props.dropdownCaption, onMonthYearChange: function (month, year) {
+                        return _this.navigateToMonthYear(month, year);
+                    }, minDate: this.props.minDate, maxDate: this.props.maxDate }),
                 React.createElement("table", { className: "ffe-calendar__grid", onKeyDown: this.keyDown, role: "presentation" },
                     React.createElement("thead", null,
                         React.createElement("tr", null, calendar.dayNames.map(this.renderDay))),

package/es/datelogic/simplecalendar.js

@@ -28,8 +28,9 @@ function isDateWithinMinMax(date, minDate, maxDate) {
     return !(maxDate && date.isAfter(maxDate));
 }
 var SimpleCalendar = /** @class */ (function () {
-    function SimpleCalendar(initialDate, minDate, maxDate, locale) {
+    function SimpleCalendar(initialDate, minDate, maxDate, disabledDates, locale) {
         if (locale === void 0) { locale = 'nb'; }
+        this.disabledDates = [];
         this.locale = locale;
         this.focusedDate = initialDate
             ? initialDate.clone()
@@ -37,6 +38,7 @@ var SimpleCalendar = /** @class */ (function () {
         this.selectedDate = initialDate ? initialDate.clone() : initialDate;
         this.minDate = minDate ? getSimpleDateFromString(minDate) : null;
         this.maxDate = maxDate ? getSimpleDateFromString(maxDate) : null;
+        this.disabledDates = disabledDates ? disabledDates : [];
         // Settings
         this.firstDay = i18n[locale].FIRST_DAY_OF_WEEK;
     }
@@ -161,7 +163,10 @@ var SimpleCalendar = /** @class */ (function () {
                         isFocus: currentDate.equal(this.focusedDate),
                         isSelected: !!this.selectedDate &&
                             currentDate.equal(this.selectedDate),
-                        isEnabled: isDateWithinMinMax(currentDate, this.minDate, this.maxDate),
+                        isEnabled: isDateWithinMinMax(currentDate, this.minDate, this.maxDate) &&
+                            (this.disabledDates
+                                ? !this.disabledDates.includes(currentDate.format())
+                                : true),
                     };
                     week.dates.push(date);
                     currentDate.adjust({ period: 'D', offset: 1 });

package/es/datepicker/DatepickerComp.js

@@ -12,7 +12,7 @@ import { ErrorFieldMessage } from '@sb1/ffe-form-react';
 import i18n from '../i18n/i18n';
 import { isMonth } from '../types';
 export var DatepickerComp = function (_a) {
-    var ariaInvalidState = _a.ariaInvalid, ariaInvalidProp = _a["aria-invalid"], ariaDescribedbyState = _a.ariaDescribedby, ariaDescribedbyProp = _a["aria-describedby"], onBlur = _a.onBlur, calendarAbove = _a.calendarAbove, id = _a.id, maxDateProp = _a.maxDate, minDateProp = _a.minDate, onChange = _a.onChange, fullWidth = _a.fullWidth, fieldMessage = _a.fieldMessage, labelId = _a.labelId, dropdownCaption = _a.dropdownCaption;
+    var ariaInvalidState = _a.ariaInvalid, ariaInvalidProp = _a["aria-invalid"], ariaDescribedbyState = _a.ariaDescribedby, ariaDescribedbyProp = _a["aria-describedby"], onBlur = _a.onBlur, calendarAbove = _a.calendarAbove, id = _a.id, maxDateProp = _a.maxDate, minDateProp = _a.minDate, onChange = _a.onChange, fullWidth = _a.fullWidth, fieldMessage = _a.fieldMessage, labelId = _a.labelId, dropdownCaption = _a.dropdownCaption, disabledDates = _a.disabledDates;
     var _b = useContext(DatepickerContext), day = _b.day, setDay = _b.setDay, year = _b.year, setYear = _b.setYear, month = _b.month, setMonth = _b.setMonth, locale = _b.locale, calendarActiveDate = _b.calendarActiveDate, setCalendarActiveDate = _b.setCalendarActiveDate, setLastChangedValue = _b.setLastChangedValue;
     var formatDate = useCallback(function () {
         return getPaddedDateString(day, month, year);
@@ -195,9 +195,7 @@ export var DatepickerComp = function (_a) {
             addFlagOnClickEventClickHandler(e);
             focusSpinButton(e);
         }, role: 'group', id: id },
-        React.createElement("div", { className: classNames('ffe-input-field', 'ffe-dateinput', {
-                'ffe-input-field--invalid': ariaInvalid(),
-            }), onBlur: function (evt) {
+        React.createElement("div", { className: classNames('ffe-dateinput'), onBlur: function (evt) {
                 var elementReceivingFocus = evt.relatedTarget;
                 if (elementReceivingFocus !== yearRef.current &&
                     elementReceivingFocus !== dayRef.current &&
@@ -236,6 +234,6 @@ export var DatepickerComp = function (_a) {
                     setYear(newValue);
                 }, prevSpinButton: monthRef, maxLength: 4, "aria-invalid": ariaInvalid(), "aria-valuetext": "".concat(year), "aria-valuenow": typeof year === 'number' ? year : undefined, "aria-label": i18n[locale].YEAR, "aria-describedby": ariaDescribedby(), "aria-labelledby": labelId }, year ? year : 'yyyy')),
         React.createElement(Button, { onClick: calendarButtonClickHandler, locale: locale, value: calendarActiveDate || '', ref: buttonRef }),
-        displayDatePicker && (React.createElement(Calendar, { calendarClassName: classNames('ffe-calendar ffe-calendar--datepicker', { 'ffe-calendar--datepicker--above': calendarAbove }), locale: locale, onDatePicked: datePickedHandler, selectedDate: calendarActiveDate, focusOnMount: true, dropdownCaption: dropdownCaption, minDate: minDate, maxDate: maxDate })),
+        displayDatePicker && (React.createElement(Calendar, { calendarClassName: classNames('ffe-calendar ffe-calendar--datepicker', { 'ffe-calendar--datepicker--above': calendarAbove }), locale: locale, onDatePicked: datePickedHandler, selectedDate: calendarActiveDate, focusOnMount: true, dropdownCaption: dropdownCaption, minDate: minDate, maxDate: maxDate, disabledDates: disabledDates })),
         !!fieldMessage && (React.createElement(ErrorFieldMessage, { as: "p", id: fieldMessageId }, fieldMessage))));
 };

package/lib/calendar/Calendar.js

@@ -99,7 +99,7 @@ var Calendar = /** @class */ (function (_super) {
             }
         };
         _this.state = {
-            calendar: new simplecalendar_1.SimpleCalendar((0, simpledate_1.getSimpleDateFromString)(props === null || props === void 0 ? void 0 : props.selectedDate), props.minDate, props.maxDate, props.locale),
+            calendar: new simplecalendar_1.SimpleCalendar((0, simpledate_1.getSimpleDateFromString)(props === null || props === void 0 ? void 0 : props.selectedDate), props.minDate, props.maxDate, props.disabledDates, props.locale),
             isFocusingHeader: false,
         };
         _this.datepickerId = "ffe-calendar-".concat((0, uuid_1.v4)());
@@ -117,7 +117,7 @@ var Calendar = /** @class */ (function (_super) {
     Calendar.prototype.componentDidUpdate = function (prevProps) {
         if (prevProps.selectedDate !== this.props.selectedDate) {
             this.setState({
-                calendar: new simplecalendar_1.SimpleCalendar((0, simpledate_1.getSimpleDateFromString)(this.props.selectedDate), this.props.minDate, this.props.maxDate, this.props.locale),
+                calendar: new simplecalendar_1.SimpleCalendar((0, simpledate_1.getSimpleDateFromString)(this.props.selectedDate), this.props.minDate, this.props.maxDate, this.props.disabledDates, this.props.locale),
             }, this.forceUpdate);
         }
     };
@@ -125,7 +125,7 @@ var Calendar = /** @class */ (function (_super) {
         return nextProps.selectedDate !== this.props.selectedDate;
     };
     Calendar.prototype.keyDown = function (event) {
-        var _a, _b;
+        var _a, _b, _c;
         var calendar = this.state.calendar;
         var scrollableEvents = [
             'PageUp',
@@ -142,14 +142,15 @@ var Calendar = /** @class */ (function (_super) {
         }
         switch (event.key) {
             case 'Enter':
-                if (calendar.isDateWithinDateRange(calendar.focusedDate)) {
+                if (calendar.isDateWithinDateRange(calendar.focusedDate) &&
+                    ((_a = this.props.disabledDates) === null || _a === void 0 ? void 0 : _a.includes(calendar.focusedDate.toString())) === false) {
                     calendar.selectFocusedDate();
                     this.props.onDatePicked(calendar.selected());
                 }
                 event.preventDefault();
                 break;
             case 'Escape':
-                (_b = (_a = this.props).escKeyHandler) === null || _b === void 0 ? void 0 : _b.call(_a, event);
+                (_c = (_b = this.props).escKeyHandler) === null || _c === void 0 ? void 0 : _c.call(_b, event);
                 break;
             case 'Tab':
                 break;
@@ -194,7 +195,8 @@ var Calendar = /** @class */ (function (_super) {
     };
     Calendar.prototype.mouseClick = function (date) {
         var pickedDate = (0, simpledate_1.getSimpleDateFromTimestamp)(date.timestamp);
-        if (this.state.calendar.isDateWithinDateRange(pickedDate)) {
+        if (this.state.calendar.isDateWithinDateRange(pickedDate) &&
+            date.isEnabled) {
             this.state.calendar.selectTimestamp(date.timestamp);
             this.props.onDatePicked(this.state.calendar.selected());
         }
@@ -254,7 +256,9 @@ var Calendar = /** @class */ (function (_super) {
         /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
         return (react_1.default.createElement("div", { role: "dialog", "aria-modal": true, "aria-labelledby": "".concat(this.datepickerId, "-title"), className: "ffe-default-mode" },
             react_1.default.createElement("div", { className: this.props.calendarClassName || 'ffe-calendar', role: "application", onKeyDown: this.focusTrap },
-                react_1.default.createElement(Header_1.Header, { datepickerId: this.datepickerId, month: calendar.focusedMonth, nextMonthHandler: this.nextMonth, nextMonthLabel: calendar.nextName, previousMonthHandler: this.previousMonth, previousMonthLabel: calendar.previousName, year: calendar.focusedYear, prevMonthButtonElement: this.prevMonthButtonElementRef, nextMonthButtonElement: this.nextMonthButtonElementRef, monthNumber: calendar.focusedDate.month + 1, locale: this.props.locale, dropdownCaption: this.props.dropdownCaption, onMonthYearChange: function (month, year) { return _this.navigateToMonthYear(month, year); }, minDate: this.props.minDate, maxDate: this.props.maxDate }),
+                react_1.default.createElement(Header_1.Header, { datepickerId: this.datepickerId, month: calendar.focusedMonth, nextMonthHandler: this.nextMonth, nextMonthLabel: calendar.nextName, previousMonthHandler: this.previousMonth, previousMonthLabel: calendar.previousName, year: calendar.focusedYear, prevMonthButtonElement: this.prevMonthButtonElementRef, nextMonthButtonElement: this.nextMonthButtonElementRef, monthNumber: calendar.focusedDate.month + 1, locale: this.props.locale, dropdownCaption: this.props.dropdownCaption, onMonthYearChange: function (month, year) {
+                        return _this.navigateToMonthYear(month, year);
+                    }, minDate: this.props.minDate, maxDate: this.props.maxDate }),
                 react_1.default.createElement("table", { className: "ffe-calendar__grid", onKeyDown: this.keyDown, role: "presentation" },
                     react_1.default.createElement("thead", null,
                         react_1.default.createElement("tr", null, calendar.dayNames.map(this.renderDay))),

package/lib/datelogic/simplecalendar.js

@@ -34,8 +34,9 @@ function isDateWithinMinMax(date, minDate, maxDate) {
     return !(maxDate && date.isAfter(maxDate));
 }
 var SimpleCalendar = /** @class */ (function () {
-    function SimpleCalendar(initialDate, minDate, maxDate, locale) {
+    function SimpleCalendar(initialDate, minDate, maxDate, disabledDates, locale) {
         if (locale === void 0) { locale = 'nb'; }
+        this.disabledDates = [];
         this.locale = locale;
         this.focusedDate = initialDate
             ? initialDate.clone()
@@ -43,6 +44,7 @@ var SimpleCalendar = /** @class */ (function () {
         this.selectedDate = initialDate ? initialDate.clone() : initialDate;
         this.minDate = minDate ? (0, simpledate_1.getSimpleDateFromString)(minDate) : null;
         this.maxDate = maxDate ? (0, simpledate_1.getSimpleDateFromString)(maxDate) : null;
+        this.disabledDates = disabledDates ? disabledDates : [];
         // Settings
         this.firstDay = i18n_1.default[locale].FIRST_DAY_OF_WEEK;
     }
@@ -167,7 +169,10 @@ var SimpleCalendar = /** @class */ (function () {
                         isFocus: currentDate.equal(this.focusedDate),
                         isSelected: !!this.selectedDate &&
                             currentDate.equal(this.selectedDate),
-                        isEnabled: isDateWithinMinMax(currentDate, this.minDate, this.maxDate),
+                        isEnabled: isDateWithinMinMax(currentDate, this.minDate, this.maxDate) &&
+                            (this.disabledDates
+                                ? !this.disabledDates.includes(currentDate.format())
+                                : true),
                     };
                     week.dates.push(date);
                     currentDate.adjust({ period: 'D', offset: 1 });

package/lib/datepicker/DatepickerComp.js

@@ -51,7 +51,7 @@ var ffe_form_react_1 = require("@sb1/ffe-form-react");
 var i18n_1 = __importDefault(require("../i18n/i18n"));
 var types_1 = require("../types");
 var DatepickerComp = function (_a) {
-    var ariaInvalidState = _a.ariaInvalid, ariaInvalidProp = _a["aria-invalid"], ariaDescribedbyState = _a.ariaDescribedby, ariaDescribedbyProp = _a["aria-describedby"], onBlur = _a.onBlur, calendarAbove = _a.calendarAbove, id = _a.id, maxDateProp = _a.maxDate, minDateProp = _a.minDate, onChange = _a.onChange, fullWidth = _a.fullWidth, fieldMessage = _a.fieldMessage, labelId = _a.labelId, dropdownCaption = _a.dropdownCaption;
+    var ariaInvalidState = _a.ariaInvalid, ariaInvalidProp = _a["aria-invalid"], ariaDescribedbyState = _a.ariaDescribedby, ariaDescribedbyProp = _a["aria-describedby"], onBlur = _a.onBlur, calendarAbove = _a.calendarAbove, id = _a.id, maxDateProp = _a.maxDate, minDateProp = _a.minDate, onChange = _a.onChange, fullWidth = _a.fullWidth, fieldMessage = _a.fieldMessage, labelId = _a.labelId, dropdownCaption = _a.dropdownCaption, disabledDates = _a.disabledDates;
     var _b = (0, react_1.useContext)(DatepickerContext_1.DatepickerContext), day = _b.day, setDay = _b.setDay, year = _b.year, setYear = _b.setYear, month = _b.month, setMonth = _b.setMonth, locale = _b.locale, calendarActiveDate = _b.calendarActiveDate, setCalendarActiveDate = _b.setCalendarActiveDate, setLastChangedValue = _b.setLastChangedValue;
     var formatDate = (0, react_1.useCallback)(function () {
         return (0, dateUtil_1.getPaddedDateString)(day, month, year);
@@ -234,9 +234,7 @@ var DatepickerComp = function (_a) {
             addFlagOnClickEventClickHandler(e);
             focusSpinButton(e);
         }, role: 'group', id: id },
-        react_1.default.createElement("div", { className: (0, classnames_1.default)('ffe-input-field', 'ffe-dateinput', {
-                'ffe-input-field--invalid': ariaInvalid(),
-            }), onBlur: function (evt) {
+        react_1.default.createElement("div", { className: (0, classnames_1.default)('ffe-dateinput'), onBlur: function (evt) {
                 var elementReceivingFocus = evt.relatedTarget;
                 if (elementReceivingFocus !== yearRef.current &&
                     elementReceivingFocus !== dayRef.current &&
@@ -275,7 +273,7 @@ var DatepickerComp = function (_a) {
                     setYear(newValue);
                 }, prevSpinButton: monthRef, maxLength: 4, "aria-invalid": ariaInvalid(), "aria-valuetext": "".concat(year), "aria-valuenow": typeof year === 'number' ? year : undefined, "aria-label": i18n_1.default[locale].YEAR, "aria-describedby": ariaDescribedby(), "aria-labelledby": labelId }, year ? year : 'yyyy')),
         react_1.default.createElement(button_1.Button, { onClick: calendarButtonClickHandler, locale: locale, value: calendarActiveDate || '', ref: buttonRef }),
-        displayDatePicker && (react_1.default.createElement(calendar_1.Calendar, { calendarClassName: (0, classnames_1.default)('ffe-calendar ffe-calendar--datepicker', { 'ffe-calendar--datepicker--above': calendarAbove }), locale: locale, onDatePicked: datePickedHandler, selectedDate: calendarActiveDate, focusOnMount: true, dropdownCaption: dropdownCaption, minDate: minDate, maxDate: maxDate })),
+        displayDatePicker && (react_1.default.createElement(calendar_1.Calendar, { calendarClassName: (0, classnames_1.default)('ffe-calendar ffe-calendar--datepicker', { 'ffe-calendar--datepicker--above': calendarAbove }), locale: locale, onDatePicked: datePickedHandler, selectedDate: calendarActiveDate, focusOnMount: true, dropdownCaption: dropdownCaption, minDate: minDate, maxDate: maxDate, disabledDates: disabledDates })),
         !!fieldMessage && (react_1.default.createElement(ffe_form_react_1.ErrorFieldMessage, { as: "p", id: fieldMessageId }, fieldMessage))));
 };
 exports.DatepickerComp = DatepickerComp;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sb1/ffe-datepicker-react",
-    "version": "100.5.1",
+    "version": "100.6.0",
     "license": "MIT",
     "author": "SpareBank 1",
     "files": [
@@ -24,11 +24,11 @@
         "test:watch": "ffe-buildtool jest --watch"
     },
     "dependencies": {
-        "@sb1/ffe-datepicker": "^100.5.1",
-        "@sb1/ffe-dropdown-react": "^100.5.1",
-        "@sb1/ffe-form": "^100.5.1",
-        "@sb1/ffe-form-react": "^100.5.1",
-        "@sb1/ffe-icons-react": "^100.5.1",
+        "@sb1/ffe-datepicker": "^100.6.0",
+        "@sb1/ffe-dropdown-react": "^100.6.0",
+        "@sb1/ffe-form": "^100.6.0",
+        "@sb1/ffe-form-react": "^100.6.0",
+        "@sb1/ffe-icons-react": "^100.6.0",
         "@testing-library/react": "^16.0.0",
         "@types/lodash.debounce": "^4.0.9",
         "classnames": "^2.3.1",
@@ -36,7 +36,7 @@
         "uuid": "^9.0.0"
     },
     "devDependencies": {
-        "@sb1/ffe-buildtool": "^100.5.1",
+        "@sb1/ffe-buildtool": "^100.6.0",
         "eslint": "^9.22.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0"
@@ -47,5 +47,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "2716ba131556bce3e3c4c250717225daad0cf8bf"
+    "gitHead": "2fb5ef0325f4cc6fb7e3e5ca177e34486828838d"
 }

package/types/calendar/Calendar.d.ts

@@ -14,6 +14,8 @@ export interface CalendarProps {
     minDate?: string | null;
     /** Seneste tillatte dato (format: 'dd.mm.yyyy') - brukes kun til å bestemme år-intervall i dropdown */
     maxDate?: string | null;
+    /** Array av datoer i format 'dd.mm.yyyy' som skal være deaktivert */
+    disabledDates?: string[];
 }
 interface State {
     calendar: SimpleCalendar;

package/types/datelogic/simplecalendar.d.ts

@@ -9,7 +9,8 @@ export declare class SimpleCalendar {
     firstDay: number;
     minDate: SimpleDate | null;
     maxDate: SimpleDate | null;
-    constructor(initialDate?: SimpleDate | null, minDate?: string | null, maxDate?: string | null, locale?: Locale);
+    disabledDates: string[];
+    constructor(initialDate?: SimpleDate | null, minDate?: string | null, maxDate?: string | null, disabledDates?: string[], locale?: Locale);
     get focusedMonth(): any;
     get focusedYear(): number;
     get dayNames(): {

package/types/datepicker/DatepickerComp.d.ts

@@ -31,5 +31,7 @@ export interface DatepickerCompProps {
     labelId: string;
     /** Om måned- og år-dropdown skal vises i kalenderen */
     dropdownCaption?: boolean;
+    /** Liste over datoer som skal deaktiveres i kalenderen */
+    disabledDates?: string[];
 }
 export declare const DatepickerComp: React.FC<DatepickerCompProps>;